/* Shared LAKA appearance for every screen size. Plain CSS preserves Safari declarations. */
.cinematic-app button[class~="bg-[#9dff3f]"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #9dff3f !important;
  background-image: none !important;
  color: #101407 !important;
  -webkit-text-fill-color: #101407 !important;
  border-color: rgba(140,189,100,.45);
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
.cinematic-app button[class~="bg-[#9dff3f]"]:not(:disabled):hover {
  background-color: #b6ff71 !important;
}
.cinematic-app #sound-workspace,
.cinematic-app #narrator-workspace > div,
.cinematic-app section[aria-labelledby="studio-mixer-title"],
.cinematic-app section[aria-labelledby="laka-music-title"] {
  background-color: #08080d !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.1) !important;
}
.cinematic-app #sound-workspace input[type="text"],
.cinematic-app #sound-workspace input:not([type]),
.cinematic-app #sound-workspace textarea,
.cinematic-app select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #111018 !important;
  color: #f7fbf5 !important;
  -webkit-text-fill-color: #f7fbf5 !important;
}
.cinematic-app select { border-color: rgba(255,255,255,.15) !important; }
.cinematic-app input[type="range"] { -webkit-appearance: none !important; appearance: none !important; }
.cinematic-app input[type="range"]::-webkit-slider-runnable-track { background: #2a2835; border: 1px solid #66616f; }
.cinematic-app input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; background: #a8ff4f; border-color: #111018; }

/* Equaliser and channel inputs use dark green surfaces, not blue-grey fields. */
.cinematic-app .laka-eq-band,
.cinematic-app .laka-mix-channel {
  background-color: #0b1410 !important;
  background-image: none !important;
  border-color: rgba(168,255,79,.18) !important;
}
.cinematic-app .laka-eq-band input[type="range"],
.cinematic-app .laka-mix-channel input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  accent-color: #a8ff4f;
}
.cinematic-app .laka-eq-band input[type="range"]::-webkit-slider-runnable-track,
.cinematic-app .laka-mix-channel input[type="range"]::-webkit-slider-runnable-track {
  background: #20321a !important;
  border: 1px solid #547644 !important;
}
.cinematic-app .laka-eq-band input[type="range"]::-webkit-slider-thumb,
.cinematic-app .laka-mix-channel input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background: #a8ff4f !important;
  border: 2px solid #0b1410 !important;
  box-shadow: 0 0 0 1px #a8ff4f !important;
}
.cinematic-app .laka-eq-band input[type="range"]::-moz-range-track,
.cinematic-app .laka-mix-channel input[type="range"]::-moz-range-track { background: #20321a !important; border: 1px solid #547644 !important; }
.cinematic-app .laka-eq-band input[type="range"]::-moz-range-thumb,
.cinematic-app .laka-mix-channel input[type="range"]::-moz-range-thumb { background: #a8ff4f !important; border: 2px solid #0b1410 !important; }

/* Reference: Add as character. One action palette, with no viewport-dependent colours. */
.laka-ui button[class*="rounded-"]:not([class*="text-red"]):not([aria-label^="Remove "]):not([aria-label^="Close "]):not([aria-label^="Open "]),
.laka-ui [class~="bg-[#9dff3f]"],
.laka-ui [class~="bg-lime-300"],
.laka-ui .reference-cast article button,
.laka-ui .hero-copy button,
.laka-ui .approved-media-controls button,
.laka-ui .mobile-stage-bar button {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #9dff3f !important;
  background-image: none !important;
  color: #101407 !important;
  -webkit-text-fill-color: #101407 !important;
  border-color: #9dff3f !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
.laka-ui button[class*="rounded-"]:not([class*="text-red"]):not([aria-label^="Remove "]):not([aria-label^="Close "]):not([aria-label^="Open "]):not(:disabled):hover,
.laka-ui [class~="bg-[#9dff3f]"]:not(:disabled):hover,
.laka-ui [class~="bg-lime-300"]:not(:disabled):hover,
.laka-ui .reference-cast article button:not(:disabled):hover,
.laka-ui .hero-copy button:not(:disabled):hover,
.laka-ui .approved-media-controls button:not(:disabled):hover,
.laka-ui .mobile-stage-bar button:not(:disabled):hover {
  background-color: #b6ff71 !important;
}
.laka-ui button[class*="text-red"] { -webkit-text-fill-color: currentColor; }

/* Account mode tabs retain a distinct selected state. */
.laka-ui [aria-label="LAKA account"] .grid.grid-cols-2 > button {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #f7fbf5 !important;
  -webkit-text-fill-color: #f7fbf5 !important;
}
.laka-ui [aria-label="LAKA account"] .grid.grid-cols-2 > button[class~="bg-white"] {
  background-color: #9dff3f !important;
  color: #101407 !important;
  -webkit-text-fill-color: #101407 !important;
}