/* Bugün Benim İçin - Modal + Player UI */
.yb-modal .modal-content{background:#2f3237;color:#fff;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.yb-modal .modal-header{border-bottom:1px solid rgba(255,255,255,.10)}
.yb-modal .modal-footer{border-top:1px solid rgba(255,255,255,.10)}
.yb-modal .yb-title{font-weight:900;font-size:20px;margin:0}
.yb-modal .yb-sub{color:rgba(255,255,255,.75);font-weight:600}

.yb-chipgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:768px){.yb-chipgrid{grid-template-columns:repeat(3,minmax(0,1fr));}}

.yb-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;cursor:pointer;user-select:none;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.yb-chip:hover{background:rgba(255,255,255,.08)}
.yb-chip input{display:none}
.yb-box{width:18px;height:18px;border-radius:6px;border:2px solid rgba(255,255,255,.38);position:relative;flex:0 0 auto}
.yb-chip input:checked + .yb-box{border-color:#dc3545;background:rgba(0,0,0,.18)}
.yb-chip input:checked + .yb-box:after{content:"";position:absolute;inset:3px;border-radius:4px;background:#dc3545}
.yb-chip .yb-text{font-weight:800;color:rgba(255,255,255,.92)}

.yb-check{display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.yb-check .form-check-input{margin-top:3px}
.yb-muted{color:rgba(255,255,255,.7);font-weight:600;font-size:13px}

/* Player */
#ybBugunModal .yb-player{display:none}
#ybBugunModal .yb-player.is-show{display:block}
#ybBugunModal .yb-setup.is-hide{display:none}

.yb-playrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.yb-playbtn{width:56px;height:56px;border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;
  background:#dc3545;box-shadow:0 10px 25px rgba(220,53,69,.25)}
.yb-playbtn img{width:26px;height:26px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.yb-playbtn:disabled{opacity:.6}

.yb-wavewrap{flex:1 1 auto;min-width:240px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  border-radius:14px;padding:12px 12px 10px;position:relative;overflow:hidden}
.yb-wave{display:flex;gap:3px;align-items:flex-end;height:42px}
.yb-bar{width:3px;border-radius:4px;background:rgba(255,255,255,.55);height:10px;opacity:.95}
.yb-wave.is-speaking .yb-bar{animation: ybWave 900ms ease-in-out infinite alternate}
.yb-wave.is-speaking .yb-bar:nth-child(2n){animation-duration: 700ms}
.yb-wave.is-speaking .yb-bar:nth-child(3n){animation-duration: 620ms}
@keyframes ybWave{from{height:8px}to{height:42px}}

.yb-progress{margin-top:10px;height:6px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.yb-progress > div{height:100%;width:0%;background:#7bd0ff;border-radius:999px;transition:width .2s linear}

.yb-vol{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.yb-vol input[type=range]{width:180px}
.yb-vol .yb-volpct{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:999px;
  font-weight:900}

/* 3 blok slider (cümle değil, haber/kategori paragrafı) */
/* Full metin kutusu + scrollbar */
.yb-textbox{
  margin-top:16px;
  background:rgba(0,0,0,.14);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding:14px;
  max-height:340px;
  overflow:auto;
}

/* Paragraflar */
.yb-item{
  padding:10px 10px;
  border-radius:12px;
  color: rgba(255,255,255,.65);
  font-weight:800;
  line-height:1.45;
  white-space:pre-wrap;
  border:1px solid transparent;
}

/* Okunan paragraf daha parlak */
.yb-item.is-current{
  color:#fff;
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
}
.yb-line.prev{opacity:.35}
.yb-line.cur{font-size:16px}
.yb-line.next{opacity:.70}

.yb-status{margin-top:10px;color:rgba(255,255,255,.75);font-weight:700}

/* Ayarlar (ilgi alanı güncelle) butonu */
.yb-icobtn{
  width:44px;height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.yb-icobtn:hover{background:rgba(255,255,255,.12)}
.yb-icobtn i{font-size:18px;line-height:1}

/* İlgi alanı güncelleme ekranı */
.yb-update{display:none}
.yb-update.is-show{display:block}