.q-recordings{padding:24px;margin-bottom:24px}.q-recordings .panel-heading{padding:0 0 20px;gap:16px}.q-recordings .panel-heading p{color:var(--muted,#777);margin:6px 0 0}.q-record-list{display:grid}.q-record-row{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 0}.q-record-symbol{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(218,58,139,.08);color:#cd3785;flex:none}.q-record-text{display:grid;gap:4px;flex:1;min-width:0}.q-record-text strong{overflow-wrap:anywhere}.q-record-text small,.q-record-state,.q-record-hint{font-size:12px;color:var(--muted,#777);line-height:1.7}.q-record-warning{color:#b36d09!important}.q-record-empty{padding:30px 16px;text-align:center;display:grid;justify-items:center;gap:12px;color:var(--muted,#777)}.q-record-empty strong{color:var(--fg)}.q-record-empty p{max-width:480px;margin:0}.q-record-player{display:grid;gap:16px;justify-items:start}.q-record-player audio{width:100%}.q-record-player p,.q-record-player h3{margin:0}.q-record-notice{background:rgba(218,58,139,.05);border:1px solid rgba(218,58,139,.15);padding:16px;border-radius:14px;font-size:13px;line-height:1.6}.q-record-notice strong{display:flex;align-items:center;gap:8px}.q-record-notice p{margin:8px 0}.q-record-notice small{color:var(--muted,#777)}.q-record-pagination{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.q-record-indicator{position:fixed;z-index:120;bottom:110px;right:24px;max-width:min(420px,calc(100vw - 32px));border:1px solid #d94084;background:var(--card);color:var(--fg);border-radius:14px;padding:12px 16px;box-shadow:0 8px 35px #0001;font-size:13px}.q-record-indicator[data-state=recording]:before{content:'';display:inline-block;background:#e43a67;width:8px;height:8px;border-radius:50%;margin-right:8px}.q-record-indicator[data-state=failed],.q-record-indicator[data-state=incomplete]{border-color:#c98726}.q-recordings-customer{padding:18px 0 0;border:0;box-shadow:none}.q-recordings-customer .q-record-row{flex-wrap:wrap}@media(max-width:640px){.q-recordings{padding:18px}.q-recordings .panel-heading{align-items:flex-start;flex-direction:column}.q-record-row{gap:10px;flex-wrap:wrap}.q-record-row>.button{margin-left:52px}.q-record-indicator{right:16px;bottom:165px}.q-recordings-customer{padding:18px 0 0}}