/* === SportCV premium media edit mode ===
   Keeps the story-photo look while editing: compact dark glass overlay,
   no heavy white panel, no harsh blue input outline. */
.media-viewer-story-card .media-viewer-photo-meta.is-editing,
.media-viewer-story-card .media-viewer-media-footer.is-editing{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:20px !important;
  z-index:24 !important;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  max-height:none !important;
  display:block !important;
  padding:12px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(7,24,51,.46) !important;
  box-shadow:0 18px 42px rgba(7,24,51,.30), inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter:blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16) !important;
  color:#FFFFFF !important;
}

.media-viewer-story-card .media-viewer-note-edit-shell{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "head actions"
    "field field" !important;
  gap:10px 12px !important;
  align-items:center !important;
}

.media-viewer-story-card .media-viewer-note-edit-head{
  grid-area:head !important;
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
}

.media-viewer-story-card .media-viewer-note-edit-date{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(255,255,255,.92) !important;
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.35) !important;
}

.media-viewer-story-card .media-viewer-note-edit-count,
.media-viewer-story-card .media-viewer-comment-inline-count,
.media-viewer-story-card .media-viewer-media-count{
  flex:0 0 auto !important;
  min-height:25px !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.88) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.media-viewer-story-card .media-viewer-note-edit-actions,
.media-viewer-story-card .media-viewer-comment-inline-actions.media-viewer-note-edit-actions,
.media-viewer-story-card .media-viewer-media-edit-actions.media-viewer-note-edit-actions{
  grid-area:actions !important;
  width:auto !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

.media-viewer-story-card .media-viewer-note-edit-textarea,
.media-viewer-story-card .media-viewer-comment-inline-input.media-viewer-note-edit-textarea,
.media-viewer-story-card .media-viewer-media-note-input.media-viewer-note-edit-textarea{
  grid-area:field !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:58px !important;
  min-height:58px !important;
  max-height:96px !important;
  resize:none !important;
  overflow:auto !important;
  display:block !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,255,255,.26) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.12) !important;
  color:#FFFFFF !important;
  caret-color:#FFFFFF !important;
  font:inherit !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.media-viewer-story-card .media-viewer-note-edit-textarea::placeholder,
.media-viewer-story-card .media-viewer-comment-inline-input.media-viewer-note-edit-textarea::placeholder,
.media-viewer-story-card .media-viewer-media-note-input.media-viewer-note-edit-textarea::placeholder{
  color:rgba(255,255,255,.62) !important;
}

.media-viewer-story-card .media-viewer-note-edit-textarea:focus,
.media-viewer-story-card .media-viewer-comment-inline-input.media-viewer-note-edit-textarea:focus,
.media-viewer-story-card .media-viewer-media-note-input.media-viewer-note-edit-textarea:focus{
  border-color:rgba(255,255,255,.52) !important;
  background:rgba(255,255,255,.16) !important;
  box-shadow:0 0 0 3px rgba(255,255,255,.10), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.media-viewer-story-card .media-viewer-note-edit-cancel,
.media-viewer-story-card .media-viewer-note-edit-save,
.media-viewer-story-card .media-viewer-comment-inline-cancel.media-viewer-note-edit-cancel,
.media-viewer-story-card .media-viewer-comment-inline-save.media-viewer-note-edit-save,
.media-viewer-story-card .media-viewer-media-cancel-btn.media-viewer-note-edit-cancel,
.media-viewer-story-card .media-viewer-media-save-btn.media-viewer-note-edit-save{
  min-height:34px !important;
  border-radius:999px !important;
  padding:9px 14px !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease !important;
}

.media-viewer-story-card .media-viewer-note-edit-cancel,
.media-viewer-story-card .media-viewer-comment-inline-cancel.media-viewer-note-edit-cancel,
.media-viewer-story-card .media-viewer-media-cancel-btn.media-viewer-note-edit-cancel{
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.media-viewer-story-card .media-viewer-note-edit-save,
.media-viewer-story-card .media-viewer-comment-inline-save.media-viewer-note-edit-save,
.media-viewer-story-card .media-viewer-media-save-btn.media-viewer-note-edit-save{
  border:1px solid rgba(255,255,255,.16) !important;
  background:linear-gradient(135deg,#2563EB,#0EA5E9) !important;
  color:#FFFFFF !important;
  box-shadow:0 10px 22px rgba(14,165,233,.24) !important;
}

.media-viewer-story-card .media-viewer-note-edit-cancel:hover,
.media-viewer-story-card .media-viewer-note-edit-save:hover{
  transform:translateY(-1px) !important;
}

@media(max-width:700px){
  .media-viewer-story-card .media-viewer-photo-meta.is-editing,
  .media-viewer-story-card .media-viewer-media-footer.is-editing{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    padding:11px !important;
    border-radius:16px !important;
  }

  .media-viewer-story-card .media-viewer-note-edit-shell{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "head"
      "field"
      "actions" !important;
    gap:9px !important;
  }

  .media-viewer-story-card .media-viewer-note-edit-head{
    justify-content:space-between !important;
    gap:8px !important;
  }

  .media-viewer-story-card .media-viewer-note-edit-date{
    font-size:12.5px !important;
  }

  .media-viewer-story-card .media-viewer-note-edit-textarea,
  .media-viewer-story-card .media-viewer-comment-inline-input.media-viewer-note-edit-textarea,
  .media-viewer-story-card .media-viewer-media-note-input.media-viewer-note-edit-textarea{
    height:70px !important;
    min-height:70px !important;
    max-height:96px !important;
    padding:11px 12px !important;
    font-size:13.5px !important;
  }

  .media-viewer-story-card .media-viewer-note-edit-actions,
  .media-viewer-story-card .media-viewer-comment-inline-actions.media-viewer-note-edit-actions,
  .media-viewer-story-card .media-viewer-media-edit-actions.media-viewer-note-edit-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .media-viewer-story-card .media-viewer-note-edit-cancel,
  .media-viewer-story-card .media-viewer-note-edit-save,
  .media-viewer-story-card .media-viewer-comment-inline-cancel.media-viewer-note-edit-cancel,
  .media-viewer-story-card .media-viewer-comment-inline-save.media-viewer-note-edit-save,
  .media-viewer-story-card .media-viewer-media-cancel-btn.media-viewer-note-edit-cancel,
  .media-viewer-story-card .media-viewer-media-save-btn.media-viewer-note-edit-save{
    width:100% !important;
    min-height:36px !important;
  }
}