/* Shared real/demo deposit controls, intentionally independent of Bootstrap outlines. */
.deposit-actions, .deposit-mobile-actions, .deposit-menu {
 --action-ink: #475569; --action-highlight: #4f46e5; --action-danger: #b91c1c;
 --action-surface: color-mix(in srgb, var(--muted) 6%, var(--surface));
}
[data-theme="dark"] .deposit-actions, [data-theme="dark"] .deposit-mobile-actions, [data-theme="dark"] .deposit-menu {
 --action-ink: #c6d3ee; --action-highlight: #b4adff; --action-danger: #fca5a5;
 --action-surface: #1b263b;
}
.deposit-actions { display: flex; align-items: center; gap: 7px; }
.deposit-actions > form { margin: 0; display: flex; }
.deposit-action {
 display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px;
 width: 44px; height: 44px; padding: 0; border: 1px solid var(--border); border-radius: 13px;
 color: var(--action-ink); background: var(--action-surface); text-decoration: none; cursor: pointer;
 transition: background-color .16s, border-color .16s, color .16s; font-size: 1.05rem; line-height: 1;
}
.deposit-action > i { line-height: 1; }
.deposit-action:hover, .deposit-action:focus-visible {
 color: var(--action-highlight); border-color: color-mix(in srgb, var(--action-highlight) 45%, var(--border));
 background: color-mix(in srgb, var(--action-highlight) 12%, var(--surface));
}
.deposit-action.is-danger { color: var(--action-danger); }
.deposit-action.is-danger:hover { background: color-mix(in srgb, var(--action-danger) 10%, var(--surface)); border-color: color-mix(in srgb, var(--action-danger) 40%, var(--border)); }
.deposit-action:focus-visible, .deposit-mobile-actions > :focus-visible, .deposit-menu button:focus-visible {
 outline: 2px solid var(--action-highlight); outline-offset: 3px;
}
.deposit-mobile-actions > a, .deposit-mobile-actions > button {
 min-height: 76px; gap: .45rem; padding: .65rem .3rem; border-radius: 14px;
 background: var(--action-surface); border-color: var(--border); color: var(--text); text-align: center;
 font-size: .72rem; line-height: 1.3; font-weight: 500; cursor: pointer; transition: background-color .16s, border-color .16s;
}
.deposit-mobile-actions > a > i, .deposit-mobile-actions > button > i {
 display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px;
 color: var(--action-ink); background: color-mix(in srgb, var(--muted) 9%, transparent); font-size: 1rem;
}
.deposit-mobile-actions > a:hover, .deposit-mobile-actions > button:hover {
 background: color-mix(in srgb, var(--action-highlight) 9%, var(--surface)); border-color: color-mix(in srgb, var(--action-highlight) 35%, var(--border)); color: var(--text);
}
.deposit-menu .settings-icon-btn { color: var(--action-ink); border-color: var(--border); border-radius: 11px; background: var(--action-surface); }
.deposit-menu .dropdown-menu {
 --bs-dropdown-bg: var(--surface); --bs-dropdown-color: var(--text);
 --bs-dropdown-link-color: var(--text); --bs-dropdown-link-hover-bg: var(--action-surface);
 --bs-dropdown-link-hover-color: var(--text); --bs-dropdown-link-active-bg: var(--action-surface);
 border: 1px solid var(--border); padding: .4rem; border-radius: 13px; box-shadow: var(--shadow);
}
.deposit-menu .dropdown-item { border-radius: 8px; min-height: 40px; display: flex; align-items: center; gap: .5rem; }
.deposit-menu .dropdown-item.text-danger { color: var(--action-danger) !important; }
.demo-operation-dialog { --bs-modal-width: 600px; }
.demo-operation-editor { flex: 1 1 auto; }
.demo-operation-editor .modal-header > .settings-icon-btn { margin-left: auto; }
.demo-operation-editor .modal-footer.settings-form-actions { flex-shrink: 0; margin: 0; padding: 1rem 1.5rem; }
.demo-operation-toggle { margin-top: 1.1rem; background: var(--fee-field-bg); }
.demo-operation-toggle .form-check-input { margin-top: 0; }
.demo-operation-amount { margin-top: 1rem; }
.demo-operation-section { display: grid; gap: 1rem; border-top: 1px solid var(--border); margin-top: 1.25rem; padding-top: 1.25rem; }
@media (max-width: 575.98px) {
 .demo-operation-editor .fee-fields-grid { grid-template-columns: minmax(0, 1fr); }
 .demo-operation-editor .modal-footer.settings-form-actions { padding: 1rem; flex-wrap: wrap; }
 .demo-operation-editor .modal-footer > .btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
 .deposit-action, .deposit-mobile-actions > a, .deposit-mobile-actions > button { transition: none; }
}