.transfer-dialog { width: min(860px, calc(100vw - 40px)); }
.receipt-dialog { width: min(650px, calc(100vw - 40px)); }
.transfer-dialog .product-body, .receipt-dialog .product-body { overflow-y: auto; padding: 0 30px 28px; min-height: 0; }
.transfer-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 18px 0; }
.transfer-toolbar .text-button { margin-left: auto; }
.transfer-list { display: grid; gap: 14px; }
.transfer-item { border: 1px solid #dce7df; border-radius: 14px; padding: 18px; background: #fff; }
.transfer-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 15px; }
.transfer-heading h3 { min-width: 0; overflow-wrap: anywhere; }
.transfer-state { flex-shrink: 0; color: #087f73; font-size: 12px; font-weight: 650; }
.transfer-item progress { width: 100%; height: 7px; accent-color: #087f73; }
.transfer-item .product-item-meta { margin-top: 10px; }
.transfer-item .product-item-actions { margin-top: 13px; justify-content: flex-start; flex-wrap: wrap; }
.transfer-failure, .usage-warning { color: #a34d29; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.receipt-button { background: none; border: 0; padding: 2px 0; cursor: pointer; text-align: left; }
.receipt-button:hover { color: #087f73; text-decoration: underline; }
.receipt-button:focus-visible { outline: 2px solid #087f73; outline-offset: 3px; border-radius: 3px; }
.export-actions { justify-content: flex-start; flex-wrap: wrap; }
#activity-list { margin-top: 18px; }
#activity-more { margin-top: 16px; }
#activity-security, #admin-enable-mfa { display: block; margin-top: 8px; }
#account-export-status { min-height: 18px; }
@media (max-height: 800px) {
  .sidebar-bottom .space-note { display: none; }
  .device-section { margin-top: 10px; padding-top: 10px; }
  .device-list { max-height: 80px; }
}
@media (max-width: 600px) {
  .transfer-dialog, .receipt-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 24px); }
  .transfer-dialog .product-body, .receipt-dialog .product-body { padding: 0 16px 18px; }
  .transfer-item { padding: 14px; }
  .transfer-heading { flex-direction: column; gap: 7px; }
  .transfer-toolbar .button { flex: 1 1 auto; }
}