/* EDUHUNT R539 | Inline per-video title editor for published playlists.
   Only affects #eduVideoPlaylistRows. R538 chapter/library cards untouched. */
#eduVideoPlaylistRows .edu-video-list-row {
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) auto 30px !important;
  gap:8px !important;
  align-items:center !important;
  width:100%;
  min-height:48px;
  padding:7px 10px;
  cursor:default;
}
#eduVideoPlaylistRows .edu-video-list-row:not(.edu-video-list-row--editable) {
  grid-template-columns:24px minmax(0,1fr) 30px !important;
}
#eduVideoPlaylistRows .edu-video-row-number {
  display:block;
  font-size:12px;
  font-weight:700;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
#eduVideoPlaylistRows .edu-video-row-title-cell {min-width:0; flex:initial !important;}
#eduVideoPlaylistRows .edu-video-row-title-play {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-height:32px;
  background:none;
  border:0;
  padding:4px 0;
  color:inherit;
  cursor:pointer;
  font:inherit;
  text-align:left;
}
#eduVideoPlaylistRows .edu-video-row-title-play strong {
  font-size:14px;
  line-height:1.35;
  overflow-wrap:anywhere;
  white-space:normal;
}
#eduVideoPlaylistRows .edu-video-row-title-play[hidden],
#eduVideoPlaylistRows .edu-video-title-input[hidden],
#eduVideoPlaylistRows .edu-video-title-status:empty {display:none!important;}
#eduVideoPlaylistRows .edu-video-title-input {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:34px;
  margin:0;
  padding:6px 9px;
  border:1px solid #4b92e8;
  border-radius:7px;
  color:var(--eh-ui-control-text, #eef7ff);
  background:var(--eh-panel, #0a243b);
  font-family:inherit;
  font-size:14px;
  font-weight:650;
  line-height:1.4;
}
#eduVideoPlaylistRows .edu-video-title-input:focus-visible,
#eduVideoPlaylistRows .edu-video-title-edit:focus-visible,
#eduVideoPlaylistRows .edu-video-row-play-arrow:focus-visible,
#eduVideoPlaylistRows .edu-video-row-title-play:focus-visible {
  outline:2px solid #5ba4ff;
  outline-offset:2px;
}
#eduVideoPlaylistRows .edu-video-row-edit-controls {
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
#eduVideoPlaylistRows .edu-video-title-edit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:5px 8px;
  min-height:30px;
  border:1px solid #5483ab;
  border-radius:7px;
  background:rgba(70,128,202,.13);
  color:inherit;
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
}
#eduVideoPlaylistRows .edu-video-title-edit:hover {background:rgba(68,136,222,.23);}
#eduVideoPlaylistRows .edu-video-title-edit:disabled {opacity:.55;cursor:wait;}
#eduVideoPlaylistRows .edu-video-title-status {font-size:11px; font-weight:700; white-space:nowrap;}
#eduVideoPlaylistRows .edu-video-title-status.is-saving {color:#d5a94e;}
#eduVideoPlaylistRows .edu-video-title-status.is-saved {color:#4ed0a0;}
#eduVideoPlaylistRows .edu-video-title-status.is-error {color:#ff8484; white-space:normal;}
#eduVideoPlaylistRows .edu-video-row-play-arrow {
  display:grid;
  place-items:center;
  width:30px;
  height:32px;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  font-size:17px;
  cursor:pointer;
}
@media(max-width:600px) {
  #eduVideoPlaylistRows .edu-video-list-row {gap:5px!important; padding:6px 7px!important; grid-template-columns:18px minmax(0,1fr) auto 26px!important;}
  #eduVideoPlaylistRows .edu-video-list-row:not(.edu-video-list-row--editable) {grid-template-columns:18px minmax(0,1fr) 26px!important;}
  #eduVideoPlaylistRows .edu-video-title-edit {padding:4px 6px;min-height:28px;font-size:11px;}
  #eduVideoPlaylistRows .edu-video-row-edit-controls {gap:3px;}
  #eduVideoPlaylistRows .edu-video-row-play-arrow {width:26px;}
  #eduVideoPlaylistRows .edu-video-title-status {font-size:10px;}
}