/* SohbetChat.live / TamSohbet - approved crimson + black visual language */
:root{--sc-red:#ee1335;--sc-strong:#a70020;--sc-black:#13090d;--sc-dark:#260a13;--sc-border:#8b2439;--sc-white:#fff;}
*,*::before,*::after{box-sizing:border-box;}
html{max-width:100%;scrollbar-gutter:auto}
body{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:hidden;background:radial-gradient(ellipse 80% 42% at 60% 25%,#870e24 0%,#2b0713 58%,#12080c 100%) fixed;color:#fff;}
img,svg{max-width:100%;height:auto}
.row,.container,.container-fluid,.main-content,.main-row,.main-col,.sohbetkismi,.chat-content,.chat-cell,.chat-editor,.login-bar,.login-content{min-width:0;}
.sc-brandbar{height:104px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px clamp(14px,3vw,42px);background:linear-gradient(155deg,#23080e,#10070a 65%,#3c0514);border-bottom:3px solid #e31a3b;box-shadow:0 7px 28px #0008;position:relative;z-index:12;isolation:isolate;}
.sc-brandbar::after{content:'';position:absolute;inset:auto 0 -15px;height:13px;background:linear-gradient(90deg,#f6092e,#660418,#f6092e);clip-path:polygon(0 0,10% 30%,27% 98%,44% 24%,64% 0,79% 76%,100% 0,100% 36%,0 100%);pointer-events:none;}
.sc-brand{width:clamp(190px,26vw,310px);flex-shrink:1;display:flex;align-items:center;min-width:0;}
.sc-brand img{display:block;width:100%;height:auto;max-height:79px;}
.sc-brand-slogan{font-size:clamp(9px,1.2vw,15px);font-weight:700;letter-spacing:.26em;color:#ffdee4;text-align:center;white-space:normal;}
.sc-brand-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;}
.sc-chip{display:inline-block;padding:10px 21px;color:#fff;font-size:19px;font-weight:800;font-style:italic;border-radius:12px;background:linear-gradient(180deg,#fe2344,#ae001a);border:1px solid #ff6b80;box-shadow:0 2px 20px #e70838aa;}
.sc-users-toggle{display:none;background:#aa0525;color:white;border:1px solid #ff4964;border-radius:10px;padding:9px 10px;font-weight:700;cursor:pointer}
.basliyoruz{min-width:0;max-width:100%;}
/* Login visual. Existing #IRCBaglanti form and all JS selectors remain unchanged. */
.login-bar{display:grid;grid-template-columns:minmax(244px,290px) minmax(300px,1fr) minmax(180px,240px);gap:10px;max-width:1520px!important;width:calc(100% - 40px);margin:34px auto 22px!important;padding:12px;background:linear-gradient(145deg,#3c0b16,#16090d 75%)!important;border:1px solid #f52848;border-radius:23px;box-shadow:0 22px 60px #0007,0 0 0 6px #450d1970;overflow:hidden;align-items:stretch;}
.sc-login-left{min-width:0;display:flex;flex-direction:column;background:linear-gradient(155deg,#7e0c22,#26090f 50%,#16090c);border:1px solid #b3233d;border-radius:17px;overflow:hidden;}
.login-bar .login-title{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:18px 12px 12px;font-size:20px;color:#fff;background:linear-gradient(180deg,#c90027,#650619);border-bottom:2px solid #ff4a60;}
.sc-card-logo{width:min(220px,94%);height:auto;}
.login-bar .login-content{padding:18px!important;flex:1;background:transparent;}
.login-bar .login-content .lc-text1{font-size:14px;margin:0 0 15px!important;color:#ffcad2;}
.login-bar .login-content .lc-col{margin-top:13px;}
#IRCBaglanti .lc-col .row{display:flex;flex-wrap:nowrap;min-width:0;}
#IRCBaglanti .lc-col .col-3{flex:0 0 48px;max-width:48px;width:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#aa1432,#610b20);border:1px solid #db3953;border-right:none;border-radius:10px 0 0 10px;min-width:0;}
#IRCBaglanti .lc-col .col-3 i{display:none!important;}
#IRCBaglanti .lc-col:nth-child(1) .col-3::after{content:'👤';font-size:22px;}
#IRCBaglanti .lc-col:nth-child(2) .col-3::after{content:'🔑';font-size:21px;}
#IRCBaglanti .lc-col .col-9{flex:1 1 0;max-width:calc(100% - 48px);min-width:0;}
.login-bar .login-content .lc-col .login-input{height:48px;line-height:normal;padding:0 13px;border:1px solid #d75b72;border-radius:0 10px 10px 0;background:#fff;font-size:14px;font-weight:600;color:#231016;max-width:100%;}
.login-bar .login-content .lc-col .login-button{height:56px;line-height:normal;padding:6px 8px;border-radius:12px;border:1px solid #ff6277;background:linear-gradient(175deg,#ff2949,#b50024);box-shadow:0 6px 20px #0005;font-size:18px;}
.login-bar .login-content .lc-col .login-button:hover{background:linear-gradient(175deg,#ff4965,#d2002a);}
.login-bar .login-content .lc-text2{font-size:11px;color:#ffdbe0;}
.login-eski{background:#25141b;border:1px solid #863044;border-radius:10px;white-space:normal;}
.sc-preview{min-height:505px;background:linear-gradient(180deg,#f7f6f8,#fff 65%,#f9ebef);border:1px solid #ff3d5c;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;color:#301115;}
.sc-preview-head{padding:17px 20px;background:linear-gradient(110deg,#a60024,#240b11);color:#fff;font-weight:800;font-size:18px;}
.sc-preview-head small{font-size:10px;opacity:.75;float:right;font-weight:500;margin-top:6px;}
.sc-dot{display:inline-block;width:9px;height:9px;border-radius:100%;background:#ff647a;box-shadow:0 0 0 4px #ff456640;margin-right:9px;}
.sc-preview-messages{position:relative;flex:1;padding:22px 20px;background:linear-gradient(160deg,transparent 35%,#ffe9ed 100%);overflow:hidden;}
.sc-preview-messages p{font-size:clamp(12px,1.2vw,16px);line-height:1.6;margin:4px 0;color:#3a191d;position:relative;z-index:1;overflow-wrap:anywhere;}
.sc-preview-messages b,.sc-preview-messages strong{color:#c40025;}
.sc-preview-watermark{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);opacity:.1;filter:grayscale(1);pointer-events:none;}
.sc-preview-input{height:52px;margin:7px;display:flex;justify-content:space-between;align-items:center;padding-left:16px;border:1px solid #d1c6c9;border-radius:12px;color:#8b8084;font-size:13px;}
.sc-preview-input b{height:100%;min-width:54px;background:#e4002d;color:#fff;display:grid;place-items:center;border-radius:10px;font-size:20px;}
.sc-login-benefits{min-width:0;min-height:0;border:1px solid #e7294c;background:linear-gradient(155deg,#310b13,#12090c);border-radius:16px;overflow:hidden;padding:0 14px 15px;display:flex;flex-direction:column;gap:9px;}
.sc-benefits-title{background:linear-gradient(180deg,#e71a3b,#88051f);margin:0 -14px 15px;padding:18px 10px;font-size:18px;font-weight:800;text-align:center;}
.sc-benefits-art{display:flex;align-items:center;justify-content:center;flex:1;min-height:70px;}
.sc-login-benefits p{margin:0;padding:11px 10px;background:#390d1a;border:1px solid #6e2638;border-radius:10px;font-weight:700;font-size:13px;white-space:normal;}
.sc-login-benefits small{color:#e9bfc7;line-height:1.5;}
/* Actual IRC interface: preserve message handlers, IDs, radio, channels, notices. */
#chat{max-width:100%;min-width:0;}
.sohbetkismi{margin:18px 14px 28px;border:1px solid var(--sc-red);border-radius:16px;overflow:hidden;box-shadow:0 15px 50px #0006;background:#fff;}
.chat-ust{background:#2a0a12;}
.chat-ust .row{max-width:100%;}
.chat-ust>.row{height:auto;min-height:50px;}
.menu-one ul li a,.radio-but{background:#610b21;color:white;}
.menu-one ul li a:hover{background:#a9052b;color:white;}
.s-genel-bar .text-2,#sayi{color:#fff;}
.main-content{background:#fff;min-width:0;}
.main-content .main-row{max-width:100%;width:100%;min-width:0;}
.main-content .main-row .main-col:nth-child(1){min-width:0;}
.main-content .main-row .main-col:nth-child(2),.main-content .main-row .main-col:nth-child(3){border-color:#e9d8dd;min-width:0;}
.chat-content{background-image:url('../images/logo.png')!important;background-position:right 24px top 70px!important;background-repeat:no-repeat!important;background-size:clamp(140px,20vw,300px) auto!important;}
.chat-editor{background:#fff;border-color:#e7c7d0;}
.chat-editor input{min-width:0;}
.chat-editor .send-button,.sendbutton{background:#e6173b!important;color:#fff!important;border-radius:8px;}
.m-topic,.chat-content .m-topic{color:#5d1c2a;}
.m-topic{border-color:#e9c6d1;background:#fff;}
#sagtaraf{min-width:0;}
#chatListUser,#chatListKanal,.user-lists{overflow-wrap:anywhere;}
#chat .mob-top-menu{background:#380c19;}
#chat .mob-top-menu .mob-channel-title{background-color:#560d21;border-color:#79263a;}
#chat .chat-panelimiz{overflow-wrap:anywhere;word-break:break-word;}
/* Footer accent, without affecting original IRC message flow */
.sc-security-note{max-width:1300px;margin:0 auto 26px;color:#ffdce5;text-align:center;font-size:12px;padding:0 18px;}
@media(max-width:1100px){.login-bar{grid-template-columns:minmax(220px,300px) minmax(290px,1fr);}.sc-login-benefits{display:none;}.sc-brand-slogan{letter-spacing:.14em;}}
@media(max-width:720px){
 body{min-width:0!important;overflow-x:hidden!important;}
 .sc-brandbar{height:72px;padding:6px 10px;gap:6px;}
 .sc-brand{width:min(52vw,210px);flex:0 1 auto;}
 .sc-brand-slogan{display:none;}
 .sc-chip{font-size:12px;padding:7px 8px;border-radius:8px;}
 .sc-brand-actions{gap:5px;}
 .sc-users-toggle{font-size:11px;padding:7px;}
 body.sc-connected .sc-users-toggle{display:block;}
 .login-bar{grid-template-columns:minmax(0,1fr);width:calc(100% - 22px);margin:24px auto!important;padding:7px;border-radius:17px;gap:8px;}
 .sc-login-left{width:100%;max-width:100%;}
 .login-bar .login-title{padding:10px 8px;gap:1px;}
 .sc-card-logo{width:min(185px,80%)}
 .login-bar .login-content{padding:14px!important;}
 .login-bar .login-content .lc-col .login-input{font-size:16px;height:46px;}
 .login-bar .login-content .lc-col{margin-top:10px;}
 .login-bar .login-content .lc-col .login-button{height:49px;}
 .sc-preview{min-height:145px;max-height:170px;}
 .sc-preview-head{padding:9px 12px;font-size:13px;}
 .sc-preview-head small{font-size:10px;margin-top:0;}
 .sc-preview-messages{padding:9px 13px;}
 .sc-preview-messages p{font-size:10px;line-height:1.25;margin:3px 0;}
 .sc-preview-messages p:nth-child(n+5){display:none;}
 .sc-preview-input{display:none;}
 .sohbetkismi{margin:13px 5px 9px;border-radius:10px;overflow:visible;}
 .main-content,.main-row{width:100%;max-width:100%;min-width:0;}
 .main-content .main-row .main-col:nth-child(1){width:100%!important;max-width:100%!important;min-width:0;flex:0 0 100%;}
 .main-content .main-row .main-col:nth-child(2){display:none!important;}
 .main-content .main-row .main-col:nth-child(3){display:none!important;}
 .chat-editor{max-width:100vw!important;width:100%!important;bottom:0;left:0;position:fixed;z-index:15;}
 .chat-editor .ce-bot .inputdiv,.chat-editor .ce-bot{min-width:0;}
 .chat-editor input{font-size:16px;min-width:0;}
 .chat-content{background-size:125px auto!important;background-position:right 8px top 65px!important;max-width:100%;}
 .chat-ust{border-radius:9px 9px 0 0;}
 .mob-top-menu>.row{margin:0!important;display:flex;flex-wrap:nowrap;min-width:0;}
 .mob-top-menu>.row>[class*=col]{min-width:0;flex-shrink:1;padding:0 2px;}
 .mob-top-menu .mob-channel-title{padding:0 6px!important;font-size:11px;background-position:right 3px center!important;}
 .mob-top-menu .om-text1{font-size:10px;}
 .mob-top-menu .col-2{flex:0 0 16.666%;max-width:16.666%;}
 .mob-top-menu .col-4{flex:0 0 27%;max-width:27%;}
 .mob-top-menu .col-5{flex:1 1 25%;max-width:36%;}
 /* Mobile user list drawer, opened through top button */
 body.sc-users-open .main-content .main-row .main-col:nth-child(2){display:block!important;width:min(320px,87vw)!important;max-width:87vw!important;position:fixed!important;z-index:30;right:0;top:74px;bottom:0;background:#fff;box-shadow:-10px 0 30px #0008;overflow:auto;flex:none!important;}
 .sc-mobile-backdrop{display:none;}
 body.sc-users-open .sc-mobile-backdrop{display:block;position:fixed;inset:72px 0 0;background:#0009;z-index:29;}
}
@media(max-width:360px){.sc-brand{width:45vw;}.sc-chip{font-size:11px;padding:5px 7px;}.sc-preview-head small{display:none;}.mob-top-menu>.row .col-5{max-width:31%;}}
@media(min-width:721px) and (max-width:991px){.login-bar{grid-template-columns:minmax(220px,300px) minmax(250px,1fr);width:calc(100% - 32px);}.sohbetkismi{margin:20px 10px;}.chat-editor{max-width:100%;}}
@media(prefers-reduced-motion:reduce){.login-bar,.sc-brandbar *{animation:none!important;transition:none!important}}
/* Keep the live chat panel usable even while the IRC resize handler is initializing. */
#chat .main-content{min-height:calc(100dvh - 210px);}
#chat .chat-content{min-height:calc(100dvh - 310px);}
#chat .chat-panelimiz{color:#2d1620;}
#chat .chat-panel .mesaj.not-blue,#chat .chat-panel .mesaj.not-blue .yazi{color:#85122a!important;}
#chat .chat-panel .mesaj.not-blue{background:#fff3f5!important;border-left:3px solid #e71b3d;padding:4px 8px;margin:4px 8px;}
@media(max-width:720px){
 #chat .main-content{min-height:calc(100dvh - 156px);}
 #chat .chat-content{min-height:calc(100dvh - 185px);}
 #chat .chat-panel .mesaj.not-blue{margin:3px 3px;padding:4px;}
 #chat .chat-editor{border-top:2px solid #e30b31;}
}