/* 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}

.yb-check{margin-top:12px}
.yb-check .form-check-input{margin-top:.35rem}
.yb-check .form-check-label{font-weight:800}
.yb-muted{font-size:12px;color:rgba(255,255,255,.70);font-weight:600;margin-top:2px}

#ybSon3Modal .yb-player{display:block}
#ybSon3Modal .yb-setup.is-hide{display:none}
#ybSon3Modal .yb-update{display:none}

.yb-playrow{display:flex;align-items:center;gap:12px}
.yb-playbtn{width:50px;height:50px;border-radius:14px;border:0;background:#dc3545;display:flex;align-items:center;justify-content:center}
.yb-playbtn[disabled]{opacity:.45;cursor:not-allowed}
.yb-playbtn img{width:18px;height:18px;filter:invert(1)}
.yb-wavewrap{flex:1;position:relative}
.yb-wave{display:flex;gap:3px;align-items:flex-end;height:40px;padding:6px 6px;border-radius:14px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.yb-bar{width:4px;border-radius:3px;background:rgba(255,255,255,.7);opacity:.55;animation:ybWave 1.2s infinite ease-in-out}
.yb-wave.is-speaking .yb-bar{opacity:1}
@keyframes ybWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.yb-progress{height:6px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden;margin-top:8px}
.yb-progress #ybProgFill, .yb-progress #ybSon3ProgFill{height:100%;width:0;background:#dc3545;transition:width .2s}

.yb-vol{width:120px}
.yb-vol input[type=range]{width:100%}
.yb-volpct{font-size:12px;color:rgba(255,255,255,.8);font-weight:800;text-align:right}

.yb-textbox{margin-top:14px;max-height:48vh;overflow:auto;padding-right:6px}
.yb-item{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);margin-bottom:10px}
.yb-item.is-active{border-color:#dc3545;background:rgba(220,53,69,.18)}
.yb-line{font-weight:700;color:#fff}
.yb-line{white-space:pre-wrap}

.yb-icobtn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#fff;display:flex;align-items:center;justify-content:center}
.yb-icobtn:hover{background:rgba(255,255,255,.10)}
.yb-status{margin-top:10px;font-weight:800}
.yb-status[data-type="err"]{color:#ffb3b3}
.yb-status[data-type="ok"]{color:#b3ffcb}
.yb-status[data-type="info"]{color:rgba(255,255,255,.75)}