@font-face{font-family:RobotoLocal;src:url('roboto.woff2') format('woff2');font-display:swap}
:root{--surface:#151f2b;--surface2:#101a26;--surface3:#182333;--row:#252f3b;--border:#ffffff21;--border2:#ffffff33;--muted:#ffffff99;--muted2:#ffffffab;--blue:#2196f3;--blue2:#58abf5;--header:64px;--right:360px;font-family:RobotoLocal,Roboto,system-ui,Noto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--surface);color:#fff;font-size:14px}button,input{font:inherit}button{border:0;padding:0}.icon-svg{width:1em;height:1em;display:block;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-svg.no-fill{fill:none}
.app-shell{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--surface)}
.topbar{height:var(--header);flex:0 0 var(--header);display:grid;grid-template-columns:215px minmax(0,1fr) 120px 120px var(--right);background:var(--surface);border-bottom:1px solid var(--border);z-index:5}.room-identity{display:flex;align-items:center;gap:8px;padding:0 9px;min-width:0}.room-logo{width:34px;height:34px;background:#f5f5f5;border-radius:2px;overflow:hidden;display:grid;place-items:center;flex:none}.room-logo img{width:100%;height:100%;object-fit:cover}.room-meta{min-width:0;display:flex;flex-direction:column;line-height:1.05}.room-meta strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta small{font-size:.7rem;color:#ffffffab;margin-top:2px;white-space:nowrap}.room-meta small b{color:#fff}.topbar-spacer{min-width:0}.top-action{height:64px;background:transparent;color:#ffffffab;border-left:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:5px;font-size:.8rem;font-weight:700;white-space:nowrap;cursor:pointer}.top-action:hover{background:#252f3b;color:#fff}.top-action-icon{font-size:14px}.right-tabs{display:grid;grid-template-columns:repeat(5,1fr);height:64px;border-left:1px solid var(--border);background:var(--surface)}.right-tab{position:relative;height:64px;background:transparent;color:#ffffff67;display:flex;align-items:center;justify-content:center;cursor:pointer;border-bottom:2px solid transparent;font-size:18px}.right-tab:hover{background:#252f3b;color:#fff}.right-tab.active{color:#fff;border-bottom-color:#fff}.tab-count{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);min-width:20px;height:16px;line-height:16px;text-align:center;font-size:.75rem;color:#ffffffab;background:#252f3b;border-radius:2px}.right-tab.active .tab-count{color:#fff}
.workspace{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--right)}.chat-area{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:#09131d}.message-stage{position:relative;flex:1 1;min-height:0;overflow:auto;padding:7px 0 30px;background:#06111a url('dark_bg.png') 0 0/auto repeat;scrollbar-width:thin;scrollbar-color:#52575b transparent}.message-stage::-webkit-scrollbar,.user-list::-webkit-scrollbar,.rooms-modal-body::-webkit-scrollbar,.profile-scroll::-webkit-scrollbar{width:8px}.message-stage::-webkit-scrollbar-thumb,.user-list::-webkit-scrollbar-thumb,.rooms-modal-body::-webkit-scrollbar-thumb,.profile-scroll::-webkit-scrollbar-thumb{background:#52575b;border-radius:4px}.message-row{display:flex;align-items:flex-start;margin:0 0 4px;max-width:390px}.msg-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#101a26;border:1px solid #ffffff21;flex:none;margin-right:5px}.msg-avatar img{width:100%;height:100%;object-fit:cover}.message-bubble{position:relative;min-height:32px;max-width:350px;background:#151f2b;color:#9e9e9e;border-radius:5px 10px 10px 10px;box-shadow:1px 1px 1px -1px #00000080;padding:4px 43px 5px 8px;line-height:1.15}.message-user{font-size:12px;font-weight:900;color:#fff;margin-bottom:1px}.message-copy{font-size:12px;font-weight:600;color:#fff}.message-user.orange,.message-copy.orange{color:#d89a32}.message-user.red,.message-copy.red{color:#e43b3b}.message-bubble time{position:absolute;right:5px;bottom:3px;font-size:8px;color:#ffffff66}.quote{border:1px solid #ffffff30;border-left:2px solid #ffffff99;border-radius:3px;margin:2px 0 4px;padding:3px 6px;display:flex;flex-direction:column;font-size:10px;color:#ffffff99}.quote b{color:#ffffffbb;font-size:10px}.room-notice{display:inline-flex;align-items:center;gap:8px;margin:2px 0 4px 32px;padding:6px 10px;background:#151f2b;border:1px solid #ffffff13;border-radius:4px;color:#ffffff66;font-size:11px}.room-notice .icon-svg{font-size:11px}.typing-chip{height:18px;flex:none;background:#09131d;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;gap:12px;padding:0 5px;border-top:1px solid #000}.composer{height:48px;flex:0 0 48px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 4px;gap:2px}.composer-icon{width:34px;height:44px;background:transparent;color:#ffffff8e;display:grid;place-items:center;cursor:pointer;flex:none;font-size:17px}.composer-icon:hover{color:#fff}.composer-icon.radio{color:#2196f3}.composer-input-wrap{flex:1 1;min-width:0;height:36px;border:1px solid #ffffff21;border-radius:5px;background:#252f3b;overflow:hidden}.composer-input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 10px;font-size:13px}.send-button{width:36px;height:36px;border-radius:50%;background:#2196f3;color:#fff;display:grid;place-items:center;cursor:pointer;margin-left:2px;flex:none;font-size:19px}
.emoji-popover{position:absolute;left:6px;bottom:52px;width:330px;height:330px;background:#151f2b;border:1px solid #ffffff2a;border-radius:4px;box-shadow:0 12px 35px #0009;display:none;flex-direction:column;z-index:16}.emoji-popover.open{display:flex}.emoji-popover-head{height:42px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border);color:#ffffffab}.emoji-popover-head button{width:28px;height:28px;background:transparent;color:#ffffff88;display:grid;place-items:center;cursor:pointer}.emoji-grid{flex:1;min-height:0;overflow:auto;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px}.emoji-item{height:34px;background:transparent;border-radius:4px;font-size:22px;cursor:pointer}.emoji-item:hover{background:#ffffff12}
.right-panel{width:var(--right);min-width:var(--right);height:100%;min-height:0;border-left:1px solid var(--border);background:var(--surface2);overflow:hidden}.panel-view{display:none;height:100%;min-height:0;flex-direction:column}.panel-view.active{display:flex}.panel-title{height:51px;flex:0 0 51px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border);font-size:.85rem;color:#ddd}.round-menu{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#252f3b;color:#bbb;font-size:15px}.panel-title strong{font-size:14px}.room-status-row{height:56px;flex:0 0 56px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border)}.room-status-row>div:first-child{display:flex;flex-direction:column;flex:1;min-width:0}.room-status-row strong{font-size:.8rem;color:#2196f3}.room-status-row small{font-size:.7rem;color:#2196f3;margin-top:2px}.status-actions{display:flex;gap:8px}.status-actions button{width:36px;height:36px;border:1px solid #ffffff21;border-radius:6px;background:transparent;color:#2196f3;cursor:pointer;display:grid;place-items:center;font-size:14px}.status-actions button:hover{background:#252f3b}.search-wrap{height:57px;flex:0 0 57px;position:relative;padding:10px 12px}.search-wrap input{width:100%;height:37px;border-radius:4px;border:1px solid #ffffff33;outline:0;background:#101a26;color:#fff;padding:0 42px 2px 34px;font-size:14px}.search-wrap input::placeholder{color:#fff}.search-icon{position:absolute;left:22px;top:20px;font-size:16px;color:#aaa}.filter-icon{position:absolute;right:24px;top:20px;font-size:16px;color:#aaa}.user-list{flex:1 1;min-height:0;overflow:auto;padding:0 12px;scrollbar-width:auto;scrollbar-color:#52575b transparent}.user-row{height:72px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff21;position:relative;color:#fff;cursor:pointer}.user-row:hover{background:#ffffff05}.user-avatar{width:50px;height:50px;border-radius:50%;overflow:visible;flex:none;position:relative;background:#101a26}.user-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid #ffffff21}.presence-dot{position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#08a8e9;border:1.5px solid #101a26}.user-body{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.1}.user-name{font-size:.8rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.6rem;color:#aaa;margin-top:2px}.user-meta{display:flex;align-items:center;gap:9px;flex:none;color:#bbb;position:absolute;right:7px;top:13px}.user-meta .icon-svg{font-size:11px}.dots{position:absolute;right:5px;bottom:11px;color:#aaa;font-size:15px}.empty-view{flex:1;display:grid;place-items:center;color:#aaa;font-size:.8rem}
.modal-overlay{position:fixed;inset:0;background:#000000ba;z-index:30;display:none;align-items:center;justify-content:center;padding:16px}.modal-overlay.open{display:flex}.rooms-modal{width:min(600px,calc(100vw - 32px));max-height:85vh;background:#151f2b;border-radius:4px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;animation:modalPop .14s ease-out}.rooms-modal-header{height:50px;flex:0 0 50px;border-bottom:1px solid #ffffff21;display:flex;align-items:center}.rooms-modal-header button{width:50px;height:50px;margin-right:10px;background:transparent;color:#ffffffab;display:grid;place-items:center;cursor:pointer;font-size:16px}.rooms-modal-header button:hover{background:#252f3b}.rooms-modal-header h2{margin:0;min-width:0;flex:1;padding-right:16px;color:#ffffffab;font-size:1rem;line-height:50px}.rooms-modal-body{flex:1;min-height:0;overflow:auto;padding:8px 8px 12px 0}.room-category{margin-bottom:14px}.room-category h3{margin:0 0 6px;padding:8px 16px 0;color:#58abf5;font-size:.8rem}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 8px;padding-right:0}.room-card{position:relative;min-height:64px;margin-left:8px;padding:8px 54px 8px 14px;background:#151f2b;border:1px solid #ffffff21;border-left:3px solid #ffffff33;border-radius:4px;color:#ffffffab;cursor:pointer;overflow:hidden}.room-card.current{padding-right:14px}.room-card:hover{background:#ffffff05;border-color:#ffffff33;border-left-color:#ffffff45;color:#ffffffed}.room-card-title{font-size:1rem;font-weight:700;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-meta,.room-card-access{margin-top:3px;font-size:.7rem;line-height:1.05}.room-card-arrow{position:absolute;inset:-1px -1px -1px auto;width:51px;background:#2196f30f;color:#2196f3;display:grid;place-items:center;padding-top:16px;clip-path:polygon(38% 0,100% 0,100% 100%,0 100%)}.room-card:hover .room-card-arrow{background:#2196f3;color:#fff}.room-card-arrow .icon-svg{font-size:12px}
.profile-panel{position:fixed;top:0;bottom:0;right:var(--right);width:360px;background:#151f2b;border-left:1px solid var(--border);border-right:1px solid var(--border);z-index:22;display:none;flex-direction:column;color:#fff}.profile-panel.open{display:flex}.profile-head{height:64px;flex:0 0 64px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:64px 1fr 64px;align-items:center}.profile-head button{width:44px;height:44px;margin:auto;border:1px solid #ffffff33;border-radius:50%;background:transparent;color:#ffffffab;display:grid;place-items:center;cursor:pointer;font-size:16px}.profile-head button:hover{background:#252f3b;color:#fff}.profile-presence{text-align:center;line-height:1.15}.profile-presence strong{display:block;font-size:.65rem;color:#ffffffab}.profile-presence small{font-size:.55rem;color:#ffffff7a}.profile-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:10px 0 18px}.profile-avatar-wrap{position:relative;width:170px;height:170px;margin-top:3px}.profile-avatar-wrap img{width:170px;height:170px;border-radius:50%;object-fit:cover;background:#101a26;border:12px solid #111c28;box-shadow:0 1px 0 #000}.profile-device-badge{position:absolute;right:7px;top:18px;width:29px;height:29px;border:1px solid #ffffff33;border-radius:50%;background:#151f2b;color:#ffffffab;display:grid;place-items:center;font-size:13px}.profile-gender-badge{position:absolute;right:-2px;top:48px;width:24px;height:24px;border:1px solid #ffffff22;border-radius:50%;background:#151f2b;color:#2196f3;display:grid;place-items:center;font-size:13px}.profile-name{font-size:.95rem;font-weight:900;margin-top:7px}.profile-role{font-size:.65rem;color:#ffffffab;margin-top:1px}.profile-followers{font-size:.8rem;color:#ffffffab;margin:14px 0 16px}.profile-wide{width:calc(100% - 32px)}.profile-two{height:31px;border:1px solid #ffffff33;border-radius:3px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:7px}.profile-two button{background:transparent;color:#ffffffab;display:flex;align-items:center;justify-content:center;gap:5px;font-size:.8rem;cursor:pointer}.profile-two button+button{border-left:1px solid #ffffff21}.profile-two button:hover{background:#252f3b;color:#fff}.profile-actions{height:58px;border:1px solid #ffffff33;border-radius:3px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin-bottom:8px}.profile-action{background:transparent;color:#ffffffab;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.profile-action+.profile-action{border-left:1px solid #ffffff21}.profile-action:hover{background:#252f3b;color:#fff}.profile-action .icon-svg{font-size:20px}.profile-action span:last-child{font-size:.6rem}.joined-title{height:31px;border:1px solid #ffffff33;border-bottom:0;border-radius:3px 3px 0 0;display:flex;align-items:center;gap:6px;padding:0 8px;color:#ffffff99;font-size:.8rem;font-weight:700}.joined-title .count{margin-left:auto;color:#ffffff77;font-size:.65rem}.joined-room{height:31px;border:1px solid #ffffff33;border-top:0;padding:0 8px;display:flex;align-items:center;font-size:.8rem;font-weight:700;color:#ffffffab}.joined-room:last-child{border-radius:0 0 3px 3px}
@keyframes modalPop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){:root{--right:320px}.topbar{grid-template-columns:190px minmax(0,1fr) 105px 105px var(--right)}.profile-panel{right:var(--right);width:340px}}
@media(max-width:760px){.profile-panel{right:0;width:100%;z-index:40}.right-panel{display:none}.workspace{grid-template-columns:1fr}.topbar{grid-template-columns:1fr 88px 88px}.right-tabs{display:none}.room-grid{grid-template-columns:1fr}.rooms-modal{align-self:flex-end;width:100%;max-height:88dvh;border-radius:4px 4px 0 0}.modal-overlay{align-items:flex-end;padding:0}.emoji-popover{width:calc(100% - 12px);height:310px}}
/* v0.3.1 - reference emoji picker: Yeni / Eski / Gif */
.composer-input-wrap{display:flex;align-items:center}
.composer-editable{width:100%;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;outline:0;color:#fff;padding:8px 10px 5px;font-size:13px;line-height:20px;white-space:pre-wrap;word-break:break-word}
.composer-editable:empty:before{content:''}
.composer-inline-asset{display:inline-block;width:20px;height:20px;object-fit:contain;vertical-align:-5px;margin:0 1px}
.composer-inline-asset.is-gif{width:auto;max-width:46px}
.message-copy.rich{display:inline;white-space:pre-wrap}
.message-inline-asset{display:inline-block;width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin:0 1px;background:transparent!important;border:0!important}
.message-inline-asset.is-gif{width:auto;max-width:54px;max-height:28px}
.emoji-popover{left:4px;bottom:50px;width:256px;height:256px;background:#151f2b;border:1px solid #ffffff12;border-radius:4px;padding:4px;box-shadow:0 10px 28px #0009;overflow:hidden}
.emoji-tabs{height:37px;flex:0 0 37px;display:grid;grid-template-columns:54px 1fr 1fr 1fr;margin:0;padding:0;border-bottom:0}
.emoji-tabs button{height:37px;border:0;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#101a26;color:#6f7d8d;font-size:12px;cursor:pointer;display:grid;place-items:center}
.emoji-tabs button:first-child{border-left:1px solid #ffffff12}
.emoji-tabs .emoji-back{color:#6f7d8d}
.emoji-tabs .emoji-back .icon-svg{width:11px;height:11px}
.emoji-tabs .emoji-tab.active{background:#151f2b;color:#7d8b99;border-bottom-color:#151f2b;font-weight:600}
.emoji-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 3px 7px;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:30px;align-content:start;gap:0;background:#101a26;scrollbar-width:thin;scrollbar-color:#495461 transparent}
.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-thumb{background:#495461;border-radius:4px}
.emoji-item{width:30px;height:30px;padding:3px;border:0;background:transparent;border-radius:3px;display:grid;place-items:center;cursor:pointer;overflow:hidden}
.emoji-item:hover{background:#ffffff12}
.emoji-item img{display:block;width:24px;height:24px;max-width:100%;max-height:100%;object-fit:contain;background:transparent;border:0}
.emoji-grid.type-old .emoji-item img{width:24px;height:24px}
.emoji-grid.type-gif .emoji-item{padding:2px}.emoji-grid.type-gif .emoji-item img{width:auto;height:24px;max-width:26px}
.emoji-loading{grid-column:1/-1;color:#ffffff77;padding:12px;font-size:12px}
@media(max-width:760px){.emoji-popover{left:0;bottom:48px;width:min(256px,calc(100% - 8px));height:256px}}
/* v0.4.0 - source-layout placement pass
   Derived from the downloaded SohbetYeri Next.js legacy-dark layout. */
:root{--identity:200px;--right:360px;--header:64px}
.topbar{grid-template-columns:var(--identity) minmax(0,1fr) 120px 120px var(--right)}
.room-identity{width:var(--identity);min-width:var(--identity);padding:0 12px;gap:8px}
.room-logo{width:36px;height:36px;border-radius:4px;border:1px solid #ffffff21;background:#101a26}
.room-meta strong{font-size:.8rem;line-height:1.05}.room-meta small{font-size:.7rem;line-height:11px}

/* Right user list: source rows are 80px with a 60px avatar inside an 80px slot. */
.panel-title{height:52px;flex-basis:52px;padding:12px 12px}
.round-menu{width:28px;height:28px;font-size:16px}
.search-wrap{height:61px;flex-basis:61px;padding:12px 16px}
.search-wrap input{height:37px;padding-left:34px;padding-right:44px;padding-bottom:2px;font-size:14px}
.search-icon{left:27px;top:22px}.filter-icon{right:27px;top:22px}
.user-list{padding:0;scrollbar-width:auto}
.user-row{height:80px;min-height:80px;padding:0 8px;gap:0;border-bottom:0;position:relative}
.user-row::after{content:"";position:absolute;left:88px;right:8px;bottom:0;border-bottom:1px solid #ffffff21;pointer-events:none}
.user-avatar{width:80px;height:80px;display:grid;place-items:center;position:relative;background:transparent}
.user-avatar img{width:60px;height:60px;border-radius:50%;border:0;background:#101a26}
.presence-dot{right:8px;bottom:8px;width:9px;height:9px;border-width:1.5px}
.user-body{height:80px;align-self:stretch;justify-content:flex-start;padding-top:12px;line-height:1.05}
.user-name{font-size:.8rem;font-weight:500;padding-right:58px}
.user-role{font-size:.6rem;margin-top:2px;color:#aaa}
.user-meta{right:14px;top:12px;gap:8px}.user-meta .icon-svg{width:14px;height:14px;font-size:14px}
.dots{right:14px;bottom:16px;width:18px;height:18px;display:grid;place-items:end;color:#aaa}
.dots .icon-svg{width:10px;height:10px}

/* All Rooms modal: exact legacy desktop envelope from the source bundle. */
.modal-overlay{background:#000000ba;padding:16px}
.rooms-modal{width:100%;max-width:600px;max-height:85vh;border-radius:4px;background:#151f2b;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.rooms-modal-header{height:50px;flex-basis:50px}.rooms-modal-header button{width:50px;height:50px;margin-right:10px}.rooms-modal-header h2{font-size:1rem;line-height:50px}
.rooms-modal-body{padding:8px 8px 12px 0}
.room-category{margin-bottom:16px}.room-category h3{margin-bottom:4px;padding:8px 16px 0;font-size:.8rem}
.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:8px}
.room-card{min-height:64px;margin-left:8px;padding:8px 54px 8px 16px;border-radius:4px;border:1px solid #ffffff21;border-left-width:3px;border-left-color:#ffffff33}
.room-card.member{padding-right:16px}.room-card-title{font-size:1rem;line-height:1.05}.room-card-meta,.room-card-access{font-size:.7rem;line-height:1.05;margin-top:3px}
.room-card-arrow{width:51px;inset:-1px -1px -1px auto;padding-top:16px;clip-path:polygon(calc(100% - 20px) 0,100% 0,100% 100%,0 100%)}
.room-card-arrow .icon-svg{width:12px;height:12px;stroke-width:1.65}

/* Profile occupies the 360px column immediately left of the persistent user panel. */
.profile-panel{right:360px;width:360px;top:0;bottom:0;background:#151f2b}
.profile-head{height:64px;flex-basis:64px;grid-template-columns:64px 1fr 64px}
.profile-scroll{padding-top:10px}
.profile-avatar-wrap{width:164px;height:164px;margin-top:2px}
.profile-avatar-wrap img{width:164px;height:164px;border-width:11px}
.profile-device-badge{right:5px;top:17px}.profile-gender-badge{right:-3px;top:47px}
.profile-name{margin-top:8px}.profile-followers{margin:14px 0 16px}
.profile-wide{width:calc(100% - 32px)}

@media(max-width:1100px){
  :root{--right:320px;--identity:190px}
  .topbar{grid-template-columns:var(--identity) minmax(0,1fr) 105px 105px var(--right)}
  .profile-panel{right:var(--right);width:340px}
}
@media(max-width:760px){
  .profile-panel{right:0;width:100%}
  .user-row{height:72px;min-height:72px}
  .user-avatar{width:72px;height:72px}.user-avatar img{width:54px;height:54px}
  .user-body{height:72px}.user-row::after{left:80px}
  .room-grid{grid-template-columns:1fr}
}

/* v0.5.0 — reference right-panel flows: Kişiler / Mesajlar / Bildirimler / Profil */
.tab-count.alert{background:#e53935;color:#fff;min-width:16px;height:14px;line-height:14px;font-size:.65rem;border-radius:7px;padding:0 3px}

/* Kişiler: legacy reference uses Favori / Takip / Herkes segmented tabs. */
.people-tabs,.notification-tabs{margin:12px 16px 0;display:grid;grid-template-columns:repeat(3,1fr);height:32px;border:1px solid #ffffff33;border-radius:4px;overflow:hidden;flex:0 0 32px}
.people-tab,.notification-tab{background:transparent;color:#ffffffab;border:0;border-right:1px solid #ffffff21;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}
.people-tab:last-child,.notification-tab:last-child{border-right:0}.people-tab:hover,.notification-tab:hover{background:#ffffff08;color:#fff}.people-tab.active,.notification-tab.active{background:#252f3b;color:#fff}
.people-tab span,.notification-tab span{min-width:17px;height:17px;padding:0 4px;border-radius:4px;display:inline-grid;place-items:center;background:#ffffff10;color:#ffffffab;font-size:.67rem;line-height:17px}
.people-search-wrap{height:61px;flex:0 0 61px;margin:0;padding:12px 16px;position:relative}
.people-search-wrap[hidden]{display:none}.people-search-wrap>span{position:absolute;left:27px;top:22px;color:#aaa;width:16px;height:16px}.people-search-wrap input{width:100%;height:37px;border:1px solid #ffffff33;border-radius:4px;background:#101a26;color:#fff;outline:0;padding:0 12px 2px 34px;font-size:14px}.people-search-wrap input::placeholder{color:#ffffffab}
.people-info{margin:10px 16px 2px;padding:8px 10px;border-left:2px solid #2196f3;background:#2196f30d;color:#ffffff77;font-size:.68rem;line-height:1.25}.people-info[hidden]{display:none}
.people-list{flex:1;min-height:0;overflow:auto;padding:6px 8px 0;scrollbar-color:#52575b transparent}
.people-row{width:100%;height:72px;display:flex;align-items:center;position:relative;background:transparent;color:#fff;border:0;cursor:pointer;text-align:left;padding:0 8px}.people-row:hover{background:#ffffff05}.people-row::after{content:"";position:absolute;left:76px;right:8px;bottom:0;border-bottom:1px solid #ffffff21}
.people-avatar{width:60px;height:60px;flex:0 0 60px;position:relative;display:grid;place-items:center}.people-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#101a26}.people-avatar i{position:absolute;width:8px;height:8px;border-radius:50%;background:#08a8e9;right:2px;bottom:4px;border:1px solid #101a26}
.people-copy{min-width:0;flex:1;display:flex;flex-direction:column;padding-left:8px}.people-copy b{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-copy small{font-size:.6rem;color:#aaa;margin-top:2px}.people-icons{position:absolute;right:22px;top:13px;color:#aaa;display:flex;gap:7px}.people-icons .icon-svg{width:12px;height:12px}.people-dots{position:absolute;right:15px;bottom:13px;color:#aaa}.people-dots .icon-svg{width:10px;height:10px}
.panel-empty-state{padding:48px 18px;text-align:center;color:#ffffff66;font-size:.75rem}

/* Mesajlar: list and in-panel conversation are mutually exclusive, preserving the 360px rail. */
.dm-view{height:100%;min-height:0;display:flex;flex-direction:column}.dm-list-head{height:70px;flex:0 0 70px;border-bottom:1px solid #ffffff21;background:#ffffff05;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.dm-list-head>div{display:flex;flex-direction:column}.dm-list-head strong{font-size:15px}.dm-list-head small{font-size:9px;color:#8f9aa8;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.dm-list-head button,.dm-more{width:32px;height:32px;border:1px solid #ffffff12;border-radius:50%;background:#ffffff05;color:#aaa;display:grid;place-items:center}.dm-list-head .icon-svg,.dm-more .icon-svg{width:14px;height:14px}
.dm-list{flex:1;min-height:0;overflow:auto}.dm-row{width:100%;height:76px;padding:0 14px;display:flex;align-items:center;gap:10px;background:transparent;color:#fff;border:0;border-bottom:1px solid #ffffff12;cursor:pointer;text-align:left}.dm-row:hover{background:#ffffff05}.dm-avatar{width:52px;height:52px;position:relative;flex:0 0 52px}.dm-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover}.dm-avatar i{position:absolute;right:0;bottom:0;width:8px;height:8px;border-radius:50%;background:#08a8e9;border:1px solid #101a26}.dm-row-copy{min-width:0;flex:1;display:flex;flex-direction:column}.dm-row-copy b{font-size:.8rem}.dm-row-copy small{font-size:.68rem;color:#aeb5be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.dm-row-side{height:44px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.dm-row-side time{font-size:.58rem;color:#ffffff66}.dm-row-side em{font-style:normal;min-width:17px;height:17px;padding:0 4px;border-radius:8px;background:#e53935;color:#fff;font-size:.65rem;display:grid;place-items:center}
.dm-chat-head{height:64px;flex:0 0 64px;border-bottom:1px solid #ffffff21;display:grid;grid-template-columns:54px 1fr 48px;align-items:center}.dm-chat-head>button{background:transparent;color:#aaa;border:0;cursor:pointer}.dm-chat-head>button:first-child{height:64px;border-right:1px solid #ffffff12}.dm-chat-head>button:first-child .icon-svg{width:13px;height:13px}.dm-peer{min-width:0;height:64px;display:flex!important;align-items:center!important;gap:9px!important;padding:0 10px!important;text-align:left!important}.dm-peer img{width:38px;height:38px;border-radius:50%;object-fit:cover}.dm-peer span{min-width:0;display:flex;flex-direction:column}.dm-peer b{font-size:.78rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-peer small{font-size:.58rem;color:#aaa;margin-top:2px}.dm-messages{flex:1;min-height:0;overflow:auto;padding:12px;background:#101a26}.dm-message{display:flex;gap:7px;margin-bottom:10px;align-items:flex-start}.dm-message>img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}.dm-message>div{max-width:76%;padding:7px 9px;background:#1d2a38;border-radius:4px;position:relative}.dm-message b{display:block;font-size:.62rem;color:#9eb6ca;margin-bottom:2px}.dm-message p{font-size:.72rem;line-height:1.25;margin:0;color:#fff;word-break:break-word}.dm-message time{display:block;text-align:right;font-size:.52rem;color:#ffffff55;margin-top:4px}.dm-message.mine{flex-direction:row-reverse}.dm-message.mine>div{background:#20384a}.dm-message.mine b{text-align:right;color:#7ec8f8}.dm-start{padding-top:80px;text-align:center;color:#ffffff55;font-size:.75rem}.dm-composer{height:50px;flex:0 0 50px;border-top:1px solid #ffffff21;display:grid;grid-template-columns:1fr 44px;background:#151f2b}.dm-composer input{min-width:0;background:#101a26;border:0;outline:0;color:#fff;padding:0 12px;font-size:.75rem}.dm-composer input::placeholder{color:#ffffff66}.dm-composer button{border:0;border-left:1px solid #ffffff12;background:#168bd2;color:#fff;display:grid;place-items:center;cursor:pointer}.dm-composer button .icon-svg{width:16px;height:16px}

/* Bildirimler / Aramalar segmented control from the reference client. */
.notification-tabs{grid-template-columns:1fr 1fr;margin-top:12px}.notification-list{flex:1;min-height:0;overflow:auto;padding-top:8px}.notification-row{position:relative;min-height:72px;border-bottom:1px solid #ffffff12;display:flex;align-items:stretch}.notification-main{flex:1;min-width:0;background:transparent;color:#fff;border:0;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 34px 9px 12px}.notification-main:hover{background:#ffffff05}.notification-main img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}.notification-main>span{min-width:0;display:flex;flex-direction:column}.notification-main b{font-size:.72rem;line-height:1.25}.notification-main small{font-size:.64rem;color:#aaa;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-main time{font-size:.55rem;color:#ffffff55;margin-top:4px}.notification-remove{position:absolute;top:0;right:0;width:48px;height:16px;border:0;border-radius:0 0 0 8px;background:#252f3b;color:#ffffff66;opacity:0;cursor:pointer;display:grid;place-items:center}.notification-row:hover .notification-remove{opacity:1}.notification-remove .icon-svg{width:8px;height:8px}

/* Self profile tab: source menu labels and no extra pane beyond the right rail. */
.self-profile{height:100%;min-height:0;overflow:auto}.self-head{padding:24px 18px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff12}.self-avatar{width:72px;height:72px;position:relative;flex:0 0 72px}.self-avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#101a26}.self-avatar i{position:absolute;right:2px;bottom:3px;width:9px;height:9px;border-radius:50%;background:#08a8e9;border:1px solid #101a26}.self-head>div:last-child{min-width:0;display:flex;flex-direction:column}.self-head strong{font-size:.95rem}.self-head small{font-size:.65rem;color:#aaa;margin-top:4px}.self-stats{height:56px;border-bottom:1px solid #ffffff12;display:grid;grid-template-columns:repeat(3,1fr)}.self-stats span{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;color:#aaa;border-right:1px solid #ffffff12}.self-stats span:last-child{border-right:0}.self-stats b{font-size:.8rem;color:#fff;margin-bottom:2px}.self-menu{padding:8px}.self-menu button{width:100%;height:44px;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#ffffffab;display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer;text-align:left;font-size:.78rem}.self-menu button:hover{background:#ffffff05;color:#fff}.self-menu .icon-svg{width:15px;height:15px;flex:none}

@media(max-width:760px){.people-tabs,.notification-tabs{margin-left:10px;margin-right:10px}.dm-chat-head{grid-template-columns:50px 1fr 44px}}

/* v0.6.0 — UI-complete surfaces derived from the downloaded SohbetYeri reference bundle. */
.reply-strip{height:42px;flex:0 0 42px;border-top:1px solid #ffffff21;background:#101a26;display:flex;align-items:center;padding:5px 8px 5px 12px}.reply-strip[hidden]{display:none}.reply-strip>div{min-width:0;flex:1;border-left:2px solid #2196f3;padding-left:8px;display:flex;flex-direction:column}.reply-strip b{font-size:.68rem;color:#58abf5}.reply-strip span{font-size:.65rem;color:#ffffff88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-strip button{width:28px;height:28px;background:transparent;color:#ffffff88;font-size:19px;cursor:pointer}
.app-modal-overlay{position:fixed;inset:0;z-index:80;background:#000000a8;display:none;align-items:center;justify-content:center;padding:16px}.app-modal-overlay.open{display:flex}.app-modal{width:min(480px,calc(100vw - 32px));max-height:min(88dvh,720px);background:#151f2b;border:1px solid #ffffff21;border-radius:4px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .14s ease-out}.app-modal.wide{width:min(600px,calc(100vw - 32px))}.app-modal.compact{width:min(430px,calc(100vw - 32px))}.app-modal-head{height:50px;flex:0 0 50px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;border-bottom:1px solid #ffffff21}.app-modal-head h2{margin:0;font-size:1rem;color:#ffffffab;text-align:left}.app-modal-head button{height:50px;background:transparent;color:#ffffffab;font-size:22px;cursor:pointer}.app-modal-head button:hover{background:#ffffff08;color:#fff}.app-modal-body{min-height:0;overflow:auto;padding:15px;scrollbar-color:#52575b transparent}
.v6-form{display:flex;flex-direction:column;gap:14px}.v6-form h3{font-size:.85rem;color:#ffffffab;margin:8px 0 -3px;padding-bottom:8px;border-bottom:1px solid #ffffff12}.v6-field{display:flex;flex-direction:column;gap:6px;color:#ffffffab;font-size:.82rem;font-weight:700}.v6-field small{font-size:.68rem;color:#ffffff66;font-weight:500;margin-top:-3px}.v6-field input,.v6-field select,.v6-field textarea,.v6-settings select{width:100%;min-height:38px;background:#101a26;border:1px solid #ffffff33;border-radius:4px;color:#fff;outline:0;padding:8px 10px;font-size:.78rem;font-weight:500}.v6-field textarea{resize:vertical}.v6-field input:focus,.v6-field select:focus,.v6-field textarea:focus{border-color:#2196f3}.v6-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.v6-actions button,.outline{height:36px;border-radius:4px;padding:0 14px;font-size:.75rem;font-weight:700;cursor:pointer}.v6-actions .primary{background:#0176d3;color:#fff}.v6-actions .secondary{background:transparent;border:1px solid #ffffff33;color:#ffffffab}.v6-actions .danger,.danger-zone button{background:#c62828;color:#fff}.outline{background:transparent!important;border:1px solid #2196f3!important;color:#2196f3!important}.v6-upload-row{display:flex;align-items:center;gap:12px}.v6-upload-row img{width:72px;height:72px;border-radius:4px;border:1px solid #ffffff33;object-fit:cover;background:#101a26}.v6-upload-row>div{flex:1;display:flex;flex-direction:column;gap:8px}.v6-upload-row b{font-size:.82rem;color:#ffffffab}.v6-upload-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v6-editable{display:grid;grid-template-columns:1fr 76px;gap:6px}.v6-editable button{border:1px solid #ffffff33;background:#252f3b;color:#ffffffab;border-radius:4px;cursor:pointer;font-size:.72rem}.danger-zone{border-top:1px dashed #ffffff21;margin-top:4px;padding-top:14px}.danger-zone b{color:#ef5350;font-size:.82rem}.danger-zone p{font-size:.68rem;color:#ffffff66;line-height:1.4}.danger-zone button{height:36px;border-radius:4px;padding:0 14px;cursor:pointer}.v6-confirm p{font-size:.8rem;color:#ffffffab;line-height:1.5}.v6-confirm small{display:block;color:#ffffff66;font-size:.7rem;line-height:1.45;margin-top:6px}
.v6-search{padding-bottom:10px}.v6-search input{width:100%;height:38px;background:#101a26;border:1px solid #ffffff33;border-radius:4px;padding:0 12px;color:#fff;outline:0}.v6-member-list{display:flex;flex-direction:column}.v6-member{height:66px;display:flex;align-items:center;gap:10px;background:transparent;border:0;border-bottom:1px solid #ffffff12;color:#fff;text-align:left;cursor:pointer;padding:0 6px}.v6-member:hover{background:#ffffff05}.v6-member img,.v6-staff img,.v6-blocked img,.voice-person img,.mic-request img,.radio-djs img{width:46px;height:46px;border-radius:50%;object-fit:cover}.v6-member span,.v6-staff span,.v6-blocked span,.voice-person span,.mic-request span,.radio-djs span{min-width:0;flex:1;display:flex;flex-direction:column}.v6-member b,.v6-staff b,.v6-blocked b,.voice-person b,.mic-request b,.radio-djs b{font-size:.76rem}.v6-member small,.v6-staff small,.v6-blocked small,.voice-person small,.mic-request small,.radio-djs small{font-size:.64rem;color:#aaa;margin-top:3px}.v6-member em{font-style:normal;color:#08a8e9;font-size:.62rem}.v6-staff-list{display:flex;flex-direction:column}.v6-staff{height:68px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff12}.v6-staff button{width:34px;height:34px;border-radius:50%;background:#ffffff05;color:#aaa;cursor:pointer}.v6-ranks{display:grid;gap:8px}.v6-ranks>div{padding:12px;border:1px solid #ffffff12;background:#101a26;border-radius:4px;display:flex;flex-direction:column}.v6-ranks b{font-size:.8rem;color:#fff}.v6-ranks small{font-size:.68rem;color:#aaa;margin-top:4px}.v6-log-list{display:flex;flex-direction:column}.v6-log-list>div{display:grid;grid-template-columns:50px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff12;font-size:.72rem}.v6-log-list time{color:#ffffff55}.v6-log-list span{color:#ffffffab}.v6-info-card{display:flex;gap:14px;align-items:center}.v6-info-card img{width:80px;height:80px;border-radius:4px;object-fit:cover}.v6-info-card h3{margin:0 0 5px;font-size:1rem}.v6-info-card p{margin:2px 0;font-size:.7rem;color:#aaa}.v6-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.v6-info-grid span{min-height:55px;border:1px solid #ffffff12;background:#101a26;border-radius:4px;display:flex;flex-direction:column;justify-content:center;padding:8px;color:#aaa;font-size:.65rem}.v6-info-grid b{color:#fff;font-size:.78rem;margin-bottom:3px}
.v6-settings{display:flex;flex-direction:column}.v6-settings>label{min-height:58px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:12px}.v6-settings>label>span{min-width:0;flex:1;display:flex;flex-direction:column;color:#fff;font-size:.76rem;font-weight:700}.v6-settings>label small{color:#aaa;font-size:.64rem;font-weight:500;margin-top:3px}.v6-settings input[type=checkbox]{width:18px;height:18px;accent-color:#2196f3}.v6-settings select{width:190px;flex:none}.v6-blocked{height:68px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff12}.v6-blocked button{height:30px;padding:0 10px;border:1px solid #ffffff33;background:transparent;color:#ffffffab;border-radius:4px;cursor:pointer;font-size:.68rem}.v6-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v6-status-grid>div{min-height:72px;border:1px solid #ffffff12;background:#101a26;border-radius:4px;padding:10px;display:grid;grid-template-columns:10px 1fr;grid-template-rows:auto auto;column-gap:8px}.v6-status-grid span{width:8px;height:8px;border-radius:50%;grid-row:1/3;align-self:center}.v6-status-grid span.ok{background:#07bc0c}.v6-status-grid span.warn{background:#ffb300}.v6-status-grid b{font-size:.74rem}.v6-status-grid small{font-size:.62rem;color:#aaa}.v6-row-button{width:100%;height:44px;margin-top:12px;border:1px solid #ffffff12;background:#101a26;color:#ffffffab;border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer}
.voice-panel-v6{display:flex;flex-direction:column;gap:14px}.voice-panel-v6 section{border:1px solid #ffffff12;border-radius:4px;overflow:hidden}.voice-panel-v6 h3{font-size:.72rem;color:#ffffff88;margin:0;padding:8px 10px;border-bottom:1px solid #ffffff12}.voice-room-state{height:58px;background:#101a26;border:1px solid #ffffff12;border-radius:4px;display:flex;align-items:center;gap:12px;padding:0 12px}.voice-room-state>div{display:flex;flex-direction:column}.voice-room-state b{font-size:.8rem}.voice-room-state small{font-size:.64rem;color:#aaa}.voice-bars{display:flex;align-items:end;gap:2px;height:20px}.voice-bars i{width:2px;background:#07bc0c;border-radius:2px;animation:v6bars .75s ease-in-out infinite alternate}.voice-bars i:nth-child(1){height:7px}.voice-bars i:nth-child(2){height:16px;animation-delay:.12s}.voice-bars i:nth-child(3){height:10px;animation-delay:.2s}.voice-bars i:nth-child(4){height:18px;animation-delay:.3s}@keyframes v6bars{to{height:5px}}.mic-request,.voice-person{height:60px;display:flex;align-items:center;gap:8px;padding:0 8px;border-bottom:1px solid #ffffff0d}.mic-request img,.voice-person img{width:40px;height:40px}.mic-request button{height:28px;padding:0 8px;background:#0176d3;color:#fff;border-radius:4px;font-size:.65rem;cursor:pointer}.mic-request button.reject{background:#252f3b;color:#aaa}.voice-person em{font-style:normal}
.radio-v6{display:flex;flex-direction:column;gap:14px}.radio-now{border:1px solid #ffffff12;background:#101a26;border-radius:4px;padding:14px;display:flex;flex-direction:column}.radio-now>span{font-size:.58rem;color:#2196f3;letter-spacing:.1em}.radio-now b{font-size:1rem;margin-top:4px}.radio-now small{font-size:.68rem;color:#aaa;margin-top:4px}.radio-djs{border:1px solid #ffffff12;border-radius:4px}.radio-djs h3{font-size:.7rem;color:#aaa;margin:0;padding:8px 10px;border-bottom:1px solid #ffffff12}.radio-djs>div{height:56px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #ffffff0d}.radio-djs img{width:38px;height:38px}
.call-v6{text-align:center;position:relative;min-height:340px;overflow:hidden;border-radius:4px}.call-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.call-avatar{position:relative;width:92px;height:92px;border-radius:50%;object-fit:cover;margin-top:64px;border:3px solid #ffffff44}.call-v6 h3,.call-v6 p,.call-actions{position:relative}.call-v6 h3{margin:12px 0 4px}.call-v6 p{margin:0;color:#aaa;font-size:.75rem}.call-actions{margin-top:52px}.call-actions button{height:38px;padding:0 18px;border-radius:20px;background:#c62828;color:#fff;cursor:pointer}.recorder-v6{text-align:center;padding:18px}.record-dot{width:18px;height:18px;border-radius:50%;background:#5c6673;margin:0 auto 12px}.record-dot.active{background:#e53935;animation:recordPulse 1s infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 8px #e5393522}}.recorder-v6>b{font-size:1.4rem}.recorder-v6 p{font-size:.72rem;color:#aaa}.photo-preview-v6 img{display:block;max-width:100%;max-height:55vh;margin:auto;border-radius:4px}.photo-preview-v6 textarea{width:100%;margin-top:10px;background:#101a26;border:1px solid #ffffff33;border-radius:4px;color:#fff;padding:8px;resize:none}.v6-message-photo{display:block;max-width:260px;max-height:260px;border-radius:4px;object-fit:contain}.v6-voice-message{display:flex;align-items:center;gap:7px;min-width:160px}.v6-voice-message span{flex:1}.v6-voice-message small{color:#ffffff66}
.context-menu{position:fixed;z-index:120;width:188px;padding:4px;background:#151f2b;border:1px solid #ffffff21;border-radius:4px;box-shadow:0 12px 30px #0009;display:none}.context-menu.open{display:flex;flex-direction:column}.context-menu button{height:34px;background:transparent;color:#ffffffab;text-align:left;padding:0 10px;border-radius:3px;cursor:pointer;font-size:.72rem}.context-menu button:hover{background:#252f3b;color:#fff}.context-menu button.danger{color:#ef5350}.v6-toast{position:fixed;left:50%;bottom:70px;transform:translate(-50%,12px);z-index:150;background:#101a26;border:1px solid #ffffff21;color:#fff;border-radius:4px;padding:9px 13px;font-size:.72rem;opacity:0;pointer-events:none;transition:.15s}.v6-toast.show{opacity:1;transform:translate(-50%,0)}.v6-menu-dot{width:7px;height:7px;border-radius:50%;background:#2196f3;flex:none}
@media(max-width:760px){.app-modal-overlay{align-items:flex-end;padding:0}.app-modal,.app-modal.wide,.app-modal.compact{width:100%;max-height:88dvh;border-radius:4px 4px 0 0}.v6-upload-stack,.v6-status-grid,.v6-info-grid{grid-template-columns:1fr}.v6-settings select{width:150px}.context-menu{width:180px}.v6-message-photo{max-width:210px}}

/* v0.7 — Profile / preferences / private messages / light theme */
.v7-self-profile-card{height:100%;display:flex;flex-direction:column;align-items:center;padding-top:34px}.v7-self-avatar-wrap{position:relative;width:108px;height:108px}.v7-self-avatar-wrap img{width:108px;height:108px;border-radius:50%;object-fit:cover;border:10px solid #1a2634;background:#101a26}.v7-self-gender{position:absolute;right:-1px;top:13px;width:26px;height:26px;border-radius:50%;border:1px solid #ffffff21;background:#151f2b;color:#2196f3;display:grid;place-items:center;font-size:14px}.v7-self-name{margin-top:8px;font-size:.9rem}.v7-self-role{font-size:.62rem;color:#ffffff99;margin-top:1px}.v7-self-menu{width:calc(100% - 56px);margin-top:42px;display:flex;flex-direction:column;gap:10px}.v7-self-menu button{height:43px;border:1px solid #ffffff33;border-radius:24px;background:transparent;color:#ffffffab;font-size:.76rem;font-weight:700;cursor:pointer}.v7-self-menu button:hover{background:#ffffff05;color:#fff}
.v7-overlay,.v7-suboverlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000c9;z-index:180;padding:18px}.v7-overlay.open,.v7-suboverlay.open{display:flex}.v7-suboverlay{z-index:190;background:#00000078}.v7-modal{width:min(550px,calc(100vw - 30px));max-height:82vh;background:#151f2b;border:1px solid #ffffff1c;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 60px #000b}.v7-modal.preferences-modal{width:min(300px,calc(100vw - 30px));max-height:88vh}.v7-modal.password-modal{width:min(390px,calc(100vw - 30px))}.v7-modal.history-modal{width:min(430px,calc(100vw - 30px))}.v7-modal-head{height:49px;flex:0 0 49px;border-bottom:1px solid #ffffff21;display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.v7-modal-head button{height:100%;background:transparent;color:#ffffff99;font-size:24px;cursor:pointer}.v7-modal-head strong{font-size:.82rem;color:#ffffffab}.v7-modal-body{padding:14px;overflow:auto;min-height:0}.v7-block-label{display:block;color:#ffffffab;font-size:.74rem;margin:0 0 4px}.v7-profile-photo-row{height:104px;border:1px solid #ffffff33;border-radius:3px;padding:10px;display:flex;gap:10px;margin-bottom:10px}.v7-profile-photo-row img{width:82px;height:82px;border-radius:50%;object-fit:cover;background:#101a26}.v7-profile-photo-row button{flex:1;border:1px solid #ffffff33;border-radius:3px;background:#151f2b;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer}.v7-select-row,.v7-input{width:100%;height:46px;border:1px solid #ffffff33;border-radius:3px;background:#151f2b;color:#ffffffc7;margin-bottom:10px}.v7-select-row{display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer}.v7-input{padding:0 12px;outline:0}.v7-save{width:100%;height:46px;margin-top:4px;background:transparent;color:#2196f3;border-top:1px solid #ffffff21;font-weight:700;cursor:pointer}.v7-submodal{width:min(374px,calc(100vw - 28px));background:#151f2b;border:1px solid #ffffff55;border-radius:3px;overflow:hidden;box-shadow:0 18px 50px #000c}.v7-submodal header{height:49px;display:flex;align-items:center;border-bottom:1px solid #ffffff21}.v7-submodal header button{width:44px;height:49px;background:transparent;color:#ffffff99;font-size:24px}.v7-submodal header strong{font-size:.8rem;color:#ffffff99}.v7-status-options{display:flex;flex-direction:column}.v7-status-options button{height:46px;background:transparent;color:#ffffff66;text-align:left;padding:0 14px;border-bottom:1px solid #ffffff15;cursor:pointer}.v7-status-options button.active{background:#eef6ff;color:#2196f3;font-weight:700}.v7-preferences section{margin-bottom:19px}.v7-preferences section>b{display:block;color:#2196f3;font-size:.71rem}.v7-preferences section>small{display:block;color:#ffffffab;font-size:.61rem;line-height:1.15;margin:1px 0 3px}.v7-preferences section>button{width:100%;height:46px;border:1px solid #ffffff33;background:#151f2b;color:#ffffffab;display:grid;grid-template-columns:1fr 46px;text-align:left;align-items:center;cursor:pointer;padding-left:10px}.v7-preferences section>button em{height:100%;display:grid;place-items:center;border-left:1px solid #ffffff33;color:#2196f3;font-style:normal;font-size:18px}.v7-preferences .v7-save{margin-top:-3px}.v7-password-form{display:flex;flex-direction:column;gap:10px}.v7-password-form label{display:flex;flex-direction:column;gap:5px;color:#ffffffab;font-size:.72rem}.v7-password-form input{height:42px;border:1px solid #ffffff33;background:#101a26;color:#fff;border-radius:3px;padding:0 10px;outline:0}.v7-history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v7-history-grid button{aspect-ratio:1;border:1px solid #ffffff21;background:#101a26;border-radius:4px;overflow:hidden;cursor:pointer}.v7-history-grid img{width:100%;height:100%;object-fit:cover}
.v7-private-window{position:fixed;z-index:80;width:300px;height:365px;left:min(37vw,calc(100vw - 740px));top:210px;background:#151f2b;border:1px solid #ffffff33;border-radius:4px;box-shadow:0 14px 40px #0008;display:none;flex-direction:column;overflow:hidden}.v7-private-window.open{display:flex}.v7-private-window.dragging{outline:2px dashed #2196f3;outline-offset:-5px}.v7-pm-head{height:58px;flex:0 0 58px;background:#252f3b;display:grid;grid-template-columns:40px 40px 1fr 40px;align-items:center;border-bottom:1px solid #ffffff21}.v7-pm-head>button{height:100%;background:transparent;color:#ffffffab;font-size:23px;cursor:pointer}.v7-pm-head>img{width:36px;height:36px;border-radius:50%;object-fit:cover}.v7-pm-head>span{display:flex;flex-direction:column;padding-left:4px;min-width:0}.v7-pm-head b{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-pm-head small{font-size:.58rem;color:#aaa}.v7-pm-messages{flex:1;min-height:0;overflow:auto;background:#06111a url('dark_bg.png') repeat;padding:8px}.v7-pm-bubble{max-width:78%;margin-bottom:6px;padding:7px 8px 13px;background:#252f3b;border-radius:5px;color:#fff;font-size:.72rem;position:relative;clear:both;float:left}.v7-pm-bubble.mine{float:right;background:#173853}.v7-pm-bubble time{position:absolute;right:5px;bottom:2px;font-size:7px;color:#ffffff66}.v7-pm-bubble img,.v7-pm-bubble video{display:block;max-width:180px;max-height:150px;border-radius:3px}.v7-pm-bubble.voice{display:flex;align-items:center;gap:6px;min-width:150px}.v7-pm-bubble.voice span{flex:1}.v7-pm-rec{height:28px;flex:0 0 28px;background:#101a26;border-top:1px solid #ffffff21;display:flex;align-items:center;gap:7px;padding:0 9px}.v7-rec-dot{width:9px;height:9px;border-radius:50%;background:#e53935;animation:v7pulse 1s infinite}.v7-pm-rec b{font-size:.67rem;flex:1}.v7-pm-rec button{background:transparent;color:#aaa;font-size:18px}.v7-pm-composer{height:47px;flex:0 0 47px;display:flex;align-items:center;gap:3px;padding:0 6px;border-top:1px solid #ffffff21}.v7-pm-composer>button{width:29px;height:36px;background:transparent;color:#ffffff8f;font-size:17px;cursor:pointer}.v7-pm-input{height:34px;flex:1;min-width:0;border:1px solid #ffffff21;border-radius:5px;background:#252f3b;color:#fff;padding:7px;overflow:auto;outline:0;font-size:.72rem}.v7-pm-send{border-radius:50%!important;background:#2196f3!important;color:#fff!important}.v7-pm-composer button.recording{color:#ef5350}.v7-pm-attach{position:absolute;right:-18px;bottom:49px;width:205px;background:#151f2b;border:1px solid #ffffff55;border-radius:6px;padding:5px;box-shadow:0 15px 35px #000b}.v7-pm-attach button{width:100%;height:35px;border:1px solid #ffffff55;background:#252f3b;color:#fff;border-radius:5px;margin-bottom:5px;text-align:left;padding:0 8px;font-size:.68rem;cursor:pointer}.v7-pm-attach button:last-child{margin-bottom:0}.v7-pm-emoji{position:absolute;left:5px;bottom:49px;width:235px;height:210px;background:#151f2b;border:1px solid #ffffff33;padding:5px;overflow:auto;display:grid;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px}.v7-pm-emoji button{height:26px;background:transparent;border-radius:3px;cursor:pointer}.v7-pm-emoji img{width:23px;height:23px;object-fit:contain}.v7-inline-emoji{width:20px;height:20px;vertical-align:middle}.v7-call-card{position:fixed;left:14px;bottom:55px;width:220px;height:330px;z-index:90;border-radius:5px;overflow:hidden;background:#151f2b;box-shadow:0 16px 45px #000b;display:none}.v7-call-card.open{display:block}.v7-call-blur{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(20px);transform:scale(1.2);opacity:.45}.v7-call-content{position:absolute;inset:0;background:linear-gradient(#0002,#0009);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.v7-call-content strong{font-size:.9rem}.v7-call-content span{font-size:.78rem;margin-top:2px}.v7-spinner{width:30px;height:30px;border:5px solid #ffffff55;border-top-color:#fff;border-radius:50%;margin-top:10px;animation:v7spin .8s linear infinite}.v7-call-content button{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);height:36px;border:1px solid #fff;border-radius:4px;background:#0007;color:#fff;padding:0 10px;font-weight:700;cursor:pointer}.v7-toast{position:fixed;left:50%;bottom:68px;transform:translate(-50%,10px);z-index:240;background:#101a26;border:1px solid #ffffff33;color:#fff;border-radius:4px;padding:8px 12px;font-size:.72rem;opacity:0;transition:.15s;pointer-events:none}.v7-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes v7pulse{50%{box-shadow:0 0 0 6px #e5393530}}@keyframes v7spin{to{transform:rotate(360deg)}}
body.light-theme{--surface:#fff;--surface2:#fff;--surface3:#f7f7f7;--row:#fff;--border:#00000012;--border2:#00000022;--muted:#555;--muted2:#555;background:#fff;color:#222}body.light-theme .app-shell,body.light-theme .topbar,body.light-theme .right-tabs,body.light-theme .right-panel,body.light-theme .composer,body.light-theme .profile-panel{background:#fff;color:#222}body.light-theme .top-action,body.light-theme .right-tab,body.light-theme .room-meta small,body.light-theme .profile-role,body.light-theme .profile-followers,body.light-theme .user-role,body.light-theme .panel-title{color:#555}body.light-theme .right-tab.active{color:#333;border-bottom-color:#333}body.light-theme .tab-count{background:#eee;color:#555}body.light-theme .message-stage{background:#f4efe9 url('bg.png') repeat}body.light-theme .message-bubble,body.light-theme .room-notice{background:#fff;color:#222;border-color:#00000012;box-shadow:1px 1px 2px #0002}body.light-theme .message-user,body.light-theme .message-copy{color:#222}body.light-theme .message-bubble time{color:#999}body.light-theme .composer-input-wrap,body.light-theme .v7-pm-input{background:#fff;border-color:#00000018}body.light-theme .composer-editable,body.light-theme .v7-pm-input{color:#222}body.light-theme .user-row{color:#222;border-color:#00000012}body.light-theme .search-wrap input{background:#fff;color:#222;border-color:#00000022}body.light-theme .search-wrap input::placeholder{color:#555}body.light-theme .v7-self-avatar-wrap img{border-color:#f1f1f1;background:#fff}body.light-theme .v7-self-gender{background:#fff}body.light-theme .v7-self-name{color:#222}body.light-theme .v7-self-role{color:#555}body.light-theme .v7-self-menu button{color:#555;border-color:#0000001f}body.light-theme .v7-private-window{background:#fff;border-color:#00000022}body.light-theme .v7-pm-head{background:#fff;color:#222;border-color:#00000012}body.light-theme .v7-pm-messages{background:#f4efe9 url('bg.png') repeat}body.light-theme .v7-pm-bubble{background:#fff;color:#222;box-shadow:0 1px 2px #0002}body.light-theme .v7-pm-bubble.mine{background:#dff0ff}body.light-theme .v7-pm-composer{background:#fff;border-color:#00000012}body.light-theme .v7-pm-attach,body.light-theme .v7-pm-emoji{background:#fff;border-color:#00000022}body.light-theme .v7-pm-attach button{background:#fff;color:#222;border-color:#00000022}
@media(max-width:1100px){.v7-private-window{left:34vw}}@media(max-width:760px){.v7-private-window{left:6px;right:6px;top:auto;bottom:6px;width:auto;height:60vh}.v7-overlay,.v7-suboverlay{align-items:flex-end;padding:0}.v7-modal{width:100%;max-height:88vh;border-radius:4px 4px 0 0}.v7-submodal{width:100%;border-radius:4px 4px 0 0}.v7-self-menu{width:calc(100% - 34px)}.v7-call-card{width:190px;height:290px}.v7-pm-attach{right:4px}}


/* v0.8.0 — eSohbet reference proportion pass: PM/profile/composer only. */
/* Main room composer: preserve the reference 48px family, but give the text field the same visual breathing room. */
.composer{height:52px;flex-basis:52px;padding:0 5px;gap:3px}
.composer-input-wrap{height:40px;border-radius:5px}
.composer-editable{padding:9px 11px 7px;font-size:13px;line-height:22px}
.composer-icon{width:36px;height:48px;font-size:18px}
.send-button{width:40px;height:40px;font-size:20px;margin-left:3px}
.typing-chip{height:19px;flex-basis:19px}

/* User profile remains the fixed 360px column next to the 360px room-user rail. */
.profile-panel{right:360px;width:360px}
.profile-scroll{padding:11px 0 20px}
.profile-avatar-wrap{width:170px;height:170px;margin-top:3px}
.profile-avatar-wrap img{width:170px;height:170px;border-width:12px}
.profile-device-badge{right:7px;top:18px}
.profile-gender-badge{right:-2px;top:49px}
.profile-name{font-size:1rem;margin-top:8px}
.profile-role{font-size:.66rem}
.profile-followers{font-size:.8rem;margin:16px 0 17px}
.profile-two{height:32px}
.profile-actions{height:59px}
.joined-title,.joined-room{height:32px}

/* Private message window: reference-size envelope and unclipped attachment/emoji flyouts. */
.v7-private-window{
  width:330px;
  height:400px;
  top:205px;
  overflow:visible;
  border-radius:4px;
}
.v7-pm-head{
  height:64px;
  flex-basis:64px;
  grid-template-columns:42px 42px 1fr 42px;
  border-radius:4px 4px 0 0;
  overflow:hidden;
}
.v7-pm-head>img{width:38px;height:38px}
.v7-pm-head b{font-size:.75rem}
.v7-pm-head small{font-size:.6rem}
.v7-pm-messages{
  min-height:0;
  padding:9px;
  overflow-y:auto;
  overflow-x:hidden;
}
.v7-pm-bubble{max-width:80%;font-size:.74rem;padding:8px 9px 14px;margin-bottom:7px}
.v7-pm-bubble img,.v7-pm-bubble video{max-width:205px;max-height:175px}
.v7-pm-bubble.voice{min-width:168px}
.v7-pm-rec{height:30px;flex-basis:30px;padding:0 10px}
.v7-pm-composer{
  height:54px;
  flex-basis:54px;
  gap:4px;
  padding:0 7px;
  background:#151f2b;
  border-radius:0 0 4px 4px;
}
.v7-pm-composer>button{width:31px;height:40px;font-size:18px}
.v7-pm-input{height:40px;padding:9px 8px;font-size:.74rem;line-height:20px}
.v7-pm-send{width:40px!important;height:40px!important;flex:0 0 40px!important}
.v7-pm-attach{
  right:-20px;
  bottom:58px;
  width:225px;
  padding:5px;
  overflow:visible;
}
.v7-pm-attach button{height:37px;font-size:.7rem;padding:0 9px}
.v7-pm-emoji{left:5px;bottom:58px;width:256px;height:230px}
.v7-pm-emoji button{height:28px}
.v7-pm-emoji img{width:24px;height:24px}

/* Light theme keeps the same geometry and reference surface separation. */
body.light-theme .v7-pm-composer{background:#fff}

@media(max-width:1100px){
  .profile-panel{right:var(--right);width:340px}
  .v7-private-window{width:320px;height:390px;left:33vw}
}
@media(max-width:760px){
  .composer{height:50px;flex-basis:50px}
  .composer-input-wrap{height:38px}
  .send-button{width:38px;height:38px}
  .profile-panel{right:0;width:100%}
  .v7-private-window{left:6px;right:6px;top:auto;bottom:6px;width:auto;height:62vh;overflow:visible}
  .v7-pm-attach{right:4px;bottom:58px}
}


/* v0.8.1 — Özel mesaj alanı, eSohbet referansındaki tek-yüzey yapıya göre düzeltildi. */
/* hidden attribute'u yenen display kuralları yüzünden görünen iç kutuyu kesin olarak kapat. */
.v7-pm-emoji[hidden],
.v7-pm-attach[hidden],
.v7-pm-rec[hidden]{display:none!important}

.v7-private-window{
  width:360px;
  height:450px;
  top:205px;
  overflow:visible;
  border:1px solid #ffffff33;
  background:#151f2b;
  box-shadow:0 14px 40px #0008;
}
.v7-pm-head{
  height:64px;
  flex:0 0 64px;
  grid-template-columns:44px 44px minmax(0,1fr) 44px;
  border-bottom:1px solid #ffffff21;
  background:#252f3b;
}
.v7-pm-head>button{display:grid;place-items:center;padding:0}
.v7-pm-head>button .icon-svg{width:15px;height:15px;fill:currentColor}
.v7-pm-head>button .icon-svg.no-fill{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v7-pm-head>img{width:40px;height:40px}
.v7-pm-head b{font-size:.76rem}
.v7-pm-head small{font-size:.6rem}

/* Mesaj gövdesi ikinci bir panel/kutu değildir; dış pencerenin tamamına yayılan tek sohbet yüzeyidir. */
.v7-pm-messages{
  position:relative;
  width:100%;
  flex:1 1 auto;
  min-height:0;
  padding:8px 9px 10px;
  margin:0;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow-x:hidden;
  overflow-y:auto;
  background:#06111a url('dark_bg.png') 0 0/auto repeat;
}
.v7-pm-messages::after{content:"";display:block;clear:both}

.v7-pm-composer{
  width:100%;
  height:58px;
  flex:0 0 58px;
  gap:3px;
  padding:0 7px;
  margin:0;
  background:#151f2b;
  border-top:1px solid #ffffff21;
  border-radius:0 0 4px 4px;
}
.v7-pm-composer>button{width:32px;height:42px;flex:0 0 32px;display:grid;place-items:center;padding:0}
.v7-pm-composer>button .icon-svg{width:15px;height:15px;fill:currentColor}
.v7-pm-composer>button .icon-svg.no-fill{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v7-pm-input{height:40px;padding:8px 9px;font-size:.75rem;line-height:20px}
.v7-pm-send{width:40px!important;height:40px!important;flex:0 0 40px!important}
.v7-pm-send .icon-svg{width:18px!important;height:18px!important}
.v7-pm-attach{right:5px;bottom:60px;width:225px}
.v7-pm-emoji{left:5px;bottom:60px;width:256px;height:230px}

body.light-theme .v7-pm-messages{border:0!important;outline:0!important;box-shadow:none!important;background:#f4efe9 url('bg.png') repeat}

@media(max-width:1100px){.v7-private-window{width:350px;height:440px;left:33vw}}
@media(max-width:760px){.v7-private-window{left:6px;right:6px;top:auto;bottom:6px;width:auto;height:62vh}.v7-pm-attach{right:4px;bottom:60px}}

/* v0.8.2 — Sistem Durumu / Radyo Durumu referans yerleşimi */
[data-view="roomUsers"] .panel-title{cursor:pointer;user-select:none}
[data-view="roomUsers"] .panel-title:hover{background:#ffffff05}
.v82-system-status,.v82-radio-status{display:flex;flex-direction:column;gap:14px}
.v82-status-section>h3{margin:0 0 8px;color:#ffffffa8;font-size:.84rem;font-weight:800}
.v82-general-box{border:1px solid #ffffff2b;border-radius:5px;overflow:hidden;background:#151f2b;display:grid;grid-template-columns:1fr 1fr}
.v82-general-box>div{min-height:37px;display:flex;align-items:center;gap:9px;padding:0 11px;border-top:1px solid #ffffff16;color:#ffffffbd;font-size:.72rem}
.v82-general-box>div:nth-child(2n+3){border-left:1px solid #ffffff16}
.v82-general-box .v82-stat-full{grid-column:1/-1;border-top:0}
.v82-stat-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffffff0c;color:#b9c0c7;font-size:13px;flex:none}
.v82-stat-icon.female{color:#d9b7ca}
.v82-radio-row{width:100%;height:40px;border:1px solid #ffffff2b;background:#151f2b;border-radius:5px;color:#ffffffbd;display:grid;grid-template-columns:26px 1fr auto 18px;align-items:center;text-align:left;padding:0 10px;cursor:pointer}
.v82-radio-row:hover{background:#1a2634}.v82-radio-row>b{font-size:.72rem}.v82-radio-row>em{font-style:normal;font-size:.7rem;color:#d6d9dd}.v82-chevron{font-size:20px;color:#d6d9dd}
.v82-server-owner{height:50px;border:1px solid #ffffff2b;border-radius:5px;background:#151f2b;display:flex;align-items:center;padding:0 13px;color:#ffffff9c;font-size:.9rem;font-weight:700;letter-spacing:.02em}
.v82-role-section{margin-top:1px}.v82-role-list{display:flex;flex-direction:column;gap:8px}
.v82-role-card{min-height:76px;border:1px solid #ffffff2b;border-radius:6px;background:#151f2b;display:flex;align-items:center;gap:10px;padding:7px 10px}
.v82-role-avatar{position:relative;width:58px;height:58px;flex:none}.v82-role-avatar img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#101a26;border:5px solid #25313f}
.v82-presence{position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:50%;background:#11b7f0;border:2px solid #151f2b}
.v82-role-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.08}.v82-role-copy>b{font-size:.75rem;color:#fff}.v82-role-copy>small{font-size:.61rem;color:#ffffff9b;margin-top:2px}
.v82-stars{font-size:.72rem;letter-spacing:.4px;margin-top:2px;color:#ff5252;line-height:1}.v82-stars.violet{color:#c18dff}.v82-stars.cyan{color:#58c7ff}.v82-stars.green{color:#65d98a}.v82-stars.amber{color:#ffc13c}.v82-stars.pink{color:#ff71b8}
.v82-role-badge{display:inline-flex;align-items:center;min-height:16px;margin-top:3px;padding:0 5px;border-radius:4px;border:1px solid currentColor;font-size:.55rem;font-weight:800;color:#ff5252;background:#ff525210;font-style:normal}
.v82-role-badge.violet{color:#c18dff;background:#c18dff10}.v82-role-badge.cyan{color:#58c7ff;background:#58c7ff10}.v82-role-badge.green{color:#65d98a;background:#65d98a10}.v82-role-badge.amber{color:#ffc13c;background:#ffc13c10}.v82-role-badge.pink{color:#ff71b8;background:#ff71b810}
body.light-theme .v82-status-section>h3{color:#555}body.light-theme .v82-general-box,body.light-theme .v82-radio-row,body.light-theme .v82-server-owner,body.light-theme .v82-role-card{background:#fff;border-color:#00000022;color:#333}body.light-theme .v82-general-box>div{color:#444;border-color:#00000013}body.light-theme .v82-general-box>div:nth-child(2n+3){border-left-color:#00000013}body.light-theme .v82-stat-icon{background:#00000008;color:#555}body.light-theme .v82-role-copy>b{color:#222}body.light-theme .v82-role-copy>small{color:#666}body.light-theme .v82-role-avatar img{border-color:#f0f0f0;background:#fff}body.light-theme .v82-presence{border-color:#fff}
@media(max-width:760px){.v82-role-card{min-height:70px}.v82-role-avatar,.v82-role-avatar img{width:52px;height:52px}}

/* v0.9.0 - Kaynaktaki Sistem Yönetimi akışının TalkChat V3'e taşınması */
.deep-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.deep-search{height:38px;flex:1;display:flex;align-items:center;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;padding:0 10px;gap:7px}.deep-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:.78rem}.deep-counter{font-size:.7rem;color:#ffffff7a}.deep-user-list{display:flex;flex-direction:column;gap:7px}.deep-user-card{width:100%;height:64px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;display:flex;align-items:center;padding:6px 9px;text-align:left}.deep-user-card:hover{background:#182333}.deep-user-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #ffffff33;margin-right:9px}.deep-user-card span{min-width:0;flex:1;display:flex;flex-direction:column}.deep-user-card b{font-size:.78rem}.deep-user-card small{font-size:.62rem;color:#aaa;margin-top:2px}.deep-user-card em{font-size:.65rem;color:#aaa;font-style:normal}.deep-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #ffffff21;margin:-4px -2px 10px}.deep-tabs button{height:39px;background:transparent;color:#ffffff7d;border-bottom:2px solid transparent;font-size:.68rem;padding:0 5px}.deep-tabs button.active{color:#2196f3;border-bottom-color:#2196f3}.deep-log-filters{display:flex;gap:8px;margin-bottom:9px}.deep-log-filters input,.deep-log-filters select{height:36px;border:1px solid #ffffff21;background:#151f2b;color:#fff;border-radius:4px;padding:0 9px;font-size:.7rem}.deep-log-filters input{flex:1}.deep-log-list{display:flex;flex-direction:column;border:1px solid #ffffff21;border-radius:4px;overflow:hidden}.deep-log-list>div{min-height:56px;display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #ffffff17;background:#151f2b}.deep-log-list>div:last-child{border-bottom:0}.deep-log-list time{width:46px;flex:none;color:#58abf5;font-size:.67rem}.deep-log-list span{display:flex;flex-direction:column}.deep-log-list b{font-size:.72rem}.deep-log-list small{color:#aaa;font-size:.65rem;margin-top:2px}.deep-scope-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.deep-scope-head p{margin:0;color:#aaa;font-size:.7rem}.deep-scope-head button{height:34px;border:1px solid #2196f3;border-radius:4px;background:#2196f3;color:#fff;padding:0 12px}.deep-scope-list{display:flex;flex-direction:column;gap:8px}.deep-scope-card{display:grid;grid-template-columns:1fr auto;gap:7px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;padding:9px 10px}.deep-scope-card>div{display:flex;flex-direction:column}.deep-scope-card b{font-size:.77rem}.deep-scope-card small{font-size:.62rem;color:#aaa}.deep-scope-card p{grid-column:1/2;margin:0;display:flex;gap:5px;flex-wrap:wrap}.deep-scope-card p span{padding:3px 6px;border-radius:3px;background:#2196f31a;color:#58abf5;font-size:.62rem}.deep-scope-card>button{grid-row:1/3;grid-column:2;height:32px;align-self:center;border:1px solid #ffffff21;border-radius:4px;background:transparent;color:#aaa;padding:0 9px}.deep-config{display:flex;flex-direction:column}.deep-config-row{min-height:58px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff17}.deep-config-row span{flex:1;display:flex;flex-direction:column}.deep-config-row b{font-size:.76rem}.deep-config-row small{font-size:.63rem;color:#aaa;margin-top:2px}.deep-config-row select{height:34px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;padding:0 8px;font-size:.7rem}.deep-config-row input[type=checkbox]{width:17px;height:17px;accent-color:#2196f3}
body.light-theme .deep-search,body.light-theme .deep-user-card,body.light-theme .deep-log-filters input,body.light-theme .deep-log-filters select,body.light-theme .deep-log-list>div,body.light-theme .deep-scope-card,body.light-theme .deep-config-row select{background:#fff;color:#222;border-color:#00000022}body.light-theme .deep-user-card small,body.light-theme .deep-counter,body.light-theme .deep-log-list small,body.light-theme .deep-scope-head p,body.light-theme .deep-scope-card small,body.light-theme .deep-config-row small{color:#666}body.light-theme .deep-tabs{border-color:#0000001a}
@media(max-width:760px){.deep-tabs{grid-template-columns:1fr 1fr}.deep-log-filters{flex-direction:column}.deep-scope-head{align-items:flex-start;flex-direction:column}}

/* v0.9.1 - Kaynaktaki oda yönetimi / kısıt paneli akışları */
.room-admin-toolbar,.room-ban-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.room-admin-toolbar p,.room-ban-head p{margin:0;color:#aaa;font-size:.7rem}.room-admin-toolbar button{height:34px;padding:0 11px;border-radius:4px;border:1px solid #2196f3;background:#2196f3;color:#fff;font-size:.7rem}.room-ban-head span{color:#58abf5;font-size:.68rem}.room-admin-list{display:flex;flex-direction:column;gap:7px}.room-admin-row{min-height:64px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b}.room-admin-row img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #ffffff33}.room-admin-row>span{min-width:0;flex:1;display:flex;flex-direction:column}.room-admin-row b{font-size:.76rem}.room-admin-row small{font-size:.62rem;color:#aaa;margin-top:2px}.room-admin-row>button,.room-admin-inline button{height:30px;padding:0 9px;border-radius:4px;border:1px solid #ffffff21;background:transparent;color:#bdbdbd;font-size:.65rem}.room-admin-row>button:hover,.room-admin-inline button:hover{background:#ffffff0b}.room-admin-row .danger-text,.room-admin-inline .danger{color:#ff6b6b;border-color:#ff6b6b66}.room-admin-inline{display:flex;gap:5px}.room-admin-inline .ok{color:#58abf5;border-color:#2196f388}.room-admin-empty{padding:28px 10px;text-align:center;color:#888;font-size:.75rem}.room-role-form,.restriction-form{display:flex;flex-direction:column;gap:13px}.room-role-person{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b}.room-role-person img{width:48px;height:48px;border-radius:50%}.room-role-person span{display:flex;flex-direction:column}.room-role-person b{font-size:.8rem}.room-role-person small{font-size:.64rem;color:#999}.room-role-form label,.restriction-form label{display:flex;flex-direction:column;gap:6px;color:#aaa;font-size:.69rem}.room-role-form select,.restriction-form select,.restriction-form input{height:38px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;padding:0 9px;font-size:.72rem}.restriction-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #ffffff21;margin-bottom:10px}.restriction-tabs button{min-height:38px;padding:4px 6px;background:transparent;border-bottom:2px solid transparent;color:#8f98a2;font-size:.65rem}.restriction-tabs button.active{color:#2196f3;border-bottom-color:#2196f3}.restriction-actions{display:flex;gap:8px;margin-bottom:9px}.restriction-actions input{flex:1;height:36px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;padding:0 9px;font-size:.7rem}.restriction-actions button{height:36px;padding:0 10px;border:1px solid #2196f3;border-radius:4px;background:#2196f3;color:#fff;font-size:.68rem}.restriction-list{display:flex;flex-direction:column;gap:7px}.restriction-list>div{min-height:58px;display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b}.restriction-list span{flex:1;display:flex;flex-direction:column}.restriction-list b{font-size:.74rem}.restriction-list small{font-size:.62rem;color:#999;margin-top:2px}.restriction-list button{height:30px;border:1px solid #ffffff21;border-radius:4px;background:transparent;color:#aaa;padding:0 8px;font-size:.64rem}.restriction-switch{min-height:58px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff21;border-radius:4px;padding:8px 9px}.restriction-switch span{flex:1;display:flex;flex-direction:column}.restriction-switch b{font-size:.73rem}.restriction-switch small{color:#999;font-size:.62rem;margin-top:2px}.restriction-switch input{width:17px;height:17px;accent-color:#2196f3}
body.light-theme .room-admin-row,body.light-theme .room-role-person,body.light-theme .room-role-form select,body.light-theme .restriction-form select,body.light-theme .restriction-form input,body.light-theme .restriction-actions input,body.light-theme .restriction-list>div{background:#fff;color:#222;border-color:#00000022}body.light-theme .room-admin-toolbar p,body.light-theme .room-ban-head p,body.light-theme .room-admin-row small,body.light-theme .room-role-person small,body.light-theme .restriction-list small,body.light-theme .restriction-switch small{color:#666}body.light-theme .restriction-tabs{border-color:#0000001a}
@media(max-width:760px){.restriction-tabs{grid-template-columns:1fr 1fr}.room-admin-toolbar,.room-ban-head{align-items:flex-start;flex-direction:column}.room-admin-inline{flex-direction:column}.room-admin-row{min-height:70px}}

/* v0.9.2 - Yetkiler, Kapsamlar ve sistem kayıtları derin taşıma */
.rank-list{display:flex;flex-direction:column;gap:10px}.rank-list-row{min-height:58px;width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;text-align:left}.rank-list-row:hover{background:#182333}.rank-list-row>span{min-width:0;flex:1;display:flex;flex-direction:column}.rank-list-row b{font-size:.9rem}.rank-list-row small{font-size:.68rem;color:#999;letter-spacing:1px;margin-top:3px}.rank-list-row i{width:18px;height:18px;border-radius:50%;border:2px solid #ffffff33;box-shadow:0 0 0 2px #00000025}.rank-detail-form{display:flex;flex-direction:column;gap:18px}.rank-feature-section,.rank-cap-section{display:flex;flex-direction:column;gap:10px}.rank-feature-section>h3,.rank-cap-section>h3{margin:0;font-size:1rem;color:#fff}.rank-feature-section label,.scope-detail label,.scope-create-form label{display:flex;flex-direction:column;gap:6px;color:#aaa;font-size:.69rem}.rank-feature-section input,.scope-detail input,.scope-detail textarea,.scope-detail select,.scope-create-form input,.scope-create-form textarea{min-height:38px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;padding:8px 9px;font-size:.73rem;outline:0}.rank-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rank-colors input[type=color]{width:100%;padding:3px;height:40px}.rank-stars-preview{color:#ffc107;letter-spacing:2px;white-space:nowrap;overflow:hidden;font-size:.82rem}.rank-cap-list{display:flex;flex-direction:column;gap:7px}.rank-cap-row{min-height:44px;display:flex;align-items:flex-start;gap:12px;border:1px solid #ffffff21;background:#151f2b;padding:10px}.rank-cap-row span{min-width:0;flex:1;color:#bdbdbd;font-size:.75rem;font-weight:700;line-height:1.4}.rank-cap-row input{width:17px;height:17px;accent-color:#2196f3;flex:none}.rank-help{margin:0;color:#888;font-size:.67rem;line-height:1.45}
.deep-log-summary{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 8px;color:#999;font-size:.67rem}.deep-log-summary button{height:29px;border:1px solid #ffffff21;background:transparent;color:#aaa;border-radius:4px;padding:0 9px}.deep-log-row{width:100%;min-height:58px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-bottom:1px solid #ffffff17;background:#151f2b;color:#fff;text-align:left}.deep-log-row:last-child{border-bottom:0}.deep-log-row:hover{background:#182333}.deep-log-row time{width:46px;flex:none;color:#58abf5;font-size:.67rem}.deep-log-row>span{min-width:0;flex:1;display:flex;flex-direction:column}.deep-log-row b{font-size:.74rem}.deep-log-row small{color:#aaa;font-size:.64rem;margin-top:3px}.deep-log-row em{max-width:150px;color:#777;font-size:.61rem;font-style:normal;text-align:right}.log-detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff21;border-radius:4px;overflow:hidden}.log-detail-grid>div{min-height:62px;padding:9px 10px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ffffff17;border-bottom:1px solid #ffffff17;background:#151f2b}.log-detail-grid>div:nth-child(2n){border-right:0}.log-detail-grid span{color:#888;font-size:.62rem}.log-detail-grid b{color:#ddd;font-size:.74rem;margin-top:4px;word-break:break-word}
.scope-card-button{width:100%;color:#fff;text-align:left}.scope-card-button em{grid-row:1/3;grid-column:2;align-self:center;color:#aaa;font-size:.65rem;font-style:normal}.scope-detail,.scope-create-form{display:flex;flex-direction:column;gap:13px}.scope-detail textarea,.scope-create-form textarea{min-height:75px;resize:vertical}.scope-detail section{display:flex;flex-direction:column;gap:7px}.scope-detail section h3{margin:0;font-size:.77rem;color:#ccc}.scope-room-list{display:flex;gap:6px;flex-wrap:wrap;min-height:28px}.scope-room-list>small{color:#888;font-size:.65rem}.scope-room-chip{height:29px;border:1px solid #2196f355;border-radius:4px;background:#2196f315;color:#58abf5;padding:0 8px;font-size:.65rem}.scope-room-chip span{margin-left:5px}.scope-add-room{display:grid;grid-template-columns:110px 1fr auto;gap:7px}.scope-add-room select,.scope-add-room button{height:36px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#ddd;padding:0 8px;font-size:.68rem}.scope-add-room button{background:#2196f3;border-color:#2196f3;color:#fff}.danger-soft{color:#ff7474!important;border-color:#ff747466!important}.log-preset-head{display:flex;align-items:flex-end;gap:12px;padding-bottom:12px;border-bottom:1px solid #ffffff17}.log-preset-head label{display:flex;flex-direction:column;gap:5px;color:#aaa;font-size:.68rem}.log-preset-head select{height:36px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;padding:0 9px}.log-preset-head p{margin:0 0 6px;color:#888;font-size:.65rem}.log-category-list{display:flex;flex-direction:column}
body.light-theme .rank-list-row,body.light-theme .rank-feature-section input,body.light-theme .scope-detail input,body.light-theme .scope-detail textarea,body.light-theme .scope-detail select,body.light-theme .scope-create-form input,body.light-theme .scope-create-form textarea,body.light-theme .rank-cap-row,body.light-theme .deep-log-row,body.light-theme .log-detail-grid>div,body.light-theme .scope-add-room select,body.light-theme .log-preset-head select{background:#fff;color:#222;border-color:#00000022}body.light-theme .rank-feature-section>h3,body.light-theme .rank-cap-section>h3,body.light-theme .scope-detail section h3{color:#333}body.light-theme .rank-cap-row span,body.light-theme .log-detail-grid b{color:#444}body.light-theme .rank-list-row small,body.light-theme .deep-log-row small,body.light-theme .deep-log-row em,body.light-theme .rank-help,body.light-theme .log-preset-head p{color:#666}
@media(max-width:760px){.rank-colors,.log-detail-grid{grid-template-columns:1fr}.log-detail-grid>div{border-right:0}.scope-add-room{grid-template-columns:1fr}.deep-log-row em{display:none}.log-preset-head{align-items:stretch;flex-direction:column}}

/* v0.9.3 - Radyo, DJ, force mic ve arama akışlarının kaynak UI'ya taşınması */
.v93-voice-panel,.v93-radio-panel{display:flex;flex-direction:column;gap:12px}.v93-voice-top{height:52px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff20;border-radius:5px;background:#151f2b;padding:0 12px}.v93-voice-top>div{display:flex;flex-direction:column}.v93-voice-top b{font-size:.82rem}.v93-voice-top small{font-size:.64rem;color:#999}.v93-live-dot{padding:4px 7px;border-radius:3px;background:#e53935;color:#fff;font-size:.58rem;font-weight:900}.v93-voice-state,.v93-radio-filter{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff20;border-radius:4px;overflow:hidden}.v93-voice-state button,.v93-radio-filter button{height:34px;background:#151f2b;color:#929aa4;border-right:1px solid #ffffff17;font-size:.64rem}.v93-voice-state button:last-child,.v93-radio-filter button:last-child{border-right:0}.v93-voice-state button.active,.v93-radio-filter button.active{color:#2196f3;background:#2196f312}.v93-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}.v93-section-title h3,.v93-radio-list h3{margin:0;color:#bbb;font-size:.72rem}.v93-section-title span{color:#777;font-size:.64rem}.v93-request{display:flex;align-items:center;gap:8px;margin-bottom:7px}.v93-request>.v93-voice-person{flex:1}.v93-request>div:last-child{display:flex;gap:5px}.v93-request>div:last-child button,.v93-force-mic{height:29px;border:1px solid #ffffff20;border-radius:4px;background:transparent;color:#bbb;padding:0 8px;font-size:.62rem}.v93-request .approve{color:#58abf5;border-color:#2196f366}.v93-request .reject{color:#ff7272;border-color:#ff525255}.v93-voice-person{min-height:54px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff1d;border-radius:4px;background:#151f2b;padding:5px 8px}.v93-voice-person img{width:42px;height:42px;border-radius:50%;object-fit:cover}.v93-voice-person>span{min-width:0;flex:1;display:flex;flex-direction:column}.v93-voice-person b{font-size:.72rem}.v93-voice-person small{color:#929aa4;font-size:.6rem;margin-top:2px}.v93-waiting{font-style:normal;color:#ffb74d;font-size:.56rem;font-weight:800;text-transform:uppercase}.v93-force-mic{color:#2196f3!important}.v93-voice-footer,.v93-radio-footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:5px}.v93-voice-footer button,.v93-radio-footer button{min-height:34px}.v93-force-prompt{margin:-16px}.v93-force-hero{background:linear-gradient(90deg,#2196f3,#42a5f5);padding:13px 16px;color:#fff}.v93-force-hero h3{margin:0;font-size:1rem}.v93-force-hero p{margin:3px 0 0;font-size:.68rem}.v93-force-user{margin:14px 16px 8px;display:flex;align-items:center;gap:10px}.v93-force-user img{width:48px;height:48px;border-radius:50%}.v93-force-user span{display:flex;flex-direction:column}.v93-force-user b{font-size:.78rem}.v93-force-user small{font-size:.62rem;color:#888}.v93-force-copy{margin:10px 16px;color:#b7bdc4;font-size:.7rem;line-height:1.45}.v93-force-prompt ul{margin:8px 16px 14px;padding-left:18px;color:#9ea6ae;font-size:.65rem;line-height:1.55}.v93-force-prompt .v6-actions{padding:0 16px 16px}
.v93-radio-now{min-height:70px;border:1px solid #ffffff20;border-radius:5px;background:#151f2b;display:flex;align-items:center;gap:11px;padding:9px 11px}.v93-radio-disc{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#101a26 28%,#252f3a 29% 55%,#101a26 56%);color:#2196f3;font-size:18px}.v93-radio-now>div:last-child{min-width:0;flex:1;display:flex;flex-direction:column}.v93-radio-now small{font-size:.58rem;color:#888}.v93-radio-now button{border:0;background:transparent;color:#ddd;padding:2px 0;text-align:left;font-size:.78rem;font-weight:800;text-decoration:underline dotted;text-underline-offset:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v93-radio-now span{font-size:.6rem;color:#8c949d}.v93-radio-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v93-radio-actions button{height:35px;border:1px solid #2196f355;border-radius:4px;background:#2196f310;color:#58abf5;font-size:.67rem;font-weight:700}.v93-radio-list{display:flex;flex-direction:column;gap:6px}.v93-radio-list h3{margin:3px 0}.v93-radio-person{min-height:50px;border:1px solid #ffffff1d;border-radius:4px;background:#151f2b;display:flex;align-items:center;gap:8px;padding:4px 7px}.v93-radio-person img{width:40px;height:40px;border-radius:50%}.v93-radio-person span{min-width:0;flex:1;display:flex;flex-direction:column}.v93-radio-person b{font-size:.7rem}.v93-radio-person small{font-size:.58rem;color:#949ca6}.v93-radio-person button{height:28px;border:1px solid #ff525250;border-radius:4px;background:transparent;color:#ff7777;font-size:.59rem;padding:0 8px}.v93-song-form,.v93-radio-info{display:flex;flex-direction:column;gap:12px}.v93-song-form label,.v93-radio-info label{display:flex;flex-direction:column;gap:5px;color:#aaa;font-size:.67rem}.v93-song-form input,.v93-radio-info input{height:38px;border:1px solid #ffffff21;background:#151f2b;color:#fff;border-radius:4px;padding:0 9px}.v93-song-form>small,.v93-radio-info>p{color:#888;font-size:.62rem;margin:0}.v93-radio-info-card{height:54px;border:1px solid #ffffff20;border-radius:4px;background:#151f2b;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.v93-radio-info-card span{font-size:.65rem;color:#888}.v93-radio-info-card b{font-size:.75rem}.v93-password-row{display:flex;gap:7px}.v93-password-row input{flex:1}.v93-password-row button{height:38px;border:1px solid #2196f3;border-radius:4px;background:#2196f3;color:#fff;padding:0 9px;font-size:.63rem}
.v93-outgoing-call{position:relative;overflow:hidden}.v93-outgoing-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(18px);transform:scale(1.2);opacity:.23;pointer-events:none}.v93-call-spinner{display:block;width:22px;height:22px;margin:9px auto;border:2px solid #ffffff2b;border-top-color:#2196f3;border-radius:50%;animation:v93spin .8s linear infinite}@keyframes v93spin{to{transform:rotate(360deg)}}.v93-incoming-call{position:relative;min-height:290px;overflow:hidden;border-radius:5px}.v93-incoming-blur{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(24px);transform:scale(1.3);opacity:.36}.v93-incoming-content{position:relative;z-index:1;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101820bb}.v93-incoming-content img,.v93-upgrade-call img,.v93-call-visual img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid #ffffff30}.v93-incoming-content h3,.v93-upgrade-call h3,.v93-active-call h3{margin:9px 0 2px;font-size:1rem}.v93-incoming-content p,.v93-upgrade-call p,.v93-active-call p{margin:0;color:#abb2ba;font-size:.7rem}.v93-incoming-actions{display:flex;gap:10px;margin-top:18px}.v93-incoming-actions button{min-width:94px;height:38px;border-radius:5px}.v93-upgrade-call,.v93-active-call{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 2px}.v93-call-visual{position:relative}.v93-call-live{position:absolute;right:-6px;bottom:4px;padding:2px 5px;border-radius:3px;background:#22a55b;color:#fff;font-size:.52rem;font-weight:900}.v93-active-call-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.v93-active-call-actions button{min-height:39px;border:1px solid #ffffff20;border-radius:4px;background:#151f2b;color:#bbb;font-size:.62rem}.v93-active-call-actions button.active{color:#ff7373;border-color:#ff525255}.v93-active-call-actions .danger{background:#d83b3b;color:#fff;border-color:#d83b3b}
body.light-theme .v93-voice-top,body.light-theme .v93-voice-state button,body.light-theme .v93-voice-person,body.light-theme .v93-radio-now,body.light-theme .v93-radio-filter button,body.light-theme .v93-radio-person,body.light-theme .v93-song-form input,body.light-theme .v93-radio-info input,body.light-theme .v93-radio-info-card,body.light-theme .v93-active-call-actions button{background:#fff;color:#333;border-color:#00000020}body.light-theme .v93-voice-person small,body.light-theme .v93-radio-person small,body.light-theme .v93-force-copy,body.light-theme .v93-force-prompt ul{color:#666}
@media(max-width:760px){.v93-radio-actions{grid-template-columns:1fr}.v93-radio-footer,.v93-voice-footer{align-items:stretch;flex-direction:column}.v93-radio-footer button,.v93-voice-footer button{width:100%}.v93-active-call-actions{grid-template-columns:1fr}.v93-request{align-items:stretch;flex-direction:column}.v93-request>div:last-child{justify-content:flex-end}}

/* v0.9.4 - sistem yasağı, gölge kısıtları, profil fotoğraf moderasyonu ve bağlantı durumları */
.v94-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px;border:1px solid #ffffff18;border-radius:4px;background:#101a26}.v94-admin-head>div{display:flex;flex-direction:column;gap:3px}.v94-admin-head b{font-size:.78rem}.v94-admin-head small{font-size:.62rem;color:#8e98a4}.v94-moderation-list{border:1px solid #ffffff18;border-radius:4px;overflow:hidden}.v94-moderation-row{min-height:62px;display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid #ffffff12;background:#151f2b}.v94-moderation-row:last-child{border-bottom:0}.v94-moderation-row img{width:44px;height:44px;border-radius:50%;object-fit:cover}.v94-moderation-row span{min-width:0;flex:1;display:flex;flex-direction:column}.v94-moderation-row b{font-size:.74rem}.v94-moderation-row small{margin-top:3px;color:#929aa4;font-size:.61rem}.v94-moderation-row>button{height:29px;padding:0 9px;border:1px solid #ff525255;border-radius:4px;background:transparent;color:#ff7373;font-size:.61rem;cursor:pointer}.v94-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff21;border-radius:4px;overflow:hidden;margin-bottom:10px}.v94-tabs button{height:35px;background:#151f2b;color:#929aa4;border-right:1px solid #ffffff17;font-size:.67rem}.v94-tabs button:last-child{border-right:0}.v94-tabs button.active{background:#2196f314;color:#2196f3}.v94-form{display:flex;flex-direction:column;gap:12px}.v94-form-copy{margin:0;color:#a5adb5;font-size:.7rem;line-height:1.45}.v94-form label{display:flex;flex-direction:column;gap:5px}.v94-form label>span,.v94-avatar-confirm label>span{font-size:.62rem;color:#929aa4;font-weight:700}.v94-form input,.v94-form select,.v94-form textarea,.v94-avatar-confirm select{width:100%;border:1px solid #ffffff21;border-radius:4px;background:#101a26;color:#fff;padding:8px 10px;outline:0;font:inherit;font-size:.72rem}.v94-form input,.v94-form select{height:36px}.v94-avatar-confirm{display:flex;flex-direction:column;align-items:stretch;gap:12px}.v94-avatar-confirm>img{align-self:center;width:82px;height:82px;border-radius:50%;object-fit:cover}.v94-avatar-confirm p{margin:0;text-align:center;color:#b5bdc6;font-size:.72rem;line-height:1.5}.v94-avatar-confirm label{display:flex;flex-direction:column;gap:5px}.v94-blocking{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center}.v94-blocking.open{display:flex}.v94-block-bg{position:absolute;inset:0;background:url('connection.png') center/cover no-repeat}.v94-block-dim{position:absolute;inset:0;background:#0009;backdrop-filter:blur(8px)}.v94-block-card{position:relative;z-index:1;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #0003;border-radius:8px;background:#00000054;padding:16px 24px;color:#fff;text-align:center;box-shadow:0 8px 35px #0007}.v94-warning-icon{font-size:24px;color:#ffffff99;line-height:1}.v94-block-copy{width:100%;font-size:.8rem;line-height:15px;color:#ffffff99}.v94-block-copy p{margin:1px 0}.v94-block-card>button{width:100%;min-height:37px;border:1px solid #fff;border-radius:4px;background:transparent;color:#fff;font-weight:700;font-size:.8rem}.v94-system-popup{position:fixed;inset:0;z-index:490;display:none;align-items:center;justify-content:center;background:#000000ba;padding:14px}.v94-system-popup.open{display:flex}.v94-system-popup>section{width:min(420px,100%);border:1px solid #ffffff21;border-radius:4px;background:#151f2b;box-shadow:0 2px 6px #0007;color:#fff;overflow:hidden}.v94-system-popup header{height:50px;display:flex;align-items:center;border-bottom:1px solid #ffffff21;padding-left:14px}.v94-system-popup header strong{flex:1;font-size:.92rem;color:#ffffffcc}.v94-system-popup header button{width:50px;height:50px;background:transparent;color:#ffffff99;font-size:20px}.v94-system-popup p{min-height:80px;margin:0;padding:16px;color:#ffffffbb;font-size:.76rem;line-height:1.5}.v94-system-popup>section>button{float:right;height:35px;margin:0 10px 10px;padding:0 18px;border-radius:4px;background:#2196f3;color:#fff;font-weight:700}
body.light-theme .v94-admin-head,body.light-theme .v94-moderation-row,body.light-theme .v94-tabs button,body.light-theme .v94-form input,body.light-theme .v94-form select,body.light-theme .v94-form textarea,body.light-theme .v94-avatar-confirm select,body.light-theme .v94-system-popup>section{background:#fff;color:#333;border-color:#00000018}body.light-theme .v94-moderation-list,body.light-theme .v94-tabs{border-color:#00000018}body.light-theme .v94-admin-head small,body.light-theme .v94-moderation-row small,body.light-theme .v94-form-copy,body.light-theme .v94-form label>span,body.light-theme .v94-avatar-confirm label>span,body.light-theme .v94-avatar-confirm p{color:#666}


/* v0.9.5 — referans alt araç çubuğu + radyo paneli */
#voiceButton.recording{color:#ef5350!important}
#voiceMessageButton.active-radio{color:#2196f3!important}
.v95-radio-float{position:fixed;z-index:235;left:14px;top:58px;width:min(320px,calc(100vw - 24px));display:none;overflow:hidden;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#ffffffd9;box-shadow:0 -1px 8px #0005;font-family:Roboto,Arial,sans-serif;user-select:none}.v95-radio-float.open{display:block}.v95-radio-float header{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff21;padding:0 8px;cursor:grab}.v95-radio-float header:active{cursor:grabbing}.v95-radio-float header button{width:36px;height:36px;border:0;background:transparent;color:#ffffffab;font-size:21px}.v95-radio-float header strong{font-size:16px}.v95-radio-float header span{width:36px}.v95-radio-body{padding:10px 12px 12px}.v95-song{width:100%;min-height:36px;border:1px solid #ffffff21;border-radius:4px;background:#ffffff0a;color:#ffffffab;padding:8px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v95-chips{display:flex;align-items:center;gap:5px;margin-top:5px}.v95-chips span{border:1px solid #ffffff21;border-radius:4px;background:#ffffff0a;color:#ffffffab;padding:3px 5px;font-size:.72rem}.v95-chips .listeners{margin-left:auto}.v95-radio-circle{display:grid;place-items:center;width:60px;height:60px;margin:30px auto 34px;border:1px solid #ffffff38;border-radius:50%;background:transparent;color:#ffffffc9}.v95-radio-circle .icon-svg{width:20px;height:20px}.v95-radio-volume{width:100%;height:4px;margin:0 0 20px;accent-color:#2196f3}.v95-radio-actions{display:flex;gap:8px}.v95-radio-actions button{flex:1;height:33px;border:1px solid #ffffff3d;border-radius:4px;background:transparent;color:#ffffffab;font-size:.78rem;font-weight:700}.v95-radio-actions .primary{border-color:#0176d3;background:#0176d3;color:#fff}.v95-radio-request{display:none;position:absolute;left:12px;right:12px;bottom:52px;padding:8px;border:1px solid #ffffff21;border-radius:4px;background:#101a26;box-shadow:0 4px 18px #0008}.v95-radio-request.open{display:block}.v95-radio-request input{width:100%;height:34px;border:1px solid #ffffff21;border-radius:4px;background:#151f2b;color:#fff;padding:0 8px}.v95-radio-request>div{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}.v95-radio-request button{height:30px;border:1px solid #ffffff26;border-radius:4px;background:transparent;color:#bbb;padding:0 10px}.v95-radio-request button.primary{background:#0176d3;border-color:#0176d3;color:#fff}.v95-main-attach{position:fixed;z-index:245;width:210px;display:none;border:1px solid #ffffff35;border-radius:4px;background:#151f2b;box-shadow:0 4px 18px #0008;padding:4px}.v95-main-attach.open{display:flex;flex-direction:column}.v95-main-attach button{height:35px;border:0;border-bottom:1px solid #ffffff15;background:transparent;color:#ffffffc7;text-align:left;padding:0 8px;font-size:.72rem}.v95-main-attach button:last-child{border-bottom:0}.v95-main-attach button:hover{background:#ffffff0d;color:#fff}

/* v0.9.6 — son UI tamamlama: floating sesli sohbet, bildirim state, eski mesaj, edit, mention */
.v96-toast{position:fixed;left:50%;bottom:72px;z-index:400;transform:translate(-50%,10px);background:#101a26;border:1px solid #ffffff33;color:#fff;border-radius:4px;padding:8px 12px;font-size:12px;opacity:0;pointer-events:none;transition:.16s}.v96-toast.show{opacity:1;transform:translate(-50%,0)}
.v96-voice-float{position:fixed;z-index:125;left:330px;top:78px;width:360px;height:520px;background:#151f2b;border:1px solid #ffffff33;border-radius:4px;box-shadow:0 15px 42px #0009;color:#fff;display:none;flex-direction:column;overflow:hidden}.v96-voice-float.open{display:flex}.v96-voice-head{height:52px;flex:0 0 52px;display:grid;grid-template-columns:44px 1fr 62px;align-items:center;background:#182333;border-bottom:1px solid #ffffff21;cursor:move}.v96-voice-head button{height:52px;background:transparent;color:#ffffffb0;display:grid;place-items:center;cursor:pointer}.v96-voice-head svg{width:20px;height:20px}.v96-voice-head strong{font-size:14px}.v96-live{font-size:9px;color:#fff;background:#e53935;border-radius:10px;padding:3px 7px;justify-self:center}.v96-voice-room{height:48px;flex:0 0 48px;padding:8px 12px;display:flex;flex-direction:column;border-bottom:1px solid #ffffff1b}.v96-voice-room b{font-size:12px;color:#2aa8ff}.v96-voice-room small{font-size:10px;color:#ffffff80;margin-top:2px}.v96-voice-tabs{display:grid;grid-template-columns:1.45fr 1fr 1fr;border-bottom:1px solid #ffffff21;flex:0 0 43px}.v96-voice-tabs button{background:#101a26;color:#ffffff84;font-size:10px;border-right:1px solid #ffffff16;cursor:pointer}.v96-voice-tabs button.active{color:#fff;background:#243244;border-bottom:2px solid #2196f3}.v96-voice-scroll{flex:1;min-height:0;overflow:auto;padding:8px}.v96-voice-section{margin-bottom:11px}.v96-section-head{height:29px;display:flex;align-items:center;justify-content:space-between;color:#ffffffb5;border-bottom:1px solid #ffffff1c;padding:0 4px}.v96-section-head b{font-size:11px}.v96-section-head em{font-style:normal;font-size:10px;color:#2aa8ff}.v96-voice-person,.v96-mic-request{min-height:54px;border-bottom:1px solid #ffffff1c;display:flex;align-items:center;gap:8px;padding:5px 4px}.v96-voice-person img,.v96-mic-request img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #ffffff2c}.v96-voice-person span,.v96-mic-request span{display:flex;flex-direction:column;min-width:0;flex:1}.v96-voice-person b,.v96-mic-request b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v96-voice-person small,.v96-mic-request small{font-size:9px;color:#ffffff7e;margin-top:2px}.v96-speaking{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#2aa8ff;background:#102437}.v96-speaking svg{width:14px;height:14px}.v96-mic-request button{height:26px;padding:0 7px;border-radius:3px;background:#243244;color:#fff;font-size:9px;border:1px solid #ffffff24;cursor:pointer}.v96-mic-request button:first-of-type{background:#168ad0}.v96-voice-footer{height:46px;flex:0 0 46px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-top:1px solid #ffffff21}.v96-voice-footer button{border:1px solid #ffffff33;background:#182333;color:#fff;border-radius:3px;font-size:11px;cursor:pointer}.v96-voice-footer button:first-child{background:#168ad0}
.v96-notification-tools{height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:5px 10px;border-bottom:1px solid #ffffff18}.v96-notification-tools button{height:26px;padding:0 8px;background:#182333;border:1px solid #ffffff22;color:#ffffffa8;border-radius:3px;font-size:10px;cursor:pointer}.notification-row.is-read{opacity:.55}.v96-follow-request{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:9px 10px;border-bottom:1px solid #ffffff20;background:#142334}.v96-follow-request>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.v96-follow-request>span{min-width:0;display:flex;flex-direction:column}.v96-follow-request b{font-size:11px}.v96-follow-request small,.v96-follow-request time{font-size:9px;color:#ffffff75;margin-top:2px}.v96-follow-request>div{grid-column:2;display:flex;gap:5px}.v96-follow-request button{height:27px;padding:0 10px;border:1px solid #ffffff29;border-radius:3px;background:#182333;color:#fff;font-size:10px;cursor:pointer}.v96-follow-request button.accept{background:#168ad0}
.v96-older-loader{height:25px;display:flex;align-items:center;justify-content:center;margin-bottom:3px}.v96-older-loader button{height:22px;padding:0 10px;border:1px solid #ffffff20;border-radius:10px;background:#101a26;color:#ffffff8e;font-size:9px;cursor:pointer}.v96-older-loader span{color:#ffffff50;font-size:9px}.v96-edit-box{min-width:150px;min-height:27px;background:#101a26;border:1px solid #2196f3;border-radius:3px;padding:5px;color:#fff;outline:0}.v96-edit-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}.v96-edit-actions button{height:24px;padding:0 7px;border-radius:3px;background:#182333;color:#fff;border:1px solid #ffffff25;font-size:9px}.v96-edit-actions button:last-child{background:#168ad0}.v96-edited{display:inline-block;margin-left:5px;color:#ffffff5c;font-size:8px;font-weight:400}.v96-mention-pop{position:fixed;z-index:160;width:230px;max-height:245px;overflow:auto;background:#151f2b;border:1px solid #ffffff33;border-radius:4px;box-shadow:0 12px 35px #0009;display:none;padding:4px}.v96-mention-pop.open{display:block}.v96-mention-pop button{width:100%;height:44px;display:flex;align-items:center;gap:8px;background:transparent;color:#fff;border-bottom:1px solid #ffffff17;text-align:left;padding:0 6px;cursor:pointer}.v96-mention-pop button:hover{background:#ffffff08}.v96-mention-pop img{width:32px;height:32px;border-radius:50%;object-fit:cover}.v96-mention-pop span{display:flex;flex-direction:column;min-width:0}.v96-mention-pop b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v96-mention-pop small{font-size:9px;color:#ffffff78;margin-top:2px}
body.light-theme .v96-toast,body.light-theme .v96-voice-float,body.light-theme .v96-mention-pop{background:#fff;color:#222;border-color:#00000022}body.light-theme .v96-voice-head,body.light-theme .v96-voice-room,body.light-theme .v96-voice-tabs button,body.light-theme .v96-voice-footer button,body.light-theme .v96-notification-tools button,body.light-theme .v96-follow-request button{background:#fff;color:#555;border-color:#0000001c}body.light-theme .v96-follow-request{background:#f8fbfd;border-color:#00000012}body.light-theme .v96-voice-person,body.light-theme .v96-mic-request,body.light-theme .v96-section-head,body.light-theme .v96-notification-tools{border-color:#00000012}body.light-theme .v96-voice-person small,body.light-theme .v96-mic-request small,body.light-theme .v96-voice-room small{color:#777}body.light-theme .v96-edit-box{background:#fff;color:#222}
@media(max-width:760px){.v96-voice-float{left:6px!important;right:6px;top:70px!important;width:auto;height:64vh}.v96-mention-pop{width:210px}}

/* ==========================================================
   v0.9.7 — Aydınlık tema tamamlama katmanı
   Referans aydınlık görünüm: beyaz yüzeyler, açık bej sohbet
   zemini, koyu metin ve açık gri sınırlar. Geometri değişmez.
   ========================================================== */
body.light-theme{
  --surface:#ffffff;
  --surface2:#ffffff;
  --surface3:#f7f8fa;
  --row:#ffffff;
  --border:#00000018;
  --border2:#00000028;
  --muted:#66707c;
  --muted2:#505a66;
  background:#ffffff;
  color:#20242a;
  color-scheme:light;
}
body.light-theme .app-shell,
body.light-theme .topbar,
body.light-theme .right-tabs,
body.light-theme .right-panel,
body.light-theme .composer,
body.light-theme .profile-panel{background:#fff;color:#20242a;border-color:#dfe3e8}
body.light-theme .chat-area{background:#f4efe9}
body.light-theme .message-stage,
body.light-theme .v7-pm-messages,
body.light-theme .dm-messages{background:#f4efe9 url('bg.png') 0 0/auto repeat!important;color:#20242a}
body.light-theme .typing-chip{background:#f4efe9;color:#505760;border-color:#ddd7d0}
body.light-theme .top-action,
body.light-theme .right-tab,
body.light-theme .composer-icon,
body.light-theme .room-meta small{color:#626b76}
body.light-theme .top-action:hover,
body.light-theme .right-tab:hover{background:#f4f5f7;color:#222}
body.light-theme .right-tab.active{color:#222;border-bottom-color:#222}
body.light-theme .tab-count{background:#eceff2;color:#4f5862}
body.light-theme .room-meta small b{color:#222}

/* Ana sohbet / giriş alanları */
body.light-theme .message-bubble,
body.light-theme .room-notice{background:#fff;color:#222;border-color:#e5e7ea;box-shadow:0 1px 2px #00000018}
body.light-theme .message-user,
body.light-theme .message-copy{color:#222}
body.light-theme .message-user.orange,
body.light-theme .message-copy.orange{color:#b76e00}
body.light-theme .message-user.red,
body.light-theme .message-copy.red{color:#d52f2f}
body.light-theme .message-bubble time{color:#8c949d}
body.light-theme .quote{border-color:#c7ccd2;border-left-color:#8d96a0;color:#6e7781}
body.light-theme .quote b{color:#4a525b}
body.light-theme .msg-avatar,
body.light-theme .user-avatar img,
body.light-theme .people-avatar img,
body.light-theme .dm-avatar i{background:#fff;border-color:#e1e4e8}
body.light-theme .presence-dot,
body.light-theme .people-avatar i{border-color:#fff}
body.light-theme .composer-input-wrap,
body.light-theme .composer-editable,
body.light-theme .composer-input-wrap input,
body.light-theme .v7-pm-input,
body.light-theme .dm-composer,
body.light-theme .dm-composer input{background:#fff;color:#222;border-color:#d6dbe1}
body.light-theme .composer-input-wrap input::placeholder,
body.light-theme .composer-editable:empty:before,
body.light-theme .dm-composer input::placeholder{color:#8b939c}

/* Sağ panel */
body.light-theme .panel-title,
body.light-theme .room-status-row,
body.light-theme .search-wrap,
body.light-theme .user-row::after,
body.light-theme .people-row::after,
body.light-theme .dm-row,
body.light-theme .dm-list-head,
body.light-theme .dm-chat-head{border-color:#e3e6ea}
body.light-theme .panel-title{color:#343a40}
body.light-theme .round-menu{background:#eef1f4;color:#5b6570}
body.light-theme .status-actions button{border-color:#d8dde3;color:#168bd2}
body.light-theme .status-actions button:hover{background:#f4f6f8}
body.light-theme .search-wrap input,
body.light-theme .people-search-wrap input,
body.light-theme .deep-search{background:#fff;color:#222;border-color:#d5dae0}
body.light-theme .search-wrap input::placeholder,
body.light-theme .people-search-wrap input::placeholder{color:#6d7680}
body.light-theme .search-icon,
body.light-theme .filter-icon,
body.light-theme .user-meta,
body.light-theme .dots,
body.light-theme .people-icons,
body.light-theme .people-dots{color:#737b84}
body.light-theme .user-row,
body.light-theme .people-row,
body.light-theme .dm-row{color:#222}
body.light-theme .user-row:hover,
body.light-theme .people-row:hover,
body.light-theme .dm-row:hover{background:#f7f8f9}
body.light-theme .user-role,
body.light-theme .people-copy small,
body.light-theme .dm-row-copy small,
body.light-theme .dm-peer small{color:#727b85}
body.light-theme .people-tabs,
body.light-theme .notification-tabs{border-color:#d5dae0}
body.light-theme .people-tab,
body.light-theme .notification-tab{color:#68727d;border-color:#e3e6ea}
body.light-theme .people-tab:hover,
body.light-theme .notification-tab:hover{background:#f5f6f8;color:#222}
body.light-theme .people-tab.active,
body.light-theme .notification-tab.active{background:#edf0f3;color:#222}
body.light-theme .people-tab span,
body.light-theme .notification-tab span{background:#eef1f4;color:#5f6973}
body.light-theme .people-info{background:#eaf6ff;color:#5e6872}
body.light-theme .panel-empty-state{color:#7a838d}
body.light-theme .dm-list-head{background:#fafbfc}
body.light-theme .dm-list-head button,
body.light-theme .dm-more{background:#f5f6f7;border-color:#e1e4e8;color:#606a74}
body.light-theme .dm-peer b{color:#222}

/* Oda, modal, menü ve genel pencere yüzeyleri */
body.light-theme .rooms-modal,
body.light-theme .app-modal,
body.light-theme .v7-modal,
body.light-theme .v7-submodal,
body.light-theme .v7-private-window,
body.light-theme .emoji-popover,
body.light-theme .v7-pm-emoji,
body.light-theme .v7-pm-attach,
body.light-theme .context-menu,
body.light-theme .v95-main-attach,
body.light-theme .v95-radio-float,
body.light-theme .v95-radio-request,
body.light-theme .v96-voice-float,
body.light-theme .v96-mention-pop{background:#fff!important;color:#222!important;border-color:#d7dce2!important;box-shadow:0 12px 36px #00000024}
body.light-theme .rooms-modal-header,
body.light-theme .app-modal header,
body.light-theme .v7-modal header,
body.light-theme .v7-submodal header,
body.light-theme .v7-pm-head,
body.light-theme .v95-radio-float header,
body.light-theme .v96-voice-head{background:#fff;color:#333;border-color:#e0e4e8}
body.light-theme .rooms-modal-header button,
body.light-theme .profile-head button,
body.light-theme .v7-modal header button,
body.light-theme .v7-submodal header button,
body.light-theme .v7-pm-head button,
body.light-theme .v95-radio-float header button,
body.light-theme .v96-voice-head button{color:#5d6670}
body.light-theme .rooms-modal-header button:hover,
body.light-theme .profile-head button:hover{background:#f3f5f7}
body.light-theme .room-card{background:#fff;color:#222;border-color:#d9dee4;border-left-color:#aeb6bf}
body.light-theme .room-card:hover{background:#f8fafb}
body.light-theme .room-card-title{color:#333}
body.light-theme .room-card-meta,
body.light-theme .room-card-access{color:#6b7480}
body.light-theme .room-card-arrow{background:#eef6fc;color:#168bd2}
body.light-theme .emoji-popover-head,
body.light-theme .emoji-tabs{border-color:#e1e5e9;color:#59636e;background:#fff}
body.light-theme .emoji-tabs button{background:#fff;color:#6a737d;border-color:#e5e8eb}
body.light-theme .emoji-tabs button.active{background:#edf0f3;color:#222}
body.light-theme .emoji-grid{background:#fff}
body.light-theme .emoji-item:hover{background:#f1f3f5}
body.light-theme .context-menu button,
body.light-theme .v95-main-attach button,
body.light-theme .v7-pm-attach button{background:#fff;color:#333;border-color:#e2e5e8}
body.light-theme .context-menu button:hover,
body.light-theme .v95-main-attach button:hover,
body.light-theme .v7-pm-attach button:hover{background:#f3f5f7;color:#111}

/* Profil */
body.light-theme .profile-panel,
body.light-theme .profile-head,
body.light-theme .profile-scroll{background:#fff;color:#222}
body.light-theme .profile-head{border-color:#e0e4e8}
body.light-theme .profile-avatar-wrap img,
body.light-theme .v7-profile-photo-row img{background:#fff;border-color:#eef0f2}
body.light-theme .profile-device-badge,
body.light-theme .profile-gender-badge,
body.light-theme .v7-self-gender{background:#fff;border-color:#d6dbe0;color:#4e5862}
body.light-theme .profile-name,
body.light-theme .v7-self-name{color:#222}
body.light-theme .profile-role,
body.light-theme .profile-followers,
body.light-theme .v7-self-role{color:#69737d}
body.light-theme .profile-two button,
body.light-theme .profile-action,
body.light-theme .profile-wide,
body.light-theme .v7-self-menu button{background:#fff;color:#444;border-color:#d9dde2}
body.light-theme .profile-two button:hover,
body.light-theme .profile-action:hover,
body.light-theme .v7-self-menu button:hover{background:#f5f6f7;color:#111}

/* Profil / tercihler / parola / alt pencereler */
body.light-theme .v7-profile-photo-row button,
body.light-theme .v7-select-row,
body.light-theme .v7-input,
body.light-theme .v7-password-form input,
body.light-theme .v7-preferences section>button,
body.light-theme .v7-history-grid button{background:#fff;color:#222;border-color:#d8dde2}
body.light-theme .v7-profile-photo-row button:hover,
body.light-theme .v7-preferences section>button:hover,
body.light-theme .v7-history-grid button:hover{background:#f4f6f8}

/* Özel mesaj */
body.light-theme .v7-private-window{background:#fff}
body.light-theme .v7-pm-head{color:#222}
body.light-theme .v7-pm-head b{color:#222}
body.light-theme .v7-pm-head small{color:#747d86}
body.light-theme .v7-pm-composer{background:#fff;border-color:#e1e4e8}
body.light-theme .v7-pm-input{background:#fff;color:#222;border-color:#d5dae0}
body.light-theme .v7-pm-bubble{background:#fff;color:#222;box-shadow:0 1px 2px #00000018}
body.light-theme .v7-pm-bubble.mine{background:#e0f0fd}
body.light-theme .v7-pm-rec{background:#f7f8f9;color:#444;border-color:#e0e4e8}

/* v6 ortak yönetim ekranları */
body.light-theme .v6-field input,
body.light-theme .v6-field select,
body.light-theme .v6-field textarea,
body.light-theme .v6-settings select,
body.light-theme .v6-search input,
body.light-theme .v6-editable button,
body.light-theme .v6-ranks>div,
body.light-theme .v6-info-grid span,
body.light-theme .v6-status-grid>div,
body.light-theme .v6-row-button,
body.light-theme .voice-room-state,
body.light-theme .photo-preview-v6 textarea{background:#fff;color:#222;border-color:#d8dde2}
body.light-theme .v6-upload-row img{background:#fff;border-color:#e2e5e8}
body.light-theme .v6-toast{background:#fff;color:#222;border-color:#d8dde2;box-shadow:0 8px 24px #0002}

/* v0.8.2 Sistem / Radyo durumu */
body.light-theme .v82-status-section>h3{color:#4d5660}
body.light-theme .v82-general-box,
body.light-theme .v82-radio-row,
body.light-theme .v82-server-owner,
body.light-theme .v82-role-card{background:#fff;color:#333;border-color:#d8dde2}
body.light-theme .v82-general-box>div{color:#444;border-color:#e3e6e9}
body.light-theme .v82-stat-icon{background:#f0f2f4;color:#56606a}
body.light-theme .v82-role-copy>b{color:#222}
body.light-theme .v82-role-copy>small{color:#6d7680}
body.light-theme .v82-role-avatar img{background:#fff;border-color:#eef0f2}
body.light-theme .v82-presence{border-color:#fff}

/* Derin yönetim / oda yönetimi / kısıtlar */
body.light-theme .deep-user-card,
body.light-theme .deep-log-filters input,
body.light-theme .deep-log-filters select,
body.light-theme .deep-log-list>div,
body.light-theme .deep-scope-card,
body.light-theme .deep-config-row select,
body.light-theme .room-admin-row,
body.light-theme .room-role-person,
body.light-theme .room-role-form select,
body.light-theme .restriction-form select,
body.light-theme .restriction-form input,
body.light-theme .restriction-actions input,
body.light-theme .restriction-list>div,
body.light-theme .rank-list-row,
body.light-theme .rank-feature-section input,
body.light-theme .scope-detail input,
body.light-theme .scope-detail textarea,
body.light-theme .scope-detail select,
body.light-theme .scope-create-form input,
body.light-theme .scope-create-form textarea,
body.light-theme .rank-cap-row,
body.light-theme .deep-log-row,
body.light-theme .log-detail-grid>div,
body.light-theme .scope-add-room select,
body.light-theme .log-preset-head select{background:#fff;color:#222;border-color:#d8dde2}
body.light-theme .deep-user-card small,
body.light-theme .deep-counter,
body.light-theme .deep-log-list small,
body.light-theme .deep-scope-head p,
body.light-theme .deep-scope-card small,
body.light-theme .deep-config-row small,
body.light-theme .room-admin-toolbar p,
body.light-theme .room-ban-head p,
body.light-theme .room-admin-row small,
body.light-theme .room-role-person small,
body.light-theme .restriction-list small,
body.light-theme .restriction-switch small,
body.light-theme .rank-list-row small,
body.light-theme .deep-log-row small,
body.light-theme .deep-log-row em,
body.light-theme .rank-help,
body.light-theme .log-preset-head p{color:#6d7680}
body.light-theme .deep-tabs,
body.light-theme .restriction-tabs{border-color:#e1e4e8}
body.light-theme .rank-feature-section>h3,
body.light-theme .rank-cap-section>h3,
body.light-theme .scope-detail section h3{color:#333}
body.light-theme .rank-cap-row span,
body.light-theme .log-detail-grid b{color:#444}

/* Radyo / ses / çağrı */
body.light-theme .v93-voice-top,
body.light-theme .v93-voice-state button,
body.light-theme .v93-voice-person,
body.light-theme .v93-radio-now,
body.light-theme .v93-radio-filter button,
body.light-theme .v93-radio-person,
body.light-theme .v93-song-form input,
body.light-theme .v93-radio-info input,
body.light-theme .v93-radio-info-card,
body.light-theme .v93-active-call-actions button{background:#fff;color:#333;border-color:#d8dde2}
body.light-theme .v93-voice-person small,
body.light-theme .v93-radio-person small,
body.light-theme .v93-force-copy,
body.light-theme .v93-force-prompt ul{color:#6d7680}
body.light-theme .v93-radio-disc{background:#f6f7f8;border-color:#dfe3e7}

/* Sistem moderasyonu */
body.light-theme .v94-admin-head,
body.light-theme .v94-moderation-row,
body.light-theme .v94-tabs button,
body.light-theme .v94-form input,
body.light-theme .v94-form select,
body.light-theme .v94-form textarea,
body.light-theme .v94-avatar-confirm select,
body.light-theme .v94-system-popup>section{background:#fff;color:#333;border-color:#d8dde2}
body.light-theme .v94-moderation-list,
body.light-theme .v94-tabs{border-color:#e1e4e8}
body.light-theme .v94-admin-head small,
body.light-theme .v94-moderation-row small,
body.light-theme .v94-form-copy,
body.light-theme .v94-form label>span,
body.light-theme .v94-avatar-confirm label>span,
body.light-theme .v94-avatar-confirm p{color:#6d7680}

/* Radyo oynatıcı */
body.light-theme .v95-radio-float{background:#fff;color:#333;border-color:#d8dde2}
body.light-theme .v95-radio-float header{background:#fff;color:#333;border-color:#e1e4e8}
body.light-theme .v95-song,
body.light-theme .v95-chips span,
body.light-theme .v95-radio-request,
body.light-theme .v95-radio-request input{background:#fff;color:#4d5660;border-color:#d8dde2}
body.light-theme .v95-radio-circle{color:#4e5862;border-color:#cdd3d9}
body.light-theme .v95-radio-actions button,
body.light-theme .v95-radio-request button{background:#fff;color:#555;border-color:#d5dae0}
body.light-theme .v95-radio-actions .primary,
body.light-theme .v95-radio-request button.primary{background:#0176d3;color:#fff;border-color:#0176d3}
body.light-theme .v95-main-attach{background:#fff;border-color:#d8dde2}

/* Son UI parçaları */
body.light-theme .v96-toast{background:#fff;color:#222;border-color:#d8dde2;box-shadow:0 8px 24px #0002}
body.light-theme .v96-voice-float{background:#fff;color:#222;border-color:#d8dde2}
body.light-theme .v96-voice-head,
body.light-theme .v96-voice-room,
body.light-theme .v96-voice-tabs button,
body.light-theme .v96-voice-footer button,
body.light-theme .v96-notification-tools button,
body.light-theme .v96-follow-request button{background:#fff;color:#555;border-color:#e0e4e8}
body.light-theme .v96-voice-tabs button.active{background:#edf0f3;color:#222;border-bottom-color:#2196f3}
body.light-theme .v96-follow-request{background:#f8fbfd;border-color:#e0e4e8}
body.light-theme .v96-voice-person,
body.light-theme .v96-mic-request,
body.light-theme .v96-section-head,
body.light-theme .v96-notification-tools{border-color:#e2e5e8}
body.light-theme .v96-voice-person small,
body.light-theme .v96-mic-request small,
body.light-theme .v96-voice-room small{color:#737c86}
body.light-theme .v96-speaking{background:#e8f5fd;color:#168bd2}
body.light-theme .v96-mic-request button{background:#fff;color:#444;border-color:#d7dce2}
body.light-theme .v96-mic-request button:first-of-type,
body.light-theme .v96-voice-footer button:first-child{background:#168ad0;color:#fff;border-color:#168ad0}
body.light-theme .v96-older-loader button,
body.light-theme .v96-edit-box,
body.light-theme .v96-edit-actions button{background:#fff;color:#333;border-color:#d8dde2}
body.light-theme .v96-edit-actions button:last-child{background:#168ad0;color:#fff;border-color:#168ad0}
body.light-theme .v96-edited,
body.light-theme .v96-older-loader span{color:#868e97}
body.light-theme .v96-mention-pop{background:#fff;color:#222;border-color:#d8dde2}
body.light-theme .v96-mention-pop button{color:#222;border-color:#e5e8eb}
body.light-theme .v96-mention-pop button:hover{background:#f4f6f8}
body.light-theme .v96-mention-pop small{color:#737c86}

/* Genel form güvenlik ağı: aydınlık temada koyu input kalmasın. */
body.light-theme input:not([type="color"]):not([type="checkbox"]):not([type="radio"]),
body.light-theme select,
body.light-theme textarea{
  color:#222;
  border-color:#d7dce2;
}
body.light-theme input::placeholder,
body.light-theme textarea::placeholder{color:#8a929b}

/* Kaydırma çubukları */
body.light-theme .message-stage,
body.light-theme .user-list,
body.light-theme .rooms-modal-body,
body.light-theme .profile-scroll,
body.light-theme .people-list{scrollbar-color:#c5c9ce transparent}
body.light-theme .message-stage::-webkit-scrollbar-thumb,
body.light-theme .user-list::-webkit-scrollbar-thumb,
body.light-theme .rooms-modal-body::-webkit-scrollbar-thumb,
body.light-theme .profile-scroll::-webkit-scrollbar-thumb{background:#c5c9ce}

/* v0.9.7 ek açık tema kapsaması */
body.light-theme .room-logo{background:#f5f6f7;border-color:#e0e4e8}
body.light-theme .notification-remove{background:#eef1f4;color:#69727c}
body.light-theme .self-head,
body.light-theme .self-stats{border-color:#e3e6e9}
body.light-theme .self-avatar img{background:#fff;border-color:#e0e4e8}
body.light-theme .self-avatar i{border-color:#fff}
body.light-theme .self-head strong,
body.light-theme .self-stats b{color:#222}
body.light-theme .self-head small,
body.light-theme .self-stats span{color:#707983}
body.light-theme .self-stats span,
body.light-theme .self-menu button{border-color:#e4e7ea}
body.light-theme .self-menu button{color:#545e68}
body.light-theme .self-menu button:hover{background:#f5f6f8;color:#111}
body.light-theme .reply-strip{background:#fff;border-color:#e0e4e8}
body.light-theme .reply-strip span{color:#6f7882}
body.light-theme .reply-strip button{color:#65707a}
body.light-theme .voice-panel-v6 section,
body.light-theme .radio-djs{border-color:#dfe3e7}
body.light-theme .voice-panel-v6 h3,
body.light-theme .radio-djs h3{color:#69727c;border-color:#e3e6e9}
body.light-theme .mic-request,
body.light-theme .voice-person,
body.light-theme .radio-djs>div{border-color:#e5e8eb}
body.light-theme .mic-request button.reject{background:#eef1f4;color:#646e78}
body.light-theme .radio-now{background:#fff;color:#222;border-color:#d8dde2}
body.light-theme .radio-now small{color:#6f7882}
body.light-theme .v7-self-avatar-wrap img{background:#fff;border-color:#f0f1f2}
body.light-theme .v7-toast{background:#fff;color:#222;border-color:#d8dde2;box-shadow:0 8px 24px #0002}
body.light-theme .v7-call-card{border:1px solid #d8dde2;box-shadow:0 14px 35px #0003}

/* =====================================================================
   v0.9.8 — Aydınlık Tema Final
   Arka plan + yazı + ikon + form + modal + PM + emoji kontrast katmanı.
   ===================================================================== */
:root{
  --tc-bg:#151f2b;
  --tc-panel:#101a26;
  --tc-panel-2:#182333;
  --tc-input:#252f3b;
  --tc-text:#ffffff;
  --tc-text-2:#d3d8de;
  --tc-muted:#9da7b1;
  --tc-icon:#aeb7c0;
  --tc-border:#ffffff21;
  --tc-border-strong:#ffffff33;
  --tc-hover:#252f3b;
  --tc-blue:#2196f3;
}
body.light-theme{
  --tc-bg:#ffffff;
  --tc-panel:#ffffff;
  --tc-panel-2:#f7f8fa;
  --tc-input:#ffffff;
  --tc-text:#20242a;
  --tc-text-2:#3e4853;
  --tc-muted:#65717d;
  --tc-icon:#4f5b67;
  --tc-border:#dfe3e8;
  --tc-border-strong:#cfd5dc;
  --tc-hover:#f1f3f5;
  --tc-blue:#168bd2;
  color-scheme:light;
}

/* Aydınlık temada bütün SVG/font ikonlarının currentColor zincirini görünür yap. */
body.light-theme :where(.top-action,.right-tab,.composer-icon,.round-menu,.status-actions button,.search-icon,.filter-icon,.user-meta,.dots,.people-icons,.people-dots,.profile-head button,.profile-action,.v7-pm-head button,.v7-pm-composer>button,.rooms-modal-header button,.app-modal-head button,.v7-modal-head button,.v7-submodal button,.emoji-back,.v95-radio-float button,.v96-voice-float button){
  color:var(--tc-icon)!important;
  opacity:1!important;
}
body.light-theme :where(.top-action,.right-tab,.composer-icon,.status-actions button,.profile-head button,.profile-action,.v7-pm-head button,.v7-pm-composer>button,.rooms-modal-header button,.app-modal-head button,.emoji-back):hover{
  color:#20242a!important;
}
body.light-theme .right-tab.active{color:#1f2933!important;border-bottom-color:#1f2933!important}
body.light-theme .composer-icon.radio{color:var(--tc-blue)!important}
body.light-theme .send-button,
body.light-theme .v7-pm-send{color:#fff!important;background:var(--tc-blue)!important}
body.light-theme .icon-svg{color:inherit!important;opacity:1!important}
body.light-theme .icon-svg.no-fill{fill:none!important;stroke:currentColor!important}
body.light-theme .icon-svg:not(.no-fill){fill:currentColor!important;stroke:currentColor!important}

/* Üst bar ve sağ panel: ikonlar ve sayaçlar. */
body.light-theme .topbar,
body.light-theme .right-tabs,
body.light-theme .right-panel,
body.light-theme .panel-view,
body.light-theme .panel-title,
body.light-theme .room-status-row{background:#fff!important;color:var(--tc-text)!important;border-color:var(--tc-border)!important}
body.light-theme .room-meta strong,
body.light-theme .panel-title strong,
body.light-theme .user-name,
body.light-theme .people-copy b,
body.light-theme .dm-peer b{color:#1f252b!important}
body.light-theme .top-action{color:#4b5661!important;border-color:var(--tc-border)!important}
body.light-theme .tab-count{background:#eef1f4!important;color:#4b5661!important}
body.light-theme .tab-count.alert{background:#e53935!important;color:#fff!important}
body.light-theme .round-menu{background:#eef1f4!important;color:#4f5b67!important}
body.light-theme .search-wrap input,
body.light-theme .people-search-wrap input{background:#fff!important;color:#20242a!important;border-color:#ccd3da!important}
body.light-theme .search-wrap input::placeholder,
body.light-theme .people-search-wrap input::placeholder{color:#68737f!important;opacity:1!important}

/* Ana ve özel mesaj alt çubukları. */
body.light-theme .composer,
body.light-theme .v7-pm-composer{background:#fff!important;border-color:#d9dfe5!important}
body.light-theme .composer-input-wrap,
body.light-theme .composer-editable,
body.light-theme .v7-pm-input{background:#fff!important;color:#20242a!important;border-color:#cbd3db!important}
body.light-theme .composer-editable:empty:before{color:#7d8791!important}
body.light-theme .composer-icon,
body.light-theme .v7-pm-composer>button:not(.v7-pm-send){background:transparent!important;color:#52606d!important}
body.light-theme .v7-pm-head{background:#fff!important;color:#20242a!important;border-color:#dde2e7!important}
body.light-theme .v7-pm-head b{color:#20242a!important}
body.light-theme .v7-pm-head small{color:#66727d!important}
body.light-theme .v7-private-window{background:#fff!important;border-color:#cfd6dd!important;box-shadow:0 14px 40px #0000002b!important}

/* Ana Emoji: Yeni / Eski / Gif ve ikonları netleştir. */
body.light-theme .emoji-popover{background:#fff!important;border-color:#cfd6dd!important}
body.light-theme .emoji-tabs{background:#fff!important;border-color:#dce2e7!important}
body.light-theme .emoji-tabs button{background:#fff!important;color:#58636e!important;border-color:#dce2e7!important;opacity:1!important}
body.light-theme .emoji-tabs .emoji-tab.active{background:#eef1f4!important;color:#20242a!important;border-bottom-color:#eef1f4!important;font-weight:700!important}
body.light-theme .emoji-tabs .emoji-back{color:#4e5a65!important}
body.light-theme .emoji-grid{background:#fff!important}
body.light-theme .emoji-grid button:hover{background:#eef1f4!important}

/* Özel mesaj emojisi de kaynak gibi Yeni / Eski / Gif sekmeli. */
.v7-pm-emoji{padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;grid-template-columns:none!important;gap:0!important}
.v7-pm-emoji[hidden]{display:none!important}
.v7-pm-emoji-tabs{height:36px;flex:0 0 36px;display:grid;grid-template-columns:42px 1fr 1fr 1fr;border-bottom:1px solid #ffffff18;background:#101a26}
.v7-pm-emoji-tabs button{height:36px!important;margin:0!important;border:0!important;border-right:1px solid #ffffff14!important;border-radius:0!important;background:#101a26!important;color:#7f8b97!important;font-size:11px!important;display:grid;place-items:center;cursor:pointer}
.v7-pm-emoji-tabs button.active{background:#151f2b!important;color:#d7dde3!important;font-weight:700}
.v7-pm-emoji-tabs .v7-pm-emoji-back .icon-svg{width:12px;height:12px}
.v7-pm-emoji-grid{flex:1;min-height:0;overflow:auto;padding:5px;display:grid;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px;background:#151f2b}
.v7-pm-emoji-grid button{height:27px!important;background:transparent!important;border:0!important;border-radius:3px!important;display:grid;place-items:center;cursor:pointer}
.v7-pm-emoji-grid button:hover{background:#ffffff0e!important}
.v7-pm-emoji-grid img{width:23px;height:23px;object-fit:contain}
body.light-theme .v7-pm-emoji{background:#fff!important;border-color:#cfd6dd!important}
body.light-theme .v7-pm-emoji-tabs{background:#fff!important;border-color:#dce2e7!important}
body.light-theme .v7-pm-emoji-tabs button{background:#fff!important;color:#596570!important;border-color:#dce2e7!important}
body.light-theme .v7-pm-emoji-tabs button.active{background:#eef1f4!important;color:#20242a!important}
body.light-theme .v7-pm-emoji-grid{background:#fff!important}
body.light-theme .v7-pm-emoji-grid button:hover{background:#eef1f4!important}

/* Bütün modal/popup başlıkları ve gövdeleri: beyaz üstüne beyaz yazı kalmasın. */
body.light-theme :where(.rooms-modal,.app-modal,.v7-modal,.v7-submodal,.context-menu,.v7-pm-attach,.v95-main-attach,.v95-radio-float,.v95-radio-request,.v96-voice-float,.v96-mention-pop,.deep-panel,.room-admin-panel){
  background:#fff!important;color:#20242a!important;border-color:#cfd6dd!important;
}
body.light-theme :where(.rooms-modal-header,.app-modal-head,.app-modal>header,.v7-modal-head,.v7-modal>header,.v7-submodal>header,.v95-radio-float>header,.v96-voice-head){
  background:#fff!important;color:#20242a!important;border-color:#dce2e7!important;
}
body.light-theme :where(#appModalTitle,#v7Title,.app-modal h2,.app-modal h3,.v7-modal h2,.v7-modal h3,.v7-submodal strong,.rooms-modal h2){color:#20242a!important}
body.light-theme :where(.app-modal-body,.rooms-modal-body,.v7-modal-body,.v7-submodal){color:#20242a!important}
body.light-theme :where(.app-modal-body label,.app-modal-body p,.app-modal-body span,.app-modal-body small,.v7-modal-body label,.v7-modal-body p,.v7-modal-body span,.v7-modal-body small){color:#4d5964}
body.light-theme :where(.app-modal-body strong,.app-modal-body b,.v7-modal-body strong,.v7-modal-body b){color:#20242a}

/* Formlar: tüm açılır menüler, metin kutuları ve seçenekler. */
body.light-theme :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.v7-select-row,.deep-search,.restriction-form input,.restriction-form select,.restriction-form textarea){
  background:#fff!important;color:#20242a!important;border-color:#cbd3db!important;box-shadow:none!important;
}
body.light-theme :where(input,textarea)::placeholder{color:#7a8590!important;opacity:1!important}
body.light-theme select option{background:#fff!important;color:#20242a!important}
body.light-theme :where(button.outline,.v6-editable button,.v6-row-button,.deep-tabs button,.restriction-tabs button,.v94-tabs button){color:#44505c!important;border-color:#cfd6dd!important}

/* Yönetim ve ayar ekranlarında sabit koyu kalan yüzeyler için güvenlik ağı. */
body.light-theme :where(.v6-status-grid>div,.v6-info-grid span,.v6-ranks>div,.deep-user-card,.deep-log-list>div,.deep-scope-card,.room-admin-row,.room-role-person,.restriction-list>div,.rank-list-row,.rank-cap-row,.deep-log-row,.log-detail-grid>div,.v82-general-box,.v82-radio-row,.v82-server-owner,.v82-role-card,.v93-voice-person,.v93-radio-person,.v94-moderation-row,.v96-follow-request,.v96-mic-request){
  background:#fff!important;color:#20242a!important;border-color:#d6dde3!important;
}
body.light-theme :where(.v82-role-copy>b,.deep-user-card b,.room-admin-row b,.rank-list-row b,.deep-log-row b){color:#20242a!important}
body.light-theme :where(.v82-role-copy>small,.deep-user-card small,.room-admin-row small,.rank-list-row small,.deep-log-row small){color:#65717d!important}

/* Context menu / ek dosya menüleri. */
body.light-theme .context-menu button,
body.light-theme .v7-pm-attach button,
body.light-theme .v95-main-attach button{background:#fff!important;color:#34404b!important;border-color:#dce2e7!important}
body.light-theme .context-menu button:hover,
body.light-theme .v7-pm-attach button:hover,
body.light-theme .v95-main-attach button:hover{background:#eef1f4!important;color:#111820!important}

/* Light-theme üzerindeki inline koyu renk kalıntılarını daha görünür bir ortak tona çek. */
body.light-theme .profile-action,
body.light-theme .profile-two button,
body.light-theme .v7-self-menu button,
body.light-theme .people-tab,
body.light-theme .notification-tab{color:#4a5661!important}
body.light-theme .user-role,
body.light-theme .people-copy small,
body.light-theme .dm-row-copy small,
body.light-theme .profile-role,
body.light-theme .profile-followers{color:#65717d!important}

/* Overlay karartması açık temada da modalı ayıracak kadar güçlü, fakat içerik okunur. */
body.light-theme .modal-overlay,
body.light-theme .app-modal-overlay,
body.light-theme .v7-overlay,
body.light-theme .v7-suboverlay{background:#0000008a!important}


/* v0.9.9 — Sohbet alanı sağ tık kısayol menüsü */
.context-menu.chat-shortcut-menu{width:188px;padding:4px 0;background:#151f2b;border:1px solid #ffffff21;border-radius:3px;box-shadow:0 8px 24px #0008;overflow:hidden}
.context-menu.chat-shortcut-menu .chat-shortcut-title{height:28px;display:flex;align-items:center;padding:0 10px;color:#ffffff5f;font-size:.69rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #ffffff0d}
.context-menu.chat-shortcut-menu button{height:31px;border-radius:0;padding:0 10px;color:#ffffffc2;font-size:.71rem;font-weight:600}
.context-menu.chat-shortcut-menu button:hover{background:#202c38;color:#fff}
body.light-theme .context-menu.chat-shortcut-menu{background:#fff;border-color:#00000016;box-shadow:0 8px 24px #0002}
body.light-theme .context-menu.chat-shortcut-menu .chat-shortcut-title{color:#777;border-bottom-color:#0000000c}
body.light-theme .context-menu.chat-shortcut-menu button{color:#444}
body.light-theme .context-menu.chat-shortcut-menu button:hover{background:#f3f3f3;color:#111}
@media(max-width:760px),(pointer:coarse){.context-menu.chat-shortcut-menu{display:none!important}}

/* =========================================================
   v0.10.0 — SohbetYeri/eSohbet responsive mobile layout
   Same DOM/state; narrow viewport becomes the mobile client.
   Desktop rules remain untouched above 760px.
   ========================================================= */
@media (max-width:760px){
  :root{--header:50px;--mobile-bg:#101a26;--mobile-border:#ffffff24}
  html,body,#app{height:100%;height:100dvh;min-height:100%;overflow:hidden}
  body.mobile-layout{overscroll-behavior:none;background:var(--mobile-bg)}
  body.mobile-layout .app-shell{inset:0;height:100dvh;background:#101a26}

  /* Top bar: room title + users/messages/notifications/profile. */
  body.mobile-layout .topbar{
    position:relative;z-index:70;height:50px;flex:0 0 50px;
    display:flex!important;grid-template-columns:none!important;
    background:#151f2b;border-bottom:1px solid #ffffff24;
  }
  body.mobile-layout .room-identity{
    flex:1 1 auto;min-width:0;height:50px;padding:0 10px 0 16px;
    justify-content:flex-start;cursor:pointer;border-bottom:2px solid transparent;
  }
  body.mobile-layout .room-identity.mobile-selected{border-bottom-color:#fff}
  body.mobile-layout .room-logo{display:none}
  body.mobile-layout .room-meta{width:100%;align-items:center;line-height:1}
  body.mobile-layout .room-meta strong{font-size:11px;color:#fff;max-width:100%;text-align:center}
  body.mobile-layout .room-meta small{display:none}
  body.mobile-layout .topbar-spacer,
  body.mobile-layout .top-action{display:none!important}
  body.mobile-layout .right-tabs{
    flex:0 0 auto;width:auto;height:50px;display:flex!important;
    border-left:0;background:#151f2b;
  }
  body.mobile-layout .right-tab{
    width:46px;height:50px;flex:0 0 46px;font-size:17px;color:#ffffff6e;
    border-bottom:2px solid transparent;background:transparent;
  }
  body.mobile-layout .right-tab[data-tab="roomUsers"]{display:none!important}
  body.mobile-layout .right-tab.active,
  body.mobile-layout .right-tab.mobile-selected{color:#fff;border-bottom-color:#fff;background:transparent}
  body.mobile-layout:not(.mobile-panel-open) .right-tab{border-bottom-color:transparent}
  body.mobile-layout .tab-count{
    bottom:1px;min-width:20px;height:14px;line-height:14px;font-size:10px;
    background:#28323d;color:#d3d7db;border-radius:2px;
  }
  body.mobile-layout .tab-count.alert{min-width:14px;width:auto;padding:0 3px;border-radius:10px;background:#e53935;color:#fff}

  /* Workspace/chat: the main room fills the phone. */
  body.mobile-layout .workspace{display:block;position:relative;flex:1 1;min-height:0;height:calc(100dvh - 50px)}
  body.mobile-layout .chat-area{position:absolute;inset:0;display:flex;min-height:0;background:#06111a}
  body.mobile-layout .message-stage{padding:8px 5px 36px;scrollbar-width:none}
  body.mobile-layout .message-stage::-webkit-scrollbar{display:none}
  body.mobile-layout .message-row{max-width:94%;margin-bottom:5px}
  body.mobile-layout .msg-avatar{width:31px;height:31px;margin-right:5px}
  body.mobile-layout .message-bubble{max-width:270px;padding:5px 39px 6px 8px;border-radius:5px 8px 8px 8px}
  body.mobile-layout .message-user{font-size:11px}.message-copy{font-size:11px}
  body.mobile-layout .room-notice{margin-left:36px;max-width:270px;font-size:10px}
  body.mobile-layout .typing-chip{height:18px;flex:0 0 18px;padding-left:7px;font-size:9px}
  body.mobile-layout .reply-strip{font-size:10px}

  /* Mobile composer: reference-style fixed row, keyboard-safe viewport. */
  body.mobile-layout .composer{
    height:52px;flex:0 0 52px;padding:0 4px;gap:1px;background:#151f2b;border-top:1px solid #ffffff21;
  }
  body.mobile-layout .composer-icon{width:31px;height:48px;flex:0 0 31px;font-size:16px;color:#ffffff9e}
  body.mobile-layout .composer-input-wrap{height:38px;background:#252f3b;border-color:#ffffff2b}
  body.mobile-layout .composer-editable{padding:8px 8px;font-size:12px;line-height:20px}
  body.mobile-layout .send-button{width:39px;height:39px;flex:0 0 39px;margin-left:2px}

  /* Main emoji picker stays a compact pane above the composer. */
  body.mobile-layout .emoji-popover{left:4px;bottom:53px;width:230px;height:250px;border-radius:3px;z-index:88}
  body.mobile-layout .emoji-tabs{height:39px;grid-template-columns:38px 1fr 1fr 1fr}
  body.mobile-layout .emoji-grid{padding:5px;grid-template-columns:repeat(7,1fr);gap:1px}
  body.mobile-layout .emoji-item{height:29px;font-size:20px}

  /* Right-side views become full mobile pages. */
  body.mobile-layout .right-panel{
    display:none;position:fixed;z-index:60;left:0;right:0;top:50px;bottom:0;
    width:100%!important;min-width:0!important;height:auto;background:#101a26;border:0;overflow:hidden;
  }
  body.mobile-layout.mobile-panel-open .right-panel{display:block}
  body.mobile-layout .panel-view{height:100%;background:#101a26}
  body.mobile-layout .panel-view[data-view="users"] .panel-title,
  body.mobile-layout .panel-view[data-view="dms"] .panel-title,
  body.mobile-layout .panel-view[data-view="notifications"] .panel-title{display:none}

  /* Mobile room/status page. */
  body.mobile-layout .panel-view[data-view="roomUsers"] .panel-title{
    height:48px;flex:0 0 48px;padding:0 14px;background:#101a26;border-color:#ffffff22;
  }
  body.mobile-layout .panel-view[data-view="roomUsers"] .room-status-row,
  body.mobile-layout .panel-view[data-view="roomUsers"]>.search-wrap,
  body.mobile-layout .panel-view[data-view="roomUsers"]>.user-list{display:none!important}
  .mobile-status-extras{display:none}
  body.mobile-layout .mobile-status-extras{display:flex;flex-direction:column;flex:1;min-height:0;padding:7px 6px 18px;background:#101a26}
  body.mobile-layout .mobile-room-list{display:flex;flex-direction:column}
  body.mobile-layout .mobile-room-list article{
    min-height:50px;display:flex;align-items:center;border-bottom:1px solid #ffffff1d;padding:4px 6px;color:#ddd;
  }
  body.mobile-layout .mobile-room-list article>span{display:flex;flex:1;min-width:0;flex-direction:column}
  body.mobile-layout .mobile-room-list b{font-size:14px;color:#ddd}.mobile-room-list small{font-size:11px;color:#aaa;margin-top:1px}
  body.mobile-layout .mobile-room-list em{width:38px;height:34px;display:grid;place-items:center;margin-right:6px;border:1px solid #2196f3;border-radius:7px;color:#2196f3;font-style:normal;font-size:16px}
  body.mobile-layout .mobile-room-list button{width:36px;height:36px;border:1px solid #ffffff24;border-radius:7px;background:transparent;color:#aaa;font-size:16px}
  body.mobile-layout .mobile-status-actions{display:grid;gap:8px;margin:7px 1px 0}
  body.mobile-layout .mobile-status-actions button{height:42px;background:transparent;border:1px solid #2196f3;border-radius:3px;color:#2196f3;font-size:14px;font-weight:600}

  /* People page. */
  body.mobile-layout .people-tabs{height:32px;flex:0 0 32px;margin:15px 14px 8px;border:1px solid #ffffff24;border-radius:6px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr)}
  body.mobile-layout .people-tab{height:31px;border-right:1px solid #ffffff1a;color:#fff;font-size:12px;background:transparent}
  body.mobile-layout .people-tab:last-child{border-right:0}.people-tab.active{background:#28323d}
  body.mobile-layout .people-search-wrap{margin:7px 14px 5px;height:38px}
  body.mobile-layout .people-info{padding:36px 24px;text-align:center;font-size:12px;color:#aaa}
  body.mobile-layout .people-list{padding:0 14px;overflow:auto}
  body.mobile-layout .people-row{height:72px;border-bottom:1px solid #ffffff21}
  body.mobile-layout .people-avatar,.people-avatar img{width:51px;height:51px}
  body.mobile-layout .people-copy b{font-size:13px}.people-copy small{font-size:10px}

  /* DM page. */
  body.mobile-layout .dm-view{height:100%;background:#101a26}
  body.mobile-layout .dm-list-head{height:48px;padding:0 14px;border-color:#ffffff22}
  body.mobile-layout .dm-list{padding:0 12px}.dm-row{height:69px}
  body.mobile-layout .panel-empty-state,.mobile-empty-state{height:calc(100% - 95px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:112px;color:#aaa;text-align:center;font-size:12px}
  body.mobile-layout .mobile-empty-icon{font-size:52px;line-height:1;color:#aaa;margin-bottom:12px;filter:grayscale(1)}

  /* Notifications: 3 reference tabs on mobile. */
  body.mobile-layout .notification-tabs{height:32px;flex:0 0 32px;margin:15px 14px 8px;border:1px solid #ffffff24;border-radius:6px;overflow:hidden;display:grid!important;grid-template-columns:repeat(3,1fr)}
  body.mobile-layout .notification-tab{height:31px;border-right:1px solid #ffffff1a;color:#fff;font-size:12px;background:transparent}
  body.mobile-layout .notification-tab:last-child{border-right:0}.notification-tab.active{background:#28323d}
  body.mobile-layout .notification-list{flex:1;min-height:0;overflow:auto}

  /* Self profile is a dedicated phone page. */
  body.mobile-layout .self-profile{height:100%;overflow:auto;background:#101a26}
  body.mobile-layout .v7-self-profile-card{padding-top:30px;min-height:100%;background:#101a26}
  body.mobile-layout .v7-self-avatar-wrap{width:112px;height:112px;margin:0 auto}
  body.mobile-layout .v7-self-avatar-wrap img{width:112px;height:112px;border-width:8px}
  body.mobile-layout .v7-self-gender{right:-4px;top:14px}
  body.mobile-layout .v7-self-name{font-size:16px;margin-top:8px}.v7-self-role{font-size:11px}
  body.mobile-layout .v7-self-menu{width:calc(100% - 74px);margin:43px auto 0;gap:10px}
  body.mobile-layout .v7-self-menu button{height:45px;border-radius:24px;font-size:13px;background:transparent;border:1px solid #ffffff2e;color:#bbb}

  /* Floating quick rail on the room page. */
  .mobile-quick-rail{display:none}
  body.mobile-layout:not(.mobile-panel-open) .mobile-quick-rail{
    display:flex;position:fixed;right:0;top:43%;z-index:55;width:38px;flex-direction:column;background:#151f2b;border:1px solid #ffffff1d;border-right:0;border-radius:5px 0 0 5px;overflow:hidden;box-shadow:0 6px 18px #0006;
  }
  body.mobile-layout .mobile-quick-rail button{position:relative;width:38px;min-height:46px;background:#151f2b;color:#e1e4e7;border-bottom:1px solid #ffffff17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
  body.mobile-layout .mobile-quick-rail button:last-child{border-bottom:0}
  body.mobile-layout .mobile-quick-rail b,body.mobile-layout .mobile-quick-rail span{font-size:17px;line-height:17px}
  body.mobile-layout .mobile-quick-rail small{font-size:9px;color:#cbd0d5;background:#26313c;min-width:20px;padding:1px 3px;border-radius:2px}

  /* Mobile shortcut bottom sheet. */
  .mobile-shortcut-sheet{display:none}
  body.mobile-layout .mobile-shortcut-sheet{position:fixed;z-index:190;left:0;right:0;bottom:0;height:min(310px,62dvh);background:#151f2b;border-top:1px solid #ffffff30;transform:translateY(105%);transition:transform .18s ease;display:flex;flex-direction:column;box-shadow:0 -14px 40px #0008}
  body.mobile-layout .mobile-shortcut-sheet.open{transform:translateY(0)}
  body.mobile-layout .mobile-shortcut-sheet>header{height:51px;flex:0 0 51px;display:flex;align-items:center;border-bottom:1px solid #ffffff22;padding:0 11px;gap:10px}
  body.mobile-layout .mobile-shortcut-sheet>header button{width:33px;height:42px;background:transparent;color:#aaa;font-size:22px;text-align:center}
  body.mobile-layout .mobile-shortcut-sheet>header strong{font-size:16px;color:#d5d8dc}
  body.mobile-layout .mobile-sheet-body{padding:12px 7px;display:flex;flex-direction:column;gap:8px}
  body.mobile-layout .mobile-sheet-body button{height:47px;border:1px solid #ffffff1f;border-radius:5px;background:#151f2b;color:#bfc4c9;text-align:left;padding:0 13px;font-size:13px;font-weight:600}
  body.mobile-layout.mobile-sheet-open:before{content:"";position:fixed;inset:0;z-index:180;background:#000b}

  /* Existing generic modals become true mobile pages/sheets. */
  body.mobile-layout .app-modal-overlay{z-index:170;align-items:stretch!important;padding:50px 0 0!important;background:#000b!important}
  body.mobile-layout .app-modal-overlay.open{display:flex}
  body.mobile-layout .app-modal,
  body.mobile-layout .app-modal.wide,
  body.mobile-layout .app-modal.compact{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;background:#151f2b!important}
  body.mobile-layout .app-modal-head{height:51px;flex:0 0 51px;background:#151f2b;border-color:#ffffff22}
  body.mobile-layout .app-modal-body{padding:14px 15px 66px;overflow:auto}
  body.mobile-layout .rooms-modal{width:100%;height:100%;max-height:none;border-radius:0}
  body.mobile-layout .modal-overlay{z-index:170;align-items:stretch;padding:50px 0 0}

  /* Profile panel from another user's row becomes a phone page. */
  body.mobile-layout .profile-panel{position:fixed;z-index:160;inset:50px 0 0!important;width:100%!important;height:auto;background:#151f2b}
  body.mobile-layout .profile-panel.open{display:flex}

  /* Private chat: phone-sized window, not desktop floating geometry. */
  body.mobile-layout .v7-private-window{z-index:150;left:8px!important;right:8px!important;top:72px!important;bottom:58px!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:3px;overflow:visible}
  body.mobile-layout .v7-pm-messages{min-height:0}

  /* Light mobile palette. */
  body.light-theme.mobile-layout .topbar,
  body.light-theme.mobile-layout .right-tabs,
  body.light-theme.mobile-layout .right-panel,
  body.light-theme.mobile-layout .panel-view,
  body.light-theme.mobile-layout .mobile-shortcut-sheet,
  body.light-theme.mobile-layout .mobile-shortcut-sheet>header,
  body.light-theme.mobile-layout .mobile-sheet-body button,
  body.light-theme.mobile-layout .mobile-quick-rail,
  body.light-theme.mobile-layout .mobile-quick-rail button,
  body.light-theme.mobile-layout .self-profile,
  body.light-theme.mobile-layout .v7-self-profile-card{background:#fff!important;color:#222!important;border-color:#00000018!important}
  body.light-theme.mobile-layout .right-tab{color:#777}.right-tab.mobile-selected{color:#222}
  body.light-theme.mobile-layout .room-identity.mobile-selected{border-bottom-color:#333}
  body.light-theme.mobile-layout .room-meta strong{color:#333}
  body.light-theme.mobile-layout .mobile-room-list article{border-color:#00000014;color:#333}
  body.light-theme.mobile-layout .mobile-room-list b{color:#333}.mobile-room-list small{color:#777}
  body.light-theme.mobile-layout .mobile-sheet-body button{color:#444;border-color:#00000020!important}
  body.light-theme.mobile-layout .mobile-shortcut-sheet>header strong{color:#333}
  body.light-theme.mobile-layout .mobile-quick-rail small{background:#eee;color:#555}
  body.light-theme.mobile-layout .people-tab,
  body.light-theme.mobile-layout .notification-tab{color:#444;border-color:#00000018;background:#fff}
  body.light-theme.mobile-layout .people-tab.active,
  body.light-theme.mobile-layout .notification-tab.active{background:#eef1f4}
}

/* =========================================================
   MOBILE LIGHT MESSAGE PARITY FIX v0.10.1
   The mobile DM page had a late dark background rule that
   overrode the global light theme. Keep every DM surface,
   text, divider and icon readable in light mode.
   ========================================================= */
@media (max-width:760px){
  body.light-theme.mobile-layout .panel-view[data-view="dms"],
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-view,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-list,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-messages{
    background:#fff!important;
    color:#20252a!important;
  }

  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-list-head{
    background:#fff!important;
    color:#171b1f!important;
    border-bottom-color:#dfe3e7!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-list-head strong{
    color:#171b1f!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-list-head small{
    color:#7a848e!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-list-head button,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-more{
    background:#fff!important;
    color:#65707a!important;
    border-color:#dfe3e7!important;
  }

  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-row{
    background:#fff!important;
    color:#20252a!important;
    border-bottom-color:#d9dee3!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-row:hover,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-row:active{
    background:#f5f7f8!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-row-copy b{
    color:#20252a!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-row-copy small{
    color:#69747e!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-row-side time{
    color:#7d8791!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-avatar i{
    background:#08a8e9!important;
    border-color:#fff!important;
  }

  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-chat-head{
    background:#fff!important;
    color:#20252a!important;
    border-bottom-color:#dfe3e7!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-chat-head>button{
    color:#65707a!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-chat-head>button:first-child{
    border-right-color:#e2e6ea!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-peer b{
    color:#20252a!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-peer small{
    color:#707b85!important;
  }

  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-message>div{
    background:#fff!important;
    color:#20252a!important;
    border:1px solid #e0e4e8!important;
    box-shadow:0 1px 2px #00000012!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-message.mine>div{
    background:#eaf5ff!important;
    border-color:#d2e7f7!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-message b,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-message p{
    color:#20252a!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-message time{
    color:#7e8892!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-start,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .panel-empty-state,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .mobile-empty-state{
    background:#fff!important;
    color:#717b85!important;
  }

  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-composer,
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-composer input{
    background:#fff!important;
    color:#20252a!important;
    border-color:#d6dce1!important;
  }
  body.light-theme.mobile-layout .panel-view[data-view="dms"] .dm-composer input::placeholder{
    color:#808a94!important;
    opacity:1!important;
  }

  /* Other full-screen mobile panel bodies use the same light canvas. */
  body.light-theme.mobile-layout .panel-view[data-view="users"],
  body.light-theme.mobile-layout .panel-view[data-view="notifications"],
  body.light-theme.mobile-layout .panel-view[data-view="profile"],
  body.light-theme.mobile-layout .people-list,
  body.light-theme.mobile-layout .notification-list,
  body.light-theme.mobile-layout .self-profile{
    background:#fff!important;
    color:#20252a!important;
  }
  body.light-theme.mobile-layout .notification-main{
    color:#20252a!important;
  }
  body.light-theme.mobile-layout .notification-main small,
  body.light-theme.mobile-layout .notification-main time,
  body.light-theme.mobile-layout .people-info{
    color:#727d87!important;
  }
  body.light-theme.mobile-layout .notification-row,
  body.light-theme.mobile-layout .people-row::after{
    border-color:#dfe3e7!important;
  }
}

/* =========================================================
   V3 0.12.1 - REFERANS ODA BILGI KARTI
   SohbetYeri/eSohbet room-info geometrisi. Yalniz room-card
   ve room-staff siniflarina scoped; ana V3 layout degismez.
   ========================================================= */
@media (min-width:761px){
  body:not(.mobile-layout) .app-modal.room-card{width:256px;max-width:256px;max-height:none;background:#151f2b;border-color:#ffffff21;border-radius:4px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.18)}
  body:not(.mobile-layout) .app-modal.room-card .app-modal-head{position:absolute;z-index:30;top:0;left:0;right:0;height:48px;grid-template-columns:48px 1fr 48px;border:0;background:transparent}
  body:not(.mobile-layout) .app-modal.room-card .app-modal-head h2,
  body:not(.mobile-layout) .app-modal.room-card #appModalClose{display:none}
  body:not(.mobile-layout) .app-modal.room-card #appModalBack{visibility:visible!important;width:36px;height:36px;margin:4px 0 0 4px;color:#fff;background:transparent;border:0;text-shadow:0 1px 2px #000;font-size:22px;line-height:1}
  body:not(.mobile-layout) .app-modal.room-card .app-modal-body{padding:0;overflow:hidden}
}
.reference-room-info{position:relative;background:#151f2b;color:#fff;min-height:0;font-family:Roboto,Arial,sans-serif}
.reference-room-hero{position:relative;z-index:0;height:88px;background:#151f2b url('dark_bg.png') 0 0/auto repeat;flex:0 0 auto}
.reference-room-avatar{position:relative;z-index:2;width:64px;height:64px;margin:-40px auto 0;background:#fff;border-radius:4px}
.reference-room-avatar:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:2;border:1px solid #d2d2d2;border-radius:4px}
.reference-room-avatar:after{content:'';pointer-events:none;position:absolute;left:0;right:0;top:0;height:62.5%;z-index:2;border:1px solid #bcb5ae;border-bottom:0;border-radius:4px 4px 0 0}
.reference-room-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
.reference-room-title{text-align:center;padding:2px 8px 0}
.reference-room-title h3{margin:0;color:#ffffffcc;font-size:16px;font-weight:700;line-height:20px}
.reference-room-title p{margin:2px 0 0;color:#ffffff99;font-size:11px;line-height:11px}
.reference-room-title p strong{font-weight:600}
.reference-room-owner{margin:16px 8px 0;padding:8px;display:flex;gap:8px;text-align:left;border:1px dashed #ffffff21;border-radius:8px;background:#151f2b}
.reference-room-owner>img{width:50px;height:50px;flex:0 0 50px;object-fit:cover;border-radius:50%;border:1px solid #0000001a;background:#f5f5f5}
.reference-room-owner>div{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.reference-owner-name{display:flex;max-width:100%;align-items:center;gap:4px;margin-top:4px}
.reference-owner-name b{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffcc;font-size:12.8px;line-height:13px}
.reference-owner-verified{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:#4896f3;color:#fff;font-style:normal;font-size:9px;font-weight:900}
.reference-room-owner small{margin-top:1px;color:#ffffffcc;font-size:9.6px;line-height:10px}
.reference-owner-stars{height:9px;margin:1px 0 0 -1px;color:#ffffffcc;font-size:8px;line-height:8px;letter-spacing:-1px;white-space:nowrap}
.reference-room-owner em{margin-top:4px;padding:1px 4px;border:1px solid #ffffffab;border-radius:999px;color:#ffffffab;font-size:9.6px;font-weight:700;line-height:11px;font-style:normal}
.reference-room-access{margin:16px 8px 0;padding:0 8px;display:flex;align-items:center;justify-content:flex-start;gap:4px;color:#ffffffab;font-size:12.8px;line-height:16px}
.reference-room-access svg{width:16px;height:16px;flex:0 0 16px;fill:currentColor}
.reference-room-access b{font-weight:600;color:#ffffffab}
.reference-room-access span{color:#ffffffab}
.reference-room-actions{margin:12px 8px 20px;display:flex;flex-direction:column;gap:10px}
.reference-room-actions button{box-sizing:border-box;width:100%;min-height:34px;padding:9px 25px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #2196f3;border-radius:4px;background:#151f2b;color:#2196f3;font:500 12.8px/1 Roboto,Arial,sans-serif;text-transform:uppercase;cursor:pointer;transition:background .15s ease}
.reference-room-actions button:hover{background:#192634}
.reference-room-actions button:disabled{opacity:.6;cursor:not-allowed}
.reference-room-actions button svg{width:14px;height:14px;flex:0 0 14px;fill:currentColor}
.reference-staff-empty{padding:32px 12px;text-align:center;color:#ffffff99;font-size:13px}
.reference-staff-card{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #ffffff21;border-radius:8px;background:#151f2b}
.reference-staff-card+ .reference-staff-card{margin-top:8px}
.reference-staff-card img{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover}
.reference-staff-card span{display:flex;min-width:0;flex-direction:column}
.reference-staff-card b{color:#ffffffcc;font-size:13px}
.reference-staff-card small{margin-top:3px;color:#ffffff99;font-size:11px}
.v6-staff-list.reference-real-staff section+section{margin-top:18px}
.v6-staff-list.reference-real-staff h3{margin:0 0 6px;color:#ffffff99;font-size:16px}
@media (max-width:760px){
  .app-modal.room-card .app-modal-body{padding:0}
  .reference-room-hero{height:110px}
  .reference-room-avatar{width:80px;height:80px;margin-top:-40px}
}

/* =========================================================
   V3 0.12.1-r2 - ESOHBET/SOHBETYERI ODA KARTI EXACT VISUAL
   Sadece room-card modalina scoped. Core/DB/diger V3 ekranlari yok.
   Referans desktop geometrisi: 256px kart, 88px hero, 64px avatar.
   ========================================================= */
.app-modal-overlay.open:has(.app-modal.room-card){background:#000000ba}

@media (min-width:761px){
  body:not(.mobile-layout) .app-modal.room-card{
    box-sizing:border-box!important;
    width:256px!important;
    max-width:256px!important;
    height:auto!important;
    max-height:none!important;
    border:0!important;
    border-radius:4px!important;
    overflow:hidden!important;
    background:#151f2b!important;
    box-shadow:0 12px 40px rgba(0,0,0,.18)!important;
    font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif!important;
  }
  body:not(.mobile-layout) .app-modal.room-card .app-modal-head{
    position:absolute!important;
    z-index:30!important;
    top:0!important;
    left:0!important;
    width:56px!important;
    height:56px!important;
    display:block!important;
    border:0!important;
    background:transparent!important;
    pointer-events:none!important;
  }
  body:not(.mobile-layout) .app-modal.room-card .app-modal-head h2,
  body:not(.mobile-layout) .app-modal.room-card #appModalClose{display:none!important}
  body:not(.mobile-layout) .app-modal.room-card #appModalBack{
    visibility:visible!important;
    position:absolute!important;
    left:8px!important;
    top:8px!important;
    width:36px!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#fff!important;
    font-size:0!important;
    line-height:1!important;
    text-shadow:none!important;
    pointer-events:auto!important;
  }
  body:not(.mobile-layout) .app-modal.room-card #appModalBack:hover{background:#ffffff12!important}
  body:not(.mobile-layout) .app-modal.room-card #appModalBack::before{
    content:'';
    width:8px;
    height:14px;
    margin-right:2px;
    border-left:3px solid currentColor;
    border-bottom:3px solid currentColor;
    transform:rotate(45deg);
    border-radius:1px;
  }
  body:not(.mobile-layout) .app-modal.room-card .app-modal-body{
    box-sizing:border-box!important;
    width:100%!important;
    padding:0!important;
    overflow:hidden!important;
  }
}

.reference-room-info{
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important;
  min-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#151f2b!important;
  color:#fff!important;
  font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif!important;
}
.reference-room-hero{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:88px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background-color:#151f2b!important;
  background-image:url('dark_bg.png')!important;
  background-repeat:repeat!important;
  background-position:0 0!important;
  background-size:auto!important;
}
.reference-room-avatar{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:20!important;
  width:64px!important;
  height:64px!important;
  margin:-40px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  background:#fff!important;
}
.reference-room-avatar:before{
  content:''!important;
  pointer-events:none!important;
  position:absolute!important;
  inset:0!important;
  z-index:10!important;
  border:1px solid #d2d2d2!important;
  border-radius:4px!important;
}
.reference-room-avatar:after{
  content:''!important;
  pointer-events:none!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:62.5%!important;
  z-index:10!important;
  border:1px solid #bcb5ae!important;
  border-bottom:0!important;
  border-radius:4px 4px 0 0!important;
}
.reference-room-avatar img{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:4px!important;
}
.reference-room-title{
  box-sizing:border-box!important;
  width:100%!important;
  padding:2px 8px 0!important;
  text-align:center!important;
}
.reference-room-title h3{
  margin:0!important;
  color:#ffffffcc!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:20px!important;
}
.reference-room-title p{
  margin:2px 0 0!important;
  color:#ffffff99!important;
  font-size:11.2px!important;
  font-weight:400!important;
  line-height:11.2px!important;
}
.reference-room-title p strong{font-weight:600!important;color:inherit!important}
.reference-room-owner{
  box-sizing:border-box!important;
  width:calc(100% - 16px)!important;
  min-height:68px!important;
  margin:16px 8px 0!important;
  padding:8px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  text-align:left!important;
  border:1px dashed #ffffff21!important;
  border-radius:8px!important;
  background:#151f2b!important;
}
.reference-room-owner>img{
  box-sizing:border-box!important;
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  border:1px solid #0000001a!important;
  border-radius:50%!important;
  background:#f5f5f5!important;
}
.reference-room-owner>div{
  box-sizing:border-box!important;
  min-width:0!important;
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1!important;
}
.reference-owner-name{display:flex!important;max-width:100%!important;align-items:center!important;gap:4px!important;margin-top:4px!important}
.reference-owner-name b{max-width:132px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#ffffffcc!important;font-size:12.8px!important;line-height:13px!important}
.reference-owner-verified{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:13px!important;height:13px!important;flex:0 0 13px!important;border-radius:50%!important;background:#4896f3!important;color:#fff!important;font-style:normal!important;font-size:9px!important;font-weight:900!important;line-height:13px!important}
.reference-room-owner small{margin-top:1px!important;color:#ffffffcc!important;font-size:9.6px!important;line-height:10px!important}
.reference-owner-stars{height:9px!important;margin:1px 0 0 -1px!important;color:#ffffffcc!important;font-size:8px!important;line-height:8px!important;letter-spacing:-1px!important;white-space:nowrap!important}
.reference-room-owner em{box-sizing:border-box!important;margin-top:4px!important;padding:1px 4px!important;border:1px solid #ffffffab!important;border-radius:999px!important;color:#ffffffab!important;font-size:9.6px!important;font-weight:700!important;line-height:11px!important;font-style:normal!important}
.reference-room-access{
  box-sizing:border-box!important;
  width:calc(100% - 16px)!important;
  margin:16px 8px 0!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  border:0!important;
  color:#ffffffab!important;
  font-size:12.8px!important;
  line-height:16px!important;
}
.reference-room-access svg{width:16px!important;height:16px!important;flex:0 0 16px!important;fill:currentColor!important}
.reference-room-access b{font-weight:600!important;color:#ffffffab!important}
.reference-room-access span{color:#ffffffab!important;font-size:12.8px!important;line-height:16px!important}
.reference-room-actions{
  box-sizing:border-box!important;
  width:calc(100% - 16px)!important;
  margin:12px 8px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.reference-room-actions button{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:9px 25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid #2196f3!important;
  border-radius:4px!important;
  background:#151f2b!important;
  color:#2196f3!important;
  font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif!important;
  font-size:12.8px!important;
  font-weight:500!important;
  line-height:1!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
.reference-room-actions button:hover{background:#192634!important}
.reference-room-actions button:disabled{opacity:.6!important;cursor:not-allowed!important}
.reference-room-actions button svg{width:14px!important;height:14px!important;flex:0 0 14px!important;fill:currentColor!important}

/* Mobilde mevcut tam-ekran davranisi korunur; sadece referans font zinciri kullanilir. */
@media (max-width:760px){
  .app-modal.room-card,.reference-room-info{font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif!important}
}


/* =========================================================
   V3 0.12.1-r3 - DEDICATED REFERENCE ROOM INFO CARD
   Genel app-modal sisteminden tamamen bagimsizdir.
   Desktop hedefi: 256x380 eSohbet/SohbetYeri oda karti.
   Mobilde yalniz kendi kapsami icinde viewport'a sigar.
   ========================================================= */
.tc-room-card-overlay{
  position:fixed;
  z-index:220;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  box-sizing:border-box;
  background:#000000ba;
  font-family:Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;
}
.tc-room-card{
  position:relative;
  box-sizing:border-box;
  width:256px;
  height:380px;
  max-width:calc(100vw - 16px);
  max-height:calc(100dvh - 16px);
  overflow:hidden;
  border:0;
  border-radius:4px;
  background:#151f2b;
  color:#fff;
  box-shadow:0 12px 40px rgba(0,0,0,.18);
}
.tc-room-card-hero{
  position:relative;
  width:100%;
  height:92px;
  background:#151f2b url('dark_bg.png') 0 0/auto repeat;
}
.tc-room-card-back{
  position:absolute;
  z-index:3;
  left:8px;
  top:8px;
  width:36px;
  height:36px;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  outline:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
}
.tc-room-card-back:hover{background:#ffffff12}
.tc-room-card-back span{
  display:block;
  width:9px;
  height:15px;
  margin-left:4px;
  border-left:3px solid currentColor;
  border-bottom:3px solid currentColor;
  border-radius:1px;
  transform:rotate(45deg);
}
.tc-room-card-avatar{
  position:relative;
  z-index:2;
  box-sizing:border-box;
  width:64px;
  height:64px;
  margin:-40px auto 0;
  border-radius:4px;
  background:#fff;
}
.tc-room-card-avatar::before{
  content:'';
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  border:1px solid #d2d2d2;
  border-radius:4px;
}
.tc-room-card-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
  border-radius:4px;
}
.tc-room-card-title{
  box-sizing:border-box;
  width:100%;
  padding:4px 8px 0;
  text-align:center;
}
.tc-room-card-title h3{
  margin:0;
  color:#ffffffcc;
  font-size:16px;
  font-weight:700;
  line-height:20px;
}
.tc-room-card-title p{
  margin:1px 0 0;
  color:#ffffff99;
  font-size:11.2px;
  font-weight:400;
  line-height:12px;
}
.tc-room-card-title p strong{color:inherit;font-weight:600}
.tc-room-card-owner{
  box-sizing:border-box;
  width:calc(100% - 16px);
  height:72px;
  margin:15px 8px 0;
  padding:8px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px dashed #ffffff21;
  border-radius:8px;
  background:transparent;
  text-align:left;
}
.tc-room-card-owner>img{
  box-sizing:border-box;
  width:50px;
  height:50px;
  flex:0 0 50px;
  object-fit:cover;
  border:1px solid #0000001a;
  border-radius:50%;
  background:#f5f5f5;
}
.tc-room-owner-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  line-height:1;
}
.tc-room-owner-name{
  max-width:100%;
  display:flex;
  align-items:center;
  gap:4px;
}
.tc-room-owner-name b{
  max-width:132px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#ffffffcc;
  font-size:12.8px;
  font-weight:700;
  line-height:13px;
}
.tc-room-owner-verified{
  width:13px;
  height:13px;
  flex:0 0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#4896f3;
  color:#fff;
  font-size:9px;
  font-weight:900;
  font-style:normal;
  line-height:13px;
}
.tc-room-owner-copy small{
  margin-top:1px;
  color:#ffffffcc;
  font-size:9.6px;
  line-height:10px;
}
.tc-room-owner-stars{
  height:9px;
  margin:1px 0 0 -1px;
  color:#ffffffcc;
  font-size:8px;
  line-height:8px;
  letter-spacing:-1px;
  white-space:nowrap;
}
.tc-room-owner-copy em{
  box-sizing:border-box;
  margin-top:4px;
  padding:1px 4px;
  border:1px solid #ffffffab;
  border-radius:999px;
  color:#ffffffab;
  font-size:9.6px;
  font-weight:700;
  font-style:normal;
  line-height:11px;
}
.tc-room-card-access{
  box-sizing:border-box;
  width:calc(100% - 16px);
  height:20px;
  margin:15px 8px 0;
  padding:0 8px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  color:#ffffffab;
  font-size:12.8px;
  line-height:16px;
}
.tc-room-card-access svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:currentColor;
}
.tc-room-card-access b{color:inherit;font-weight:600}
.tc-room-card-access span{color:inherit;font-size:inherit;line-height:inherit}
.tc-room-card-actions{
  box-sizing:border-box;
  width:calc(100% - 16px);
  margin:11px 8px 0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.tc-room-card-actions button{
  box-sizing:border-box;
  width:100%;
  height:37px;
  min-height:37px;
  margin:0;
  padding:0 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid #2196f3;
  border-radius:4px;
  outline:0;
  background:#151f2b;
  color:#2196f3;
  font:500 12.8px/1 Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:none;
}
.tc-room-card-actions button:hover{background:#192634}
.tc-room-card-actions button:disabled{opacity:.6;cursor:not-allowed}
.tc-room-card-actions button svg{
  width:14px;
  height:14px;
  flex:0 0 14px;
  fill:currentColor;
}
@media (max-width:760px){
  .tc-room-card-overlay{z-index:220;padding:8px}
  .tc-room-card{width:min(256px,calc(100vw - 16px));height:380px;max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain}
}

/* TALKCHAT_V0123_REFERENCE_STATUS_MEMBER_ROOMS */
.tc-status-room-list{flex:0 0 auto;max-height:30vh;overflow-y:auto;overscroll-behavior:contain;background:#101a26;border-bottom:1px solid #ffffff21;scrollbar-width:thin;scrollbar-color:#52575b transparent}
.tc-status-room-list[hidden],.tc-status-room-list:empty{display:none!important}
.tc-status-room-row{min-height:53px;display:flex;align-items:flex-end;padding:0 12px 8px;border-bottom:1px solid #ffffff21;transition:background .12s ease}
.tc-status-room-row:last-child{border-bottom:0}
.tc-status-room-row:hover{background:#ffffff05}
.tc-status-room-main{min-width:0;flex:1;background:transparent;color:#fff;text-align:left;cursor:pointer;display:block;padding:0}
.tc-status-room-main:disabled{cursor:default}
.tc-status-room-main>span{display:flex;min-width:0;flex-direction:column}
.tc-status-room-main b{font-size:.9rem;line-height:1.05;color:#ffffffde;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-status-room-main small{font-size:.8rem;line-height:1;margin-top:4px;color:#9e9e9e}
.tc-status-room-actions{display:flex;align-items:center;gap:6px;flex:none}
.tc-status-room-gear{width:36px;height:36px;border:1px solid #ffffff21;border-radius:6px;background:transparent;color:#ffffffab;display:grid;place-items:center;cursor:pointer;font-size:13px}
.tc-status-room-gear:hover{background:#252f3b;color:#fff}
.tc-status-room-loading,.tc-status-room-empty{min-height:44px;display:flex;align-items:center;padding:0 12px;color:#9e9e9e;font-size:.72rem;border-bottom:1px solid #ffffff12}
.status-actions button:nth-child(2) .icon-svg{transition:transform .14s ease}
.status-actions button:nth-child(2).tc-status-rooms-open .icon-svg{transform:rotate(180deg)}
body.light-theme .tc-status-room-list{background:#fff;border-color:#00000012}
body.light-theme .tc-status-room-row{border-color:#00000012}
body.light-theme .tc-status-room-row:hover{background:#00000005}
body.light-theme .tc-status-room-main{color:#222}
body.light-theme .tc-status-room-main b{color:#212121}
body.light-theme .tc-status-room-main small{color:#777}
body.light-theme .tc-status-room-gear{border-color:#00000018;color:#777}
body.light-theme .tc-status-room-gear:hover{background:#f5f5f5;color:#333}
@media(max-width:760px){.tc-status-room-list{display:none!important}}


/* TALKCHAT_V0130_REFERENCE_ROOM_SETTINGS_COMPLETE */
.v6-voice-message-real{appearance:none;border:0;background:transparent;color:inherit;padding:0;font:inherit;text-align:left;cursor:pointer}
.v6-message-caption{margin-top:6px;white-space:pre-wrap;word-break:break-word}

/* TalkChat V3 0.16.2 - avatar propagation acceptance */
.tc-follow-request{cursor:default}
.tc-follow-request>span[data-note-profile],.tc-follow-request>img{cursor:pointer}
.tc-follow-request>div{align-items:center;flex-wrap:wrap}
.tc-follow-request>div button{min-width:72px;font-weight:600;opacity:1}
.tc-follow-request>div button.accept{background:#168ad0}
.tc-follow-request>div button:disabled{opacity:.55;cursor:wait}
.tc-follow-request.is-read{opacity:.82}


/* TALKCHAT_V0171_ROOM_CHAT_REFERENCE_FIX */
.message-stage{padding-left:10px;padding-right:10px}
.message-row{width:100%;max-width:none;gap:0;margin-bottom:2px}
.msg-avatar-spacer{width:30px;height:1px;flex:none;margin-right:5px}
.message-row.is-continuation{margin-top:0}
.message-bubble{max-width:60%;padding:4px 6px 5px;border-radius:.4rem;overflow:hidden}
.message-user{font-size:12px;line-height:12px;margin-bottom:2px;letter-spacing:0}
.message-line{display:flex;align-items:flex-end;gap:16px;min-width:0}
.message-copy{flex:1 1 auto;min-width:0;font-size:.8rem;line-height:1.15;letter-spacing:.7px;overflow-wrap:anywhere}
.message-bubble time{position:static;right:auto;bottom:auto;flex:none;font-size:.5rem;line-height:1;text-transform:uppercase;letter-spacing:.7px;transform:translateY(1px);color:#ffffff66}
.typing-chip{height:19px;flex:0 0 19px;min-width:0;display:flex;align-items:center;gap:4px;padding:1px 5px;background:#09131d;border-top:1px solid #000;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
.typing-chip::-webkit-scrollbar{display:none}
.typing-chip[hidden]{display:none!important}
.typing-user{height:17px;max-width:176px;display:inline-flex;align-items:center;gap:5px;flex:none;padding:2px 5px;border-radius:5px;background:#151f2b;color:#fff;font-size:.7rem;line-height:1}
.typing-user-name{min-width:0;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.typing-dots{display:inline-flex;align-items:center;gap:2px;flex:none}
.typing-dots i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor;animation:tcTypingBounce .9s infinite ease-in-out}
.typing-dots i:nth-child(1){animation-delay:-.30s}.typing-dots i:nth-child(2){animation-delay:-.15s}.typing-dots i:nth-child(3){animation-delay:0s}
@keyframes tcTypingBounce{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-3px);opacity:1}}
body.light-theme .typing-user{background:#fff;color:#505760;border:1px solid #00000012}
@media(max-width:767px){
  body.mobile-layout .message-stage{padding-left:7px;padding-right:7px}
  body.mobile-layout .message-row{max-width:none}
  body.mobile-layout .message-bubble{max-width:80%;padding:5px 6px 6px}
  body.mobile-layout .message-line{gap:10px}
  body.mobile-layout .typing-chip{height:18px;flex-basis:18px;padding-left:4px}
  body.mobile-layout .typing-user{height:16px;max-width:145px;font-size:.66rem;padding:2px 4px}
  body.mobile-layout .typing-user-name{max-width:116px}
}


/* TALKCHAT_V0230_RANK_AUTHORITY_VISUAL_REFERENCE */
.tc-role-staff.user-row .user-name,
.tc-role-staff.user-row .user-role,
.tc-role-staff.people-row .people-copy b,
.tc-role-staff.people-row .people-copy small,
.profile-name.tc-role-staff,
.profile-role.tc-role-staff,
.v7-self-name.tc-role-staff,
.v7-self-role.tc-role-staff,
.message-row.tc-role-staff .message-user,
.typing-user-name.tc-role-staff{color:var(--tc-role-dark,#ff5252)!important}
body.light-theme .tc-role-staff.user-row .user-name,
body.light-theme .tc-role-staff.user-row .user-role,
body.light-theme .tc-role-staff.people-row .people-copy b,
body.light-theme .tc-role-staff.people-row .people-copy small,
body.light-theme .profile-name.tc-role-staff,
body.light-theme .profile-role.tc-role-staff,
body.light-theme .v7-self-name.tc-role-staff,
body.light-theme .v7-self-role.tc-role-staff,
body.light-theme .message-row.tc-role-staff .message-user,
body.light-theme .typing-user-name.tc-role-staff{color:var(--tc-role-light,#d32f2f)!important}
/* Rank color belongs to the identity/nickname. User-selected room message body colors remain independent. */


/* TALKCHAT_HAYAL_V0243_BLUE_VERIFICATION */
.user-name-line,.people-name-line,.profile-name{display:flex;align-items:center;gap:4px;min-width:0}
.user-name-line{max-width:calc(100% - 4px)}
.user-name-line .user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-name-line{max-width:100%}.people-name-line b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-name{justify-content:center}
.profile-name.tc-role-staff{color:var(--tc-role-dark,#ff5252)}
.tc-verified-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;min-width:14px;vertical-align:middle;flex:none;line-height:1}
.tc-verified-badge img{display:block;width:14px;height:14px;max-width:none!important;border:0!important;border-radius:0!important;object-fit:contain!important;box-shadow:none!important;background:transparent!important}
.profile-name .tc-verified-badge{width:16px;height:16px;min-width:16px}.profile-name .tc-verified-badge img{width:16px;height:16px}
.tc-verified-label{color:#1d9bf0!important;font-weight:700!important;white-space:nowrap}
.user-role .tc-verified-label,.people-copy small .tc-verified-label,.profile-role .tc-verified-label{font-size:inherit}
body.light-theme .tc-verified-label{color:#168ad1!important}
@media (max-width:760px){.tc-verified-badge{width:13px;height:13px;min-width:13px}.tc-verified-badge img{width:13px;height:13px}.profile-name .tc-verified-badge,.profile-name .tc-verified-badge img{width:15px;height:15px;min-width:15px}}


/* TALKCHAT_HAYAL_V0244_VERIFIED_SVG_START */
.tc-verified-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
  margin-left:1px!important;
  vertical-align:middle!important;
  line-height:1!important;
  transform:translateY(-.5px);
  cursor:help;
}
.tc-verified-badge img{
  display:block!important;
  width:15px!important;
  height:15px!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  box-shadow:none!important;
  background:transparent!important;
}
.profile-name .tc-verified-badge{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  flex-basis:17px!important;
}
.profile-name .tc-verified-badge img{
  width:17px!important;
  height:17px!important;
}
.tc-verified-label{
  display:none!important;
}
@media (max-width:760px){
  .tc-verified-badge{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    flex-basis:14px!important;
  }
  .tc-verified-badge img{
    width:14px!important;
    height:14px!important;
  }
  .profile-name .tc-verified-badge,
  .profile-name .tc-verified-badge img{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
  }
}
/* TALKCHAT_HAYAL_V0244_VERIFIED_SVG_END */


/* TALKCHAT_HAYAL_V0245_VERIFIED_LIST_ALIGNMENT_START */

/*
 * Kullanıcı listesindeki nickname'in eski 58px padding'i
 * rozeti nickname'den uzağa itiyordu.
 *
 * Padding'i isimden kaldırıyoruz, gerekli sağ boşluğu
 * tüm isim+rozet satırına veriyoruz.
 */

.user-row .user-name-line {
    display: inline-flex !important;
    align-items: center !important;

    gap: 2px !important;

    width: fit-content !important;
    max-width: calc(100% - 58px) !important;

    flex: 0 1 auto !important;
}

.user-row .user-name-line .user-name {
    padding-right: 0 !important;

    min-width: 0 !important;
    max-width: 100% !important;

    flex: 0 1 auto !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Yalnız oda kullanıcı listesindeki rozet biraz büyüyor. */
.user-row .user-name-line .tc-verified-badge {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;

    margin-left: 1px !important;

    transform: translateY(-0.5px) !important;
}

.user-row .user-name-line .tc-verified-badge img {
    width: 16px !important;
    height: 16px !important;
}

/* Mobilde de nickname'e yapışık; sadece çok hafif küçülür. */
@media (max-width:760px) {
    body.mobile-layout .user-row .user-name-line {
        gap: 2px !important;
    }

    body.mobile-layout .user-row .user-name-line .tc-verified-badge,
    body.mobile-layout .user-row .user-name-line .tc-verified-badge img {
        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
    }
}

/* TALKCHAT_HAYAL_V0245_VERIFIED_LIST_ALIGNMENT_END */

/* TALKCHAT_HAYAL_V0247_PRIVATE_MESSAGE_DELETE_START */

.v7-pm-head{
  grid-template-columns:40px 40px 1fr 36px 36px!important;
}

.v7-pm-more{
  font-size:20px!important;
  font-weight:700!important;
  line-height:1!important;
}

.v7-pm-bubble[data-tc-pm-message-id]{
  cursor:context-menu;
}

.v7-pm-action-menu{
  position:fixed;
  z-index:2147483600;
  width:172px;
  padding:5px;
  border:1px solid #ffffff24;
  border-radius:5px;
  background:#151f2b;
  box-shadow:0 12px 32px #000b;
}

.v7-pm-action-menu button{
  display:block;
  width:100%;
  min-height:36px;
  padding:0 10px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#e7edf4;
  text-align:left;
  font-size:.72rem;
  cursor:pointer;
}

.v7-pm-action-menu button:hover{
  background:#ffffff0c;
}

.v7-pm-action-menu button.danger{
  color:#ef5350;
}

body.light-theme .v7-pm-action-menu{
  background:#fff;
  border-color:#d8dde2;
  box-shadow:0 12px 32px #0003;
}

body.light-theme .v7-pm-action-menu button{
  color:#20242a;
}

body.light-theme .v7-pm-action-menu button.danger{
  color:#d32f2f;
}

@media(max-width:760px){
  .v7-pm-head{
    grid-template-columns:40px 40px 1fr 36px 36px!important;
  }

  .v7-pm-action-menu{
    width:168px;
  }
}

/* TALKCHAT_HAYAL_V0247_PRIVATE_MESSAGE_DELETE_END */


/* TALKCHAT_HAYAL_V0248_MOBILE_CHAT_LONGPRESS_START */
@media(max-width:760px),(pointer:coarse){
  .context-menu.chat-shortcut-menu.mobile-longpress.open{
    display:flex!important;
    flex-direction:column!important;
    width:188px!important;
    max-width:calc(100vw - 16px)!important;
    touch-action:manipulation;
  }

  .context-menu.chat-shortcut-menu.mobile-longpress button{
    min-height:34px!important;
    height:34px!important;
  }
}
/* TALKCHAT_HAYAL_V0248_MOBILE_CHAT_LONGPRESS_END */


/* TALKCHAT_HAYAL_V0249_MODERATION_NOTICE_START */
.room-notice.moderation-notice{
  display:inline-flex;
  align-items:center;
  max-width:calc(100% - 46px);
  margin:3px 8px 5px 32px;
  padding:5px 9px;
  border:1px solid rgba(84,160,220,.34);
  border-radius:4px;
  background:rgba(18,31,44,.78);
  color:rgba(235,244,252,.82);
  box-shadow:none;
  font-size:11px;
  font-weight:500;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.light-theme .room-notice.moderation-notice{
  background:rgba(247,250,252,.94);
  color:#45515d;
  border-color:rgba(62,122,170,.28);
  box-shadow:none;
}
@media(max-width:760px){
  body.mobile-layout .room-notice.moderation-notice{
    max-width:calc(100% - 44px);
    margin-left:36px;
    margin-right:8px;
    padding:5px 8px;
    font-size:10px;
  }
}
/* TALKCHAT_HAYAL_V0249_MODERATION_NOTICE_END */


/* TALKCHAT_HAYAL_V0252_ROOM_PRESENCE_NOTICE_START */
.room-notice.presence-notice{
  display:inline-flex;
  align-items:center;
  max-width:calc(100% - 46px);
  margin:3px 8px 5px 32px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:4px;
  background:rgba(18,31,44,.74);
  box-shadow:none;
  font-size:11px;
  font-weight:500;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
.room-notice.presence-notice.presence-join{
  color:#dce98c;
  border-color:rgba(197,216,92,.46);
  background:rgba(55,64,24,.42);
}
.room-notice.presence-notice.presence-leave{
  color:#e3b494;
  border-color:rgba(209,139,93,.38);
  background:rgba(61,37,28,.34);
}
body.light-theme .room-notice.presence-notice{
  background:rgba(249,251,246,.95);
}
body.light-theme .room-notice.presence-notice.presence-join{
  color:#64701f;
  border-color:rgba(132,153,42,.40);
  background:rgba(246,249,226,.96);
}
body.light-theme .room-notice.presence-notice.presence-leave{
  color:#955b37;
  border-color:rgba(181,108,62,.34);
  background:rgba(252,242,235,.96);
}
@media(max-width:760px){
  body.mobile-layout .room-notice.presence-notice{
    max-width:calc(100% - 44px);
    margin-left:36px;
    margin-right:8px;
    padding:5px 8px;
    font-size:10px;
  }
}
/* TALKCHAT_HAYAL_V0252_ROOM_PRESENCE_NOTICE_END */