/* Sunlight FM stream setup (shown when the directory has no playable Sunlight FM stream) */
.sun-setup {
  box-sizing: border-box; width: 100%; min-width: 0; margin: 0 0 10px; padding: 14px;
  border-radius: 16px; border: 1px solid rgba(255, 200, 80, .4);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(255, 196, 60, .28), transparent 60%),
    radial-gradient(90% 120% at 100% 100%, rgba(255, 120, 40, .18), transparent 60%),
    linear-gradient(150deg, rgba(48, 30, 8, .9), rgba(14, 12, 24, .9));
  box-shadow: 0 10px 26px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .12);
  display: flex; flex-direction: column; gap: 10px;
}
.sun-setup[hidden], .sun-setup [hidden] { display: none !important; }
.sun-setup.failed { border-color: rgba(255, 110, 90, .6); }
.sun-h { margin: 0; font-size: 17px; font-weight: 800; color: #ffe2a0; user-select: none; -webkit-user-select: none; }
.sun-h::before { content: "☀ "; }
.sun-p { margin: 0; font-size: 14px; line-height: 1.45; color: #e6dccb; }
.sun-row { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.sun-row input {
  box-sizing: border-box; flex: 1 1 14em; min-width: 0; min-height: 44px; padding: 0 12px;
  font: inherit; font-size: 16px; color: #fff; border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .22); background: rgba(0, 0, 0, .35);
}
.sun-row input:focus { outline: 2px solid #ffd36b; outline-offset: 1px; }
.sun-row .pill-btn, .sun-act .pill-btn { min-height: 44px; flex: 0 1 auto; }
.sun-act { display: flex; flex-wrap: wrap; gap: 8px; }
.sun-act a.pill-btn { display: inline-flex; align-items: center; text-decoration: none; }
.st-side .q.set { background: linear-gradient(135deg, #ffcf5a, #ff8a3d); color: #2a1600; border-color: transparent; }