/* Live account states added to the original page designs. */
body[data-live-app] [hidden] { display: none !important; }
.design-notices { width: 100%; margin-bottom: 1rem; }
.design-notice { padding: 0.9rem 1rem; margin-bottom: 1rem; border: 1px solid #6389c0; border-radius: 0.5rem; background: #163453; color: #f6f8fc; overflow-wrap: anywhere; }
.design-notice--success { border-color: #427d64; background: #173a30; }
.design-notice--error { border-color: #bd6670; background: #4d2530; }
.design-logout { margin: 0; }
.design-logout button { width: 100%; font: inherit; text-align: left; border: 0; }
body[data-live-app] .table td small { max-width: 30rem; white-space: normal; overflow-wrap: anywhere; }
body[data-live-app] .table td, body[data-live-app] .table th { vertical-align: middle; }
body[data-live-app] .form-text { display: block; white-space: normal; overflow-wrap: anywhere; }
body[data-live-app] .caption .badge { font-size: 0.65rem; white-space: normal; }
body[data-live-app] .caption-title { overflow-wrap: anywhere; }
body[data-live-app] button:disabled, body[data-live-app] input:disabled, body[data-live-app] select:disabled { cursor: not-allowed; opacity: 0.65; }
body[data-live-app] .app-link { overflow-wrap: anywhere; }
body[data-live-app="signup"] #agree { flex-shrink: 0; width: 1rem; height: 1rem; }
body[data-live-app] .form-text { color: #a7a7b5; }
#deposit-qr { flex-shrink: 0; width: 150px; max-width: 100%; margin: auto; }
#deposit-qr canvas, #deposit-qr img { display: block; max-width: 100%; height: auto; margin: auto; }
[data-design-withdraw-panel] { min-width: 0; }
.support-chat-footer input { min-width: 0; }
.support-chat-msg { overflow-wrap: anywhere; }
#service-address { width: calc(100% - 3.5rem); display: inline-block; }
#service-qr { width: 128px; max-width: 100%; }
#service-qr img, #service-qr canvas { max-width: 100%; height: auto; }
.design-payment-history { overflow-wrap: anywhere; }
.design-payment-history input { max-width: 16rem; }
.design-copy-status { min-height: 1.5em; font-size: 0.875rem; margin-top: 0.5rem; }
@media (max-width: 575.98px) {
  body[data-live-app] .caption .badge { max-width: 9rem; }
  body[data-live-app] .table-responsive { max-width: 100%; }
}