.data-panel { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.data-panel h2 { font: 700 19px Unbounded; letter-spacing: -.07em; }
.data-panel p { margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.data-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.data-actions .outline-button { margin-left: 0; }
.danger-button { border: 1px solid #efb5c0; border-radius: 12px; padding: 11px 14px; color: #bd3651; font-size: 12px; font-weight: 800; }
@media (max-width: 760px) { .data-panel { align-items: stretch; flex-direction: column; } .data-actions { display: grid; grid-template-columns: 1fr; } .data-actions button { width: 100%; } }