.recording-config{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:24px;overflow-x:hidden;padding:20px}@media (max-width:768px){.recording-config{padding:12px}}.recording-config h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.config-section{margin-bottom:20px}.config-section:last-child{margin-bottom:0}.config-section h4{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.data-types{display:flex;flex-wrap:wrap;gap:8px}.badge-data-type{background:#3b82f6;background:var(--accent-color,#3b82f6);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.subscriptions{display:flex;flex-direction:column;gap:8px}.subscription-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;padding:8px 12px}@media (max-width:768px){.subscription-item{font-size:12px;padding:6px 8px}}.gateway-id{color:var(--text-primary);font-weight:600;min-width:80px}@media (max-width:768px){.gateway-id{min-width:0;min-width:auto}}.exchange{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.secret-name{color:var(--text-tertiary);font-size:12px}.status-check{color:#10b981;color:var(--success-color,#10b981);font-size:16px;font-weight:700;margin-left:auto}.text-muted{color:var(--text-tertiary);font-size:14px;font-style:italic}