/* Optional analytics controls remain in normal flow, never over the recording pad. */
.analytics-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 22px; padding: 15px 18px; border: 1px solid #8bd3a72b; border-radius: 12px; background: #18271f; }
.analytics-banner strong { color: var(--paper, #eceee5); font-size: 13px; }
.analytics-banner p { max-width: 650px; margin: 7px 0 0; color: var(--muted, #a0ada3); font-size: 12px; line-height: 1.7; }
.analytics-banner-actions, .analytics-settings-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.analytics-banner button, .analytics-dialog button { min-height: 40px; padding: 9px 13px; border: 1px solid #a0ada340; border-radius: 8px; color: var(--paper, #eceee5); background: #24372b; font-size: 12px; cursor: pointer; }
.analytics-banner button[data-settings], .analytics-banner button[data-decline] { background: transparent; }
.analytics-banner button:disabled, .analytics-dialog button:disabled { opacity: .55; cursor: wait; }
.analytics-footer { display: inline-flex; flex-wrap: wrap; margin-left: auto; }
.analytics-footer button { color: var(--muted, #a0ada3); white-space: nowrap; }
.analytics-dialog { box-sizing: border-box; width: min(590px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 23px; overflow-y: auto; border: 1px solid #a0ada343; border-radius: 15px; color: var(--paper, #eceee5); background: #152019; font-family: inherit; }
.analytics-dialog::backdrop { background: #000a; }
.analytics-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.analytics-dialog h2 { margin: 0; font-size: 19px; }
.analytics-dialog button[data-close] { flex: 0 0 40px; font-size: 20px; padding: 4px; background: transparent; }
.analytics-state { margin: 17px 0 12px; color: #8bd3a7; font-size: 13px; line-height: 1.7; }
.analytics-test { padding: 9px 12px; color: #e8b35b; border: 1px solid #e8b35b35; border-radius: 8px; font-size: 12px; line-height: 1.6; }
.analytics-notice { font-size: 12px; line-height: 1.85; color: #b3bfb6; }
.analytics-notice p { margin: 0 0 13px; }
.analytics-settings-actions { margin-top: 20px; }
.analytics-dialog [data-delete], .analytics-dialog [data-confirm-delete] { color: #f1b8aa; border-color: #dd88734f; background: #2f211d; }
.analytics-delete-confirm { margin-top: 17px; padding: 14px; border: 1px solid #dd88734f; border-radius: 9px; font-size: 13px; }
.analytics-delete-confirm p { font-size: 12px; line-height: 1.7; color: #b3bfb6; }
.analytics-delete-confirm > div { display: flex; flex-wrap: wrap; gap: 8px; }
.analytics-feedback { margin: 14px 0 0; color: #e8b35b; font-size: 12px; line-height: 1.75; overflow-wrap: anywhere; }
.analytics-feedback:empty { display: none; }
@media (max-width: 700px) {
  .analytics-banner { align-items: stretch; flex-direction: column; gap: 12px; padding: 14px; }
  .analytics-banner-actions button { flex: 1 1 auto; }
  .analytics-footer { margin-left: 0; }
  .analytics-dialog { padding: 18px; }
}