/* ROVE V7.87 — Content Library UX refinement */
:root{
  --rove87-green:#48e39a;
  --rove87-green-soft:rgba(72,227,154,.12);
  --rove87-green-border:rgba(72,227,154,.34);
  --rove87-panel:#0d0f12;
  --rove87-line:#2a2e35;
}
.rove87-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(210px,245px) auto!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
}
.rove87-toolbar > *{min-width:0}
.rove87-epg-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid var(--rove87-line)!important;
  border-radius:10px!important;
  background:#0b0d10!important;
  white-space:nowrap!important;
  font-weight:800!important;
  color:#e9edf2!important;
}
.rove87-epg-inline input{margin:0!important}

.rove87-counter{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 9px!important;
  border:1px solid var(--rove87-green-border)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(72,227,154,.13),rgba(72,227,154,.055))!important;
  color:#eafff5!important;
  font-weight:800!important;
  box-shadow:0 0 0 1px rgba(72,227,154,.03),0 0 18px rgba(72,227,154,.08)!important;
}
.rove87-counter b,.rove87-counter strong{
  color:var(--rove87-green)!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}
.rove87-counter:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--rove87-green);
  box-shadow:0 0 0 0 rgba(72,227,154,.55);
  animation:rove87-live-pulse 2.2s ease-out infinite;
}
@keyframes rove87-live-pulse{
  0%{box-shadow:0 0 0 0 rgba(72,227,154,.48)}
  70%{box-shadow:0 0 0 7px rgba(72,227,154,0)}
  100%{box-shadow:0 0 0 0 rgba(72,227,154,0)}
}

.rove87-recent-heading{
  color:var(--rove87-green)!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}
.rove87-recent-chip{
  color:#cffff0!important;
  border-color:var(--rove87-green-border)!important;
  background:var(--rove87-green-soft)!important;
  font-weight:800!important;
  box-shadow:inset 0 0 0 1px rgba(72,227,154,.025)!important;
}
.rove87-recent-chip:hover{
  color:#fff!important;
  border-color:rgba(72,227,154,.58)!important;
  background:rgba(72,227,154,.18)!important;
}
.rove87-status-good{
  color:var(--rove87-green)!important;
  border-color:var(--rove87-green-border)!important;
  background:var(--rove87-green-soft)!important;
  font-weight:800!important;
}
.rove87-content-shell input[type="search"],
.rove87-content-shell select{
  min-height:42px!important;
}
.rove87-content-shell select{
  font-weight:800!important;
}
.rove87-content-shell [role="tab"],
.rove87-content-shell button{
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.rove87-content-shell [role="tab"]:focus-visible,
.rove87-content-shell button:focus-visible,
.rove87-content-shell input:focus-visible,
.rove87-content-shell select:focus-visible{
  outline:2px solid #ffa800!important;
  outline-offset:2px!important;
}

/* Keep animation accessible. */
@media(prefers-reduced-motion:reduce){
  .rove87-counter:before{animation:none!important}
}

/* Tablet */
@media(max-width:900px){
  .rove87-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(180px,220px)!important;
  }
  .rove87-epg-inline{grid-column:1/-1;justify-content:flex-start!important}
}
/* Phone */
@media(max-width:620px){
  .rove87-toolbar{grid-template-columns:1fr!important}
  .rove87-epg-inline{grid-column:auto!important;width:100%!important;justify-content:flex-start!important}
  .rove87-counter{padding:5px 8px!important}
}