/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Project integration: ExchangeLink WNCMS frontend theme
*/

:root {
    --exchange-brand: #405189;
    --exchange-brand-soft: rgba(64, 81, 137, .12);
}

body { min-width: 320px; }
.exchange-brand-name { color: #fff; font-size: 18px; font-weight: 700; letter-spacing: .02em; }
.exchange-page-heading { margin-bottom: 1.5rem; }
.exchange-page-heading h1 { margin-bottom: .35rem; font-size: 1.5rem; }
.exchange-stat-card .card-body { min-height: 126px; }
.exchange-stat-icon { align-items: center; background: var(--exchange-brand-soft); border-radius: 50%; color: var(--exchange-brand); display: inline-flex; font-size: 22px; height: 48px; justify-content: center; width: 48px; }
.exchange-site-logo { background: #f3f6f9; border: 1px solid #e9ebec; border-radius: .5rem; height: 48px; object-fit: contain; padding: 5px; width: 48px; }
.exchange-auth-logo { display: block; margin: 0 auto 1.5rem; max-height: 40px; max-width: 190px; }
.exchange-auth-card { border: 0; box-shadow: 0 5px 20px rgba(30, 32, 37, .1); }
.exchange-auth-copy { color: rgba(255, 255, 255, .82); max-width: 560px; }
.exchange-code { background: #f3f6f9; border: 1px solid #e9ebec; border-radius: .4rem; color: #d63384; font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; padding: .15rem .35rem; }
.exchange-code-block { background: #f3f6f9; border: 1px solid #e9ebec; border-radius: .5rem; font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .8125rem; min-height: 72px; padding: 1rem; resize: vertical; width: 100%; }
.exchange-empty { color: #878a99; padding: 3rem 1rem; text-align: center; }
.exchange-notification-unread { background: rgba(53, 119, 241, .06); }
.exchange-detail-list { display: grid; gap: .85rem; grid-template-columns: 130px minmax(0, 1fr); margin: 0; }
.exchange-detail-list dt { color: #878a99; font-weight: 600; }
.exchange-detail-list dd { margin: 0; overflow-wrap: anywhere; }
.form-label, .form-check-label, .btn, .nav-link, .dropdown-item, .table { font-size: .8125rem; }
.form-control, .form-select { min-height: 40px; }
.table > :not(caption) > * > * { vertical-align: middle; }

@media (max-width: 767.98px) {
    .exchange-page-heading { align-items: flex-start !important; flex-direction: column; }
    .exchange-detail-list { grid-template-columns: 1fr; gap: .25rem; }
    .exchange-detail-list dd { margin-bottom: .65rem; }
}