.receipt-keys { margin: 20px 0; padding: 24px; border: 1px solid var(--dy-border-color, #dce2ea); border-radius: 8px; background: var(--dy-bg-card, #fff); color: var(--dy-text-primary, #202a39); }
.receipt-keys header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.receipt-keys h3 { margin: 0 0 8px; font-size: 16px; }
.receipt-keys p { font-size: 12px; line-height: 1.7; color: var(--dy-text-secondary, #68768a); }
.receipt-keys__form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.receipt-keys label { display: grid; gap: 8px; font-size: 12px; }
.receipt-keys input, .receipt-keys select, .receipt-keys textarea { box-sizing: border-box; max-width: 100%; border: 1px solid var(--dy-border-color, #ccd4e0); border-radius: 4px; padding: 8px 10px; background: var(--dy-bg-card, #fff); color: inherit; font: inherit; }
.receipt-keys input[type=number] { width: 110px; }
.receipt-keys input:focus-visible, .receipt-keys select:focus-visible, .receipt-keys textarea:focus-visible { outline: 2px solid var(--dy-color-primary, #366bff); outline-offset: 2px; }
.receipt-keys__table { overflow-x: auto; }
.receipt-keys table { width: 100%; text-align: left; border-collapse: collapse; font-size: 12px; }
.receipt-keys th, .receipt-keys td { border-bottom: 1px solid var(--dy-border-color, #e3e8ef); padding: 12px 8px; white-space: nowrap; }
.receipt-keys th { color: var(--dy-text-secondary, #68768a); font-weight: 500; }
.receipt-keys__secret { padding: 16px; margin: 16px 0; border-left: 3px solid var(--dy-color-primary, #366bff); background: var(--dy-bg-page, #f5f7fb); }
.receipt-keys textarea { width: 100%; margin-bottom: 12px; font-family: monospace; resize: vertical; }
.receipt-keys .receipt-keys__error { color: #b42318; }
.receipt-keys__note { margin-bottom: 0; }
@media (max-width: 768px) { .receipt-keys { padding: 16px; } .receipt-keys__form label { flex: 1 1 140px; } }