.athena-audio { --audio-border: #ddd8e6; color: var(--athena-ink); }
.athena-audio .audio-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: start; margin-bottom: 1rem; }
.athena-audio .audio-heading-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .75rem; }
.athena-audio .audio-discovery-progress { display: inline-flex; align-items: center; gap: .45rem; color: var(--w-color-text-context); font-size: .875rem; white-space: nowrap; }
.athena-audio .audio-discovery-progress > span { width: .9rem; height: .9rem; border: 2px solid var(--w-color-border-field-default); border-top-color: var(--w-color-primary); border-radius: 50%; animation: audio-discovery-spin .8s linear infinite; }
@keyframes audio-discovery-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .athena-audio .audio-discovery-progress > span { animation: none; } }
.athena-audio h2, .athena-audio h3, .athena-audio h4 { color: var(--athena-purple-900); margin: 0 0 .5rem; }
.athena-audio p { margin: .5rem 0; }
.athena-audio .audio-availability { border: 1px solid var(--audio-border); border-radius: .5rem; padding: 1rem; margin: 1rem 0 1.5rem; background: #fbfafc; }
.athena-audio .audio-availability-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(15rem,1fr)); gap: .75rem; }
.athena-audio .audio-availability-item { min-width: 0; border: 1px solid var(--audio-border); border-radius: .375rem; padding: .75rem; background: white; }
.athena-audio .audio-availability-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.athena-audio .audio-availability-item audio { margin-bottom: 0; }
.athena-audio .audio-workspace { display: grid; grid-template-columns: 10rem minmax(0,1fr); gap: 1.5rem; }
.athena-audio .audio-languages { display: grid; gap: .375rem; align-content: start; }
.athena-audio .audio-languages button { background: transparent; border: 1px solid transparent; border-radius: .5rem; padding: .75rem; color: var(--athena-ink); text-align: left; }
.athena-audio .audio-languages button[aria-pressed="true"] { border-color: var(--audio-border); background: #f0edf9; box-shadow: inset 3px 0 var(--athena-purple-900); }
.athena-audio .audio-languages button > span:first-child { display: flex; gap: .5rem; justify-content: space-between; margin-bottom: .375rem; }
.athena-audio .audio-badge { display: inline-block; border: 1px solid currentColor; padding: .2rem .5rem; border-radius: 99px; font-size: .75rem; color: #5e586c; }
.athena-audio .audio-badge--generated, .athena-audio .audio-badge--generation_pending { color: var(--athena-cyan-700); }
.athena-audio .audio-badge--validated, .athena-audio .audio-badge--uploaded { color: var(--athena-turquoise-700); }
.athena-audio .audio-badge--legacy { color: var(--athena-turquoise-700); background: #e1f7f1; }
.athena-audio .audio-badge--stale { color: var(--athena-warning-700); }
.athena-audio .audio-badge--failed { color: var(--athena-danger-700); }
.athena-audio .audio-detail { min-width: 0; }
.athena-audio .audio-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; margin: 1rem 0; }
.athena-audio .audio-description { white-space: pre-wrap; overflow-wrap: anywhere; min-height: 12rem; background: #f7f7fa; border: 1px solid var(--audio-border); border-radius: .375rem; padding: .75rem; margin-bottom: .5rem; }
.athena-audio label { display: block; font-weight: 600; margin: .75rem 0 .375rem; }
.athena-audio textarea, .athena-audio select { width: 100%; max-width: 100%; min-width: 0; border: 1px solid var(--audio-border); border-radius: .375rem; background: white; color: var(--athena-ink); padding: .625rem; }
.athena-audio textarea { resize: vertical; }
.athena-audio textarea, .athena-audio select { font-size: .875rem; line-height: 1.6; }
.athena-audio .audio-ssml { font-family: ui-monospace, monospace; }
.athena-audio .audio-source-help, .athena-audio .audio-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; justify-content: space-between; margin: .5rem 0; }
.athena-audio .audio-actions { justify-content: start; margin: 1rem 0 .5rem; }
.athena-audio .audio-source-help button { background: transparent; border: 0; padding: .375rem; text-decoration: underline; color: var(--athena-cyan-700); }
.athena-audio .audio-help, .athena-audio small { font-size: .8rem; color: #625b70; }
.athena-audio .audio-step { padding-top: 1rem; border-top: 1px solid var(--audio-border); margin-top: 1.25rem; }
.athena-audio .audio-notice, .athena-audio .audio-dirty-notice, .athena-audio .audio-feedback:not(:empty) { background: #f0f8fb; border-left: 3px solid var(--athena-cyan-700); padding: .75rem; }
.athena-audio .audio-notice--warning, .athena-audio .audio-dirty-notice { background: #fff7e9; border-color: var(--athena-warning-700); }
.athena-audio .audio-feedback[role="alert"] { background: #fff1ef; border-color: var(--athena-danger-700); }
.athena-audio .audio-empty { border: 1px dashed var(--audio-border); padding: 1.5rem; text-align: center; border-radius: .5rem; }
.athena-audio audio { width: 100%; margin: .75rem 0; }
.athena-audio .audio-legacy-player { border: 1px solid #dccb70; border-radius: .5rem; padding: .875rem; background: #fffdf2; }
.athena-audio .audio-check { display: flex; align-items: center; gap: 7px; font-weight: 400; }
.athena-audio .audio-check input[type=checkbox] { appearance: auto; accent-color: #007d75; width: 18px; height: 18px; min-width: 18px; flex: 0 0 18px; margin: 0; padding: 0; }
.athena-audio .audio-check input[type=checkbox]::before, .athena-audio .audio-check input[type=checkbox]::after { content: none; }
.athena-audio .audio-reference { display: block; padding: .75rem; background: #f7f7fa; overflow-wrap: anywhere; margin: .75rem 0; }
.athena-audio dl { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .5rem 1rem; font-size: .8rem; }
.athena-audio dd { margin: 0; overflow-wrap: anywhere; }
.athena-audio summary { cursor: pointer; padding: .5rem 0; }
.athena-audio .audio-footer { margin-top: 1.5rem; }
.athena-audio button:disabled { color: #6c6477; background: #f2f1f4; border-color: #d8d4df; cursor: not-allowed; }
.athena-audio [hidden] { display: none !important; }
@media(max-width:800px) { .athena-audio .audio-workspace { grid-template-columns: minmax(0,1fr); } .athena-audio .audio-languages { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:480px) { .athena-audio .audio-languages { grid-template-columns: repeat(2,minmax(0,1fr)); } .athena-audio textarea, .athena-audio select { font-size: 16px; } }
@media(pointer:coarse) { .athena-audio button { min-height: 44px; } }
