/* Roberto Sound V15 — Shatlyk readability pass
   Keeps the dark agency aesthetic while raising text/UI contrast. */

:root{
  --rs-readable-primary:#f7f4fa;
  --rs-readable-secondary:#d8d2dc;
  --rs-readable-muted:#b8b1be;
  --rs-readable-dim:#9d95a4;
  --rs-readable-panel:#17161b;
  --rs-readable-panel-2:#1e1c23;
  --rs-readable-panel-3:#27242d;
  --rs-readable-line:rgba(255,255,255,.22);
  --rs-readable-line-strong:rgba(255,255,255,.34);
}

/* Global text: no low-contrast grey-on-grey. */
body{color:var(--rs-readable-primary)!important}
p,small,label,legend,.status-line,.brand-note,.section-kicker{color:var(--rs-readable-secondary)!important}
strong,b,h1,h2,h3,h4,h5,h6{color:var(--rs-readable-primary)!important}

/* Hero/section typography stays dramatic, but readable. */
.brand-title{color:#f0ecf3!important;opacity:1!important}
.search-copy h1{color:#f8f5fa!important;text-shadow:0 1px 0 rgba(255,255,255,.03),0 20px 55px rgba(0,0,0,.32)!important}
.search-copy p{color:#c9c2ce!important;font-size:clamp(.92rem,1.12vw,1.12rem)!important;line-height:1.65!important;max-width:48ch!important}
.section-header h2{color:#d7d1dc!important;opacity:1!important;text-shadow:0 12px 40px rgba(0,0,0,.28)!important}
.section-header>span{color:#f0ebf3!important;font-weight:850!important;letter-spacing:.14em!important}
.section-header p{color:#c4bdc9!important;line-height:1.65!important}
.youtube-discovery-copy h3{color:#f6f2f8!important}
.youtube-discovery-copy p{color:#c7c0cc!important;line-height:1.6!important}

/* Raise contrast on all agency-style dark panels. */
.search-form,.youtube-discovery,.player-layout,.moss-layout,.lyrics-workbench,.catalog-toolbar,.site-footer,
.record-console,.youtube-now,.player-console,.lyrics-tools,.editor-card,.moss-reader-card,.moss-reader-head,.moss-reader-inputs,
.current-selection,.live-lyrics-card,.lyrics-tools,.filter-panel{
  color:var(--rs-readable-primary)!important;
}

/* Search box */
.search-form{background:rgba(27,25,32,.94)!important;border-color:var(--rs-readable-line)!important}
.search-form label,.search-form>span,.search-form p{color:#dcd6e1!important}
.search-control input,.youtube-search-control input{
  background:#111015!important;
  color:#fbf8fc!important;
  caret-color:#fff!important;
  border-color:var(--rs-readable-line-strong)!important;
}
.search-control input::placeholder,.youtube-search-control input::placeholder{color:#aaa3b0!important;opacity:1!important}
.search-control button,.youtube-search-control button[type="submit"]{background:#ece7ee!important;color:#211f25!important;font-weight:900!important}
.search-control button:hover,.youtube-search-control button[type="submit"]:hover{background:#fff!important;color:#111!important}
.quick-search button{color:#d6cfdb!important;border-color:var(--rs-readable-line-strong)!important}
.quick-search button:hover{color:#161419!important;background:#f1edf3!important}

/* Filter dock: replace washed-out cards with clear dark cards. */
.filter-panel{background:rgba(20,19,24,.96)!important;border-color:var(--rs-readable-line)!important;box-shadow:0 18px 52px rgba(0,0,0,.28)!important}
.filter-heading{background:linear-gradient(135deg,#24212a,#17161b)!important;color:#fff!important;border:1px solid var(--rs-readable-line)!important}
.filter-heading h2,.filter-heading button{color:#fff!important}
.filter-heading-kicker{color:#ff7269!important}
.side-menu fieldset{background:#25232a!important;border-color:var(--rs-readable-line)!important}
.side-menu legend{color:#cbc4cf!important;font-weight:800!important}
.filter-buttons button,.view-actions button,.youtube-mode-row button{
  color:#e2dce6!important;
  border-color:rgba(255,255,255,.32)!important;
  background:#17161b!important;
}
.filter-buttons button:hover,.filter-buttons button.active,.view-actions button:hover,.view-actions button.active,.youtube-mode-row button:hover,.youtube-mode-row button.active{
  background:#f0ebf2!important;color:#1b191e!important;border-color:#f0ebf2!important
}
.catalog-toolbar{border-color:var(--rs-readable-line)!important}
.catalog-toolbar span{color:#f0ebf3!important}.catalog-toolbar strong{color:#bdb6c2!important}

/* Video discovery and result metadata */
.youtube-discovery{background:rgba(17,16,20,.96)!important;border-color:var(--rs-readable-line)!important}
.youtube-discovery-copy>span{color:#ff645d!important}
.youtube-search-control{background:#151419!important;border-color:var(--rs-readable-line-strong)!important}
.youtube-search-icon{color:#ff665e!important}
.youtube-search-status-row,.youtube-search-status-row .status-line{color:#c9c2cd!important}
.youtube-external-link{color:#ff7068!important}
.youtube-result-copy b{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.85)!important}
.youtube-result-copy small,.youtube-result-copy em{color:#efebf1!important;opacity:.88!important;text-shadow:0 1px 6px rgba(0,0,0,.9)!important}

/* Player / recorder areas that were white-on-white in screenshots. */
.youtube-now,.record-console,.player-console,.current-selection,.lyrics-tools,.editor-card{
  background:#17161b!important;
  color:#f7f4fa!important;
  border-color:var(--rs-readable-line)!important;
}
.youtube-now span,.record-console>header span,.player-eyebrow{color:#e9e3ec!important}
.youtube-now h3,.record-console>header h3,.player-console h3{color:#fff!important}
.youtube-now p,.record-console>p,.record-status,.record-status small{color:#c2bbc7!important}
.youtube-now output{color:#fff!important}
.youtube-controls button,.record-actions button,.record-console header button,
.player-actions button,.editor-toolbar button,.editor-footer button,.outline-button{
  color:#f3eef5!important;
  background:#211f26!important;
  border-color:rgba(255,255,255,.30)!important;
}
.youtube-controls button:hover,.record-actions button:hover,.record-console header button:hover,
.player-actions button:hover,.editor-toolbar button:hover,.editor-footer button:hover,.outline-button:hover{
  background:#f1edf3!important;color:#1c1a20!important;border-color:#f1edf3!important
}
.dark-button{background:#f1edf3!important;color:#1b191f!important;border-color:#f1edf3!important}
.dark-button:hover{background:#fff!important;color:#111!important}

/* Auto lyrics discovery: make it a dark readable panel instead of pale cream. */
.auto-lyrics-panel{
  background:linear-gradient(135deg,#1b1920 0%,#211d24 68%,rgba(160,48,91,.16) 100%)!important;
  border-color:var(--rs-readable-line)!important;
  color:#f7f4fa!important;
}
.auto-lyrics-panel>header{border-color:var(--rs-readable-line)!important}
.auto-lyrics-panel>header span{color:#ff6e66!important}
.auto-lyrics-panel h4{color:#fff!important}
.auto-lyrics-panel header p,.auto-lyrics-panel>.status-line{color:#c9c2ce!important}
.auto-lyrics-panel>header button{color:#f6f1f8!important;border-color:rgba(255,255,255,.34)!important;background:#211f26!important}
.auto-lyrics-panel>header button:hover{background:#f1edf3!important;color:#1b191f!important}
.auto-lyrics-results{color:#f7f4fa!important}
.auto-lyrics-results *{border-color:rgba(255,255,255,.16)!important}
.auto-lyrics-results button{color:#f5f0f7!important;background:#211f26!important;border-color:rgba(255,255,255,.30)!important}
.auto-lyrics-results button:hover{background:#f1edf3!important;color:#1b191f!important}

/* Vocal stage */
.record-stage{background:#0c0b0e!important;color:#fff!important;border-color:var(--rs-readable-line)!important}
.record-stage p{color:#bcb5c0!important}.record-stage strong{color:#fff!important;text-shadow:0 6px 26px rgba(0,0,0,.44)!important}

/* MOSS: eliminate pale headers/text mismatch. */
.moss-reader-card,.moss-reader-head,.moss-reader-inputs{background:#17161b!important;color:#f7f4fa!important;border-color:var(--rs-readable-line)!important}
.moss-reader-head{background:linear-gradient(135deg,#1b1920,#24212a)!important}
.moss-reader-head h3{color:#fff!important}.moss-reader-head p{color:#c6bfca!important}
.moss-health,.moss-health strong{color:#e6e0e9!important}
.moss-reader-inputs>label:not(.moss-file-zone),.moss-file-zone{color:#e6e0e9!important}
.moss-file-zone{background:#201e25!important;border-color:rgba(255,255,255,.27)!important}
.moss-file-zone strong{color:#fff!important}.moss-file-zone small{color:#beb7c3!important}
.moss-reader-inputs select,.moss-reader-inputs textarea{background:#0f0e12!important;color:#f8f5fa!important;border-color:rgba(255,255,255,.30)!important}
.moss-output{background:#0b0b0d!important;color:#f8f5fa!important;border-color:var(--rs-readable-line)!important}
.moss-output pre{color:#f5f1f7!important}.moss-output button{color:#f5f1f7!important;border-color:rgba(255,255,255,.38)!important}

/* Lyrics editor */
.lyrics-search-form label{color:#d9d2dd!important}.lyrics-search-form input{background:#0f0e12!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
.lyrics-result{background:#211f26!important;color:#f5f1f7!important;border-color:rgba(255,255,255,.24)!important}
.lyrics-result span{color:#c0b8c5!important}.lyrics-result:hover{background:#f1edf3!important;color:#17151a!important}.lyrics-result:hover span{color:#4e4953!important}
.attach-box{border-color:rgba(255,255,255,.28)!important;background:#1c1a20!important}.attach-box p{color:#beb7c2!important}
#lyricsEditor{background:#0b0b0d!important;color:#f8f5fa!important;border-color:rgba(255,255,255,.2)!important;caret-color:#fff!important}
.editor-footer{color:#c9c2ce!important;border-color:var(--rs-readable-line)!important}
.full-lyrics-panel{background:#111014!important;border-color:rgba(255,255,255,.28)!important}.full-lyrics-panel pre{color:#f7f4fa!important}

/* Catalog cards */
.track-card{background:#1b1920!important;color:#f4f0f6!important;border-color:rgba(255,255,255,.16)!important}
.track-card h3,.track-card strong{color:#fff!important}.track-card p,.track-card small,.track-card .album{color:#c2bbc6!important}
.track-actions button,.track-actions a{color:#f4eff6!important;background:#232128!important;border-color:rgba(255,255,255,.26)!important}
.track-actions button:hover,.track-actions a:hover{background:#f1edf3!important;color:#1c1a20!important}

/* Footer and dialog */
.site-footer{background:#111014!important;color:#e8e2eb!important;border-color:var(--rs-readable-line)!important}.site-footer p{color:#bfb8c4!important}.site-footer strong{color:#fff!important}
.lyrics-dialog .dialog-shell{background:#17161b!important;color:#f7f4fa!important;border-color:rgba(255,255,255,.25)!important}.lyrics-dialog pre{background:#0c0b0e!important;color:#fff!important}.lyrics-dialog p{color:#c5bec9!important}

/* Sticky player */
.sticky-player{color:#fff!important}.sticky-player strong{color:#fff!important}.sticky-player span{color:#c7c0cc!important}.sticky-player button{color:#f7f4fa!important;border-color:rgba(255,255,255,.30)!important}

/* Spotify remains green, but text is strong and readable. */
.spotify-panel,.spotify-panel p,.spotify-panel small,.spotify-panel span,.spotify-panel label{color:#042713!important}
.spotify-panel h2,.spotify-panel h3,.spotify-panel strong{color:#031d0d!important}
.spotify-panel .spotify-button{color:#031d0d!important;border-color:#031d0d!important}.spotify-panel .spotify-button.dark{color:#fff!important;background:#041f0f!important}
.spotify-panel input{background:rgba(255,255,255,.90)!important;color:#081c10!important;border-color:rgba(0,0,0,.55)!important}.spotify-panel input::placeholder{color:#496253!important}

/* Navigation drawer */
.roberto-agency-menu{background:#333236!important;color:#fff!important}
.roberto-agency-menu-head{color:#d1cbd5!important;border-color:rgba(255,255,255,.28)!important}
.roberto-agency-menu-links a{color:#f8f5fa!important;text-shadow:0 1px 0 rgba(255,255,255,.02)!important}
.roberto-agency-menu-links a:hover{color:#fff!important}
.roberto-agency-menu-foot small{color:#bbb4c0!important}

/* Keep decorative giant words faint, while actual copy stays bright. */
.search-banner::before,.studio-section::before{color:rgba(255,255,255,.035)!important}

/* Native form/autofill readability */
input,textarea,select{color:#f8f5fa!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#f8f5fa!important;box-shadow:0 0 0 1000px #111014 inset!important;transition:background-color 9999s ease-out 0s}

@media(max-width:680px){
  .search-copy p,.section-header p,.youtube-discovery-copy p{font-size:.9rem!important}
  .section-header h2{color:#e1dce5!important}
}
