/* ad600-listen-panel.js — was an injected style. Hashed by scripts/build.mjs (ensure: views-ad600-listen-panel). */
.a6l-wrap { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--border-subtle); display: flex; flex-direction: column; gap: 6px; }
.a6l-title { margin: 0; font-size: 13px; color: var(--text-1); }
.a6l-where, .a6l-note, .a6l-passive { margin: 0; font-size: 12px; color: var(--text-muted); line-height: 1.45; }
.a6l-offline { margin: 0; font-size: 12px; color: var(--warn); line-height: 1.45; }
.a6l-notes { display: flex; flex-direction: column; gap: 4px; }
.a6l-form { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-end; }
.a6l-field { display: flex; flex-direction: column; gap: 4px; }
.a6l-label { font-size: 11px; color: var(--text-2); }
.a6l-input {
  box-sizing: border-box; height: 34px; padding: 0 10px; max-width: 100%;
  background: var(--bg-input); border: 1px solid var(--border-subtle); border-radius: var(--r-sm);
  color: var(--text-1); font-size: 13px; font-family: var(--font-ui); outline: none;
}
.a6l-input:focus { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent); }
.a6l-input:disabled { opacity: .7; cursor: not-allowed; }
/* A select draws its OWN chevron: the native arrow sat flush against the box edge
   (same fix as .a6-input / .ax6-input / .an-field selects). */
select.a6l-input {
  -webkit-appearance: none; appearance: none; cursor: pointer; min-width: 88px; padding: 0 28px 0 8px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='10' height='10' fill='none' stroke='%238a93a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat; background-position: right 10px center; background-size: 10px 10px;
}
.a6l-freq { width: 12ch; font-family: var(--font-mono); }
.a6l-freq[type="number"] { appearance: textfield; -moz-appearance: textfield; }
.a6l-freq[type="number"]::-webkit-outer-spin-button,
.a6l-freq[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.a6l-btn { display: flex; align-items: flex-end; }
.a6l-status { font-family: var(--font-mono); font-size: 11px; color: var(--text-muted); min-height: 14px; }