/* Complementa vocero-portal.css con las piezas propias del registro de medios. */
.media-portal textarea {
  width:100%;
  min-width:0;
  border:1px solid #95829f;
  border-radius:4px;
  padding:.7rem .8rem;
  background:#fffcf7;
  color:var(--ink);
  font:inherit;
  font-weight:400;
  resize:vertical;
  transition:border-color .18s,box-shadow .18s
}
.media-portal textarea:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:2px
}
.media-portal [aria-invalid="true"] {
  border-color:#b3123d
}
.media-field-wide {
  grid-column:1 / -1
}
.media-profile-form section {
  border-top:1px solid var(--line);
  padding-top:2rem;
  margin-top:1.25rem
}
.media-profile-form section>p:not(.vocero-eyebrow) {
  font-size:.875rem;
  color:var(--muted)
}
.media-profile-form .vocero-check {
  margin-top:1.5rem
}
.media-status-panel {
  border:2px solid var(--ink);
  background:#fffcf7;
  box-shadow:6px 6px 0 var(--cyan);
  padding:1.25rem 1.5rem;
  margin:0 0 1rem
}
.media-status-panel h2 {
  margin:0 0 .35rem
}
.media-status-panel p:last-child {
  margin:0;
  font-size:.9rem;
  color:var(--muted)
}
.media-status-panel[data-status="Aprobado"] {
  box-shadow:6px 6px 0 #35c277
}
.media-status-panel[data-status="Rechazado"] {
  box-shadow:6px 6px 0 #e01b24
}
.media-videos {
  border-top:1px solid var(--line);
  padding-top:2rem;
  margin-top:2.5rem
}
.media-videos>p:not(.vocero-eyebrow) {
  font-size:.9rem;
  color:var(--muted)
}
.media-videos form fieldset {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:0 1rem;
  align-items:end;
  border:0;
  padding:0;
  margin:0
}
.media-videos form .vocero-primary {
  margin-bottom:1.2rem
}
.media-videos__count {
  font-weight:700
}
.media-videos__list {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.6rem
}
.media-videos__list li {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.25rem 1rem;
  border:1px solid var(--line);
  border-left:4px solid var(--cyan);
  background:#fffcf7;
  padding:.7rem .9rem
}
.media-videos__list a {
  color:var(--accent);
  font-weight:600;
  overflow-wrap:anywhere
}
.media-videos__list small {
  color:var(--muted)
}
@media (max-width:640px) {
  .media-videos form fieldset {
    grid-template-columns:1fr
  }
}
.media-types {
  border:1px solid var(--line);
  border-radius:4px;
  padding:1rem 1.1rem;
  margin:0 0 1.2rem;
  background:#fffcf7
}
.media-types legend {
  font-weight:600;
  font-size:.875rem;
  padding:0 .35rem
}
.media-types legend small {
  display:block;
  font-weight:400;
  color:var(--muted)
}
.media-types__options {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.4rem
}
.media-types__options label {
  display:flex;
  align-items:center;
  gap:.5rem;
  font-weight:600;
  font-size:.9rem;
  min-height:44px
}
.media-types__options input {
  width:1.15rem;
  min-height:0;
  height:1.15rem
}
.media-types[data-invalid="true"] {
  border-color:#b3123d
}
.media-station {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;
  gap:0 1rem;
  align-items:end
}
.media-station .vocero-quiet {
  margin-bottom:1.2rem
}
.media-station:first-child [data-station-remove] {
  visibility:hidden
}
.media-radio-fields {
  margin-top:1.4rem
}
@media (max-width:640px) {
  .media-station {
    grid-template-columns:1fr
  }
  .media-station:first-child [data-station-remove] {
    display:none
  }
}
.media-station--single {
  grid-template-columns:minmax(0,1fr) auto
}
.media-photo__layout {
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:1.5rem;
  align-items:start
}
.media-photo__frame {
  width:160px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fffcf7;
  color:var(--muted);
  font-size:.85rem
}
.media-photo__frame img {
  width:100%;
  height:100%;
  object-fit:cover
}
.media-photo form fieldset {
  grid-template-columns:1fr
}
@media (max-width:640px) {
  .media-photo__layout {
    grid-template-columns:1fr
  }
  .media-station--single {
    grid-template-columns:1fr
  }
}
.media-station--channel {
  grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) minmax(0,.8fr) auto
}
@media (max-width:760px) {
  .media-station--channel {
    grid-template-columns:1fr
  }
}
.media-dashboard {
  margin:0 0 1rem
}
.media-avatar {
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
  border:2px solid var(--ink);
  border-radius:6px;
  background:#fffcf7;
  padding:.8rem 1rem;
  text-align:left;
  cursor:pointer;
  color:var(--ink);
  font:inherit
}
.media-avatar:hover,.media-avatar:focus-visible {
  box-shadow:4px 4px 0 var(--cyan)
}
.media-avatar__image {
  flex:0 0 64px;
  width:64px;
  height:64px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:var(--accent);
  color:#fff;
  font-family:Anton,'Arial Narrow',sans-serif;
  font-size:1.6rem
}
.media-avatar__image img {
  width:100%;
  height:100%;
  object-fit:cover
}
.media-avatar__text {
  display:grid;
  gap:.15rem;
  min-width:0
}
.media-avatar__text strong {
  font-size:1.1rem;
  overflow-wrap:anywhere
}
.media-avatar__text small {
  color:var(--accent);
  font-weight:700
}
.media-light {
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:.6rem 0 0;
  font-weight:700
}
.media-light__dot {
  width:.9rem;
  height:.9rem;
  border-radius:50%;
  background:#e01b24;
  border:1px solid rgba(36,17,70,.4)
}
.media-light[data-light="yellow"] .media-light__dot {
  background:#ffc42e
}
.media-light[data-light="green"] .media-light__dot {
  background:#35c277
}
.media-status-panel + .media-videos {
  border-top:0;
  padding-top:.5rem;
  margin-top:1rem
}
.media-videos__locked {
  border:1px dashed var(--line);
  border-left:4px solid #ffc42e;
  background:#fffcf7;
  padding:.9rem 1rem;
  font-weight:600
}
.media-photo {
  border:2px solid var(--ink);
  border-radius:6px;
  background:#fffcf7;
  padding:1.25rem 1.5rem;
  margin:0 0 1.5rem
}
.media-photo[data-missing="true"] {
  border-color:#b3123d;
  box-shadow:6px 6px 0 #ff2e8a
}
.media-photo form fieldset {
  border:0;
  padding:0;
  margin:0
}