.main_post_button {
    display: inline-flex;
    vertical-align: middle;
    float: left;
}

/* BUTON GENEL */
.yayinagec-btn{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    height: 28px;
    background: #d1fae5;
    color: #047857;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    transition: all .2s ease;
}

/* İKON */
.yayinagec-btn i{
    font-size: 13px;
    color: #047857;
    transition: color .2s ease;
}

/* YAZI */
.yayinagec-btn span{
    font-size: 11px;
    color: #047857;
    transition: color .2s ease;
}

/* HOVER */
.yayinagec-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    height: 28px;
    background: #1fa15e;
    color: #ffffff;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    transition: all .2s ease;
}



.yayinibirak-btn {
    background: #5c63c3;
    color: #ffffff;
    border-radius: 50px;
    padding: 6px;
}

.istekac-btn {
    background: #b16e0b;
    color: #ffffff;
    border-radius: 50px;
    padding: 6px;
}


.istekkapat-btn {
    background: #e03b3b;
    color: #ffffff;
    border-radius: 50px;
    padding: 6px;
}

.djekibi-btn {
    background:#e03bb4;
    color: #ffffff;
    border-radius: 50px;
    padding: 6px;
}

.istekgonder-btn {
    background: #47c922;
    color: #ffffff;
    border-radius: 50px;
    padding: 6px;
}



/* DJ Sistem Konteyner */
.djsistem {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px;
    border-radius: 50px;
}

/* DJ Sistem Butonları */
.djsistem .istek_button{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 999px;
    line-height: 26px;
    white-space: nowrap;
}

/* İkonlar küçültüldü */
.djsistem .istek_button i{
    font-size: 10px;
}

.iconz {
    font-size: 10px;
}

.yazilar{

   font-size: 10px;
}



.dj-buttons {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 5px;
}

.dj-btn i{
    font-size:13px;
}

/* YAYIN SAATLERİ */
.dj-btn.saatler{
    background: #d1fae5;
	border-radius:50px;
    color: #047857;
	padding:5px;

}

/* DJ PROGRAMLARI */
.dj-btn.program{
    background: #d1fae5;
    color: #047857;
	padding:5px;
		border-radius:50px;
   
}

/* DJ EKİBİ */
.dj-btn.ekip{
    background: #d1fae5;
    color: #047857;
	padding:5px;
    border-radius:50px;
}

.dj-text{
    font-size:12px;
    font-weight:600;
}

/* YAYIN SAATLERİ */
.dj-btn.saatler{
    background:#d1fae5;
    color:#047857;
}

.dj-bos {
    display: inline-flex;
    align-items: center;
    gap: 37px;
    float: right;
    margin-left: 62px;
}




.rp{/* background:#f5f6fa; */font-size:13px}

.rp-live{display:flex;align-items:center;gap:12px;padding:14px 16px;background: linear-gradient(135deg, #3f3f3f 0%, #1ca5b9 100%);color:#fff;position:relative;overflow:hidden}
.rp-live::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:rgba(255,255,255,.1);border-radius:50%}
.rp-live::after{content:'';position:absolute;bottom:-40px;left:20px;width:80px;height:80px;background:rgba(255,255,255,.05);border-radius:50%}
.live-dot{width:10px;height:10px;background:#4ade80;border-radius:50%;animation:blink 1s infinite;box-shadow:0 0 10px #4ade80}
@keyframes blink{50%{opacity:.4}}

.live-av-wrap{position:relative;width:44px;height:44px;flex-shrink:0}
.live-av{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 2px 12px rgba(0,0,0,.3);position:relative;z-index:2}
.wave-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.4);border-radius:50%;animation:wave-pulse 2s ease-out infinite}
.wave-ring.r1{width:54px;height:54px;animation-delay:0s}
.wave-ring.r2{width:64px;height:64px;animation-delay:.4s}
.wave-ring.r3{width:74px;height:74px;animation-delay:.8s}
@keyframes wave-pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}

.live-info{flex:1;position:relative;z-index:1}
.live-info .dj-nick{display:block;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align: center;}
.live-info .live-text{display: block;ck; */opacity:.95;font-size:11px;font-weight:600;animation:pulse-text 2s ease-in-out infinite;letter-spacing:.5px;text-align: center;}
@keyframes pulse-text{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}
.live-stats{display:flex;gap:12px;font-size:12px}
.live-stats i{font-size:10px;opacity:.7;margin-right:3px}

.rp-off{display:flex;align-items:center;gap:12px;padding:20px 16px;color:#94a3b8;background:#fff}
.rp-off i{font-size:20px;opacity:.5}

.rp-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;background: #0c0c0c;border-bottom:1px solid #eee;border-radius:5px;}
.rp-actions a{display:inline-flex;align-items:center;gap:6px;padding: 8px 9px;background: #595959;color:#475569;border-radius:8px;cursor:pointer;font-size:12px;transition:all .2s;font-weight:500}
 
.rp-actions a i{font-size:11px;opacity:.8}
.rp-actions a.go{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;box-shadow:0 2px 10px rgba(139,92,246,.3)}
 

.rp-req{background: #000000;border-radius: 10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.req-head{padding:12px 14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;font-size:12px;color:#64748b;font-weight:600}
.req-head i{margin-right:8px;font-size:11px;color:#667eea}
.req-body{display:flex;gap:10px;padding: 12px;}
.req-body textarea{flex:1;border: 1px solid #525a67;border-radius:8px;padding:10px 12px;font-size:13px;resize:none;min-height:40px;outline:none;transition:border .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.req-body textarea:focus{border-color:#667eea;/* box-shadow:0 0 0 3px rgba(102,126,234,.1); */}
.req-body button{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 
.req-body button i{font-size:13px}

.rp-warn{display:flex;align-items:center;gap:10px;margin:0 12px 12px;padding:12px 14px;background:linear-gradient(135deg,#fef3c7,#fef9c3);color:#92400e;border-radius:8px;font-size:12px;border:1px solid #fde68a}
.rp-warn i{font-size:12px}

.rp-queue{background:#fff;margin:12px;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.q-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #eee;background:#fafbfc}
.q-head>span{color:#64748b;font-size:12px;font-weight:600}
.q-head i{font-size:10px;margin-right:6px}
.q-tabs{display:flex;gap:4px}
.q-tabs em{padding:4px 8px;font-size:11px;color:#94a3b8;background:#f1f5f9;border-radius:4px;cursor:pointer;font-style:normal}
.q-tabs em:hover{color:#64748b}
.q-tabs em.active{background:#667eea;color:#fff}
.q-list{overflow-y:auto}
.q-list:empty::after{content:"Henüz istek yok";display:block;padding:24px;text-align:center;color:#cbd5e1;font-size:12px}


/* DJ ismi neon/parlayan efekt */
.djozelisim {
    font-weight: 900;
    font-size: 2em;
    /* text-transform: uppercase; */
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px; /* GIF ve metin arası boşluk */
    text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff;
    animation: neonGlow 1.5s ease-in-out infinite alternate;
}

/* Mini GIF stil */
.dj-gif {
    width: 30px;  /* Küçük boyut */
    height: 30px;
}

/* Neon parlayan animasyon */
@keyframes neonGlow {
    0% { text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff; }
    50% { text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff; }
    100% { text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff; }
}