/* YB Video interaction/layout correction 4.3 */
/* Studio: the quality choices are real buttons; make selection impossible to miss. */
.quality-pricing .quality-option{position:relative!important;cursor:pointer!important;pointer-events:auto!important;}
.quality-pricing .quality-option.selected{outline:4px solid #fff!important;outline-offset:2px!important;box-shadow:0 0 0 7px #c8ff00aa,0 0 28px #c8ff0040!important;z-index:2!important;}
.quality-pricing .quality-option[data-quality="low"].selected{border:3px solid #c8ff00!important;background:linear-gradient(145deg,#302040,#17121e)!important;}
.quality-pricing .quality-option[data-quality="mid"].selected{border:3px solid #d9e0e8!important;background:linear-gradient(145deg,#454b55,#20232a)!important;box-shadow:0 0 0 5px #d9e0e8aa,0 0 28px #d9e0e855!important;}
.quality-pricing .quality-option[data-quality="high"].selected{border:3px solid #ffd54a!important;background:linear-gradient(145deg,#5b461d,#231a0b)!important;box-shadow:0 0 0 5px #ffd54aaa,0 0 28px #ffd54a55!important;}
.quality-pricing .quality-option.selected .quality-choice{display:inline-flex!important;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;background:#c8ff00!important;color:#111!important;font-weight:900!important;}
.quality-pricing .quality-option[data-quality="mid"].selected .quality-choice{background:#e6edf5!important;}
.quality-pricing .quality-option[data-quality="high"].selected .quality-choice{background:#ffd54a!important;}
/* Native thumbnail links must remain above card decoration and be clickable. */
#historyList .video-library-thumb-link{position:relative!important;z-index:50!important;display:block!important;pointer-events:auto!important;cursor:pointer!important;}
#historyList .video-library-thumb-link img{pointer-events:none!important;}
#historyList .history-item{position:relative!important;}
#historyList .history-actions{position:relative;z-index:1;}
/* Keep Studio profile links distinct and readable. */
.history-profile-links{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 22px!important;margin:10px 0 0!important;}
.history-profile-links a{display:inline-block!important;margin:0!important;white-space:normal!important;}
/* Profile form buttons should sit beside the relevant field, not at the far edge of a stretched row. */
.profile-linkrow{display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important;}
.profile-linkrow#usernameForm>label,.profile-linkrow#couponForm>label{display:grid!important;grid-template-columns:max-content minmax(180px,260px)!important;align-items:center!important;gap:8px!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;white-space:normal!important;}
.profile-linkrow#usernameForm input,.profile-linkrow#couponForm input{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.profile-linkrow#usernameForm>button,.profile-linkrow#couponForm>button{flex:0 0 auto!important;align-self:flex-end!important;margin:0!important;white-space:nowrap!important;}
/* Google is a third-party sign-in control: use neutral dark text on its white surface. */
.google-button,.google-button:link,.google-button:visited{background:#fff!important;color:#202124!important;border-color:#dadce0!important;text-decoration:none!important;}
.google-button span{color:#202124!important;}
.google-button:hover{background:#f8f9fa!important;color:#202124!important;}
.google-button:focus-visible{outline:3px solid #4285f4!important;outline-offset:2px!important;}
@media(max-width:620px){.profile-linkrow#usernameForm>label,.profile-linkrow#couponForm>label{grid-template-columns:1fr!important;width:100%!important;flex:1 1 100%!important;}.profile-linkrow#usernameForm>button,.profile-linkrow#couponForm>button{align-self:flex-start!important;}}