/* /admin/ambience — the Ambient Sound admin screen. Shares the es-screen/lp shell (editor-screen.css
   + listpanel.css) with Atmospheres; these are the screen-specific bits only. */

.as-card { width: 100%; text-align: left; display: flex; flex-direction: column; gap: var(--sp-2);
  padding: var(--sp-5) var(--sp-6); border: 0.0625rem solid var(--border); border-radius: var(--r-md);
  background: var(--panel-2, #201b12); cursor: pointer; margin-bottom: var(--sp-4); }
.as-card:hover { border-color: var(--accent, #e0a83c); }
.as-card.on { border-color: var(--accent, #e0a83c); background: var(--chip-bg); }
.as-cname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.as-cmeta { font-size: var(--fs-xs); color: var(--muted, #9a8f78); text-transform: capitalize; }

.as-buckets { margin: 0 1.125rem var(--sp-7); }

.as-empty { color: var(--muted, #9a8f78); text-align: center; padding: 2.5rem var(--sp-8); font-size: var(--fs-base); }

.as-editor, .as-genform { display: flex; flex-direction: column; gap: var(--sp-7); max-width: 34rem; }
.as-field { display: flex; flex-direction: column; gap: var(--sp-3); font-size: var(--fs-sm); color: var(--muted, #9a8f78); }
.as-field .field, .as-field .seg, .as-field .select-box { width: 100%; }
.as-field textarea.field { font-family: var(--font-sans); resize: vertical; }

.as-player { width: 100%; }
.as-noaudio { color: var(--muted, #9a8f78); font-style: italic; font-size: var(--fs-sm); }

.as-prompt { font-size: var(--fs-xs); color: var(--muted, #9a8f78); border-top: 0.0625rem dashed var(--border); padding-top: var(--sp-6); }
.as-prompt-lbl { text-transform: uppercase; letter-spacing: .04em; font-size: var(--fs-micro); }
.as-prompt p { margin: var(--sp-2) 0 0; color: var(--fg, var(--text)); }
.as-maplink { display: inline-block; margin-top: var(--sp-3); }

.as-genform-actions { display: flex; gap: var(--sp-5); }