/* Compact dashboard only; shared admin tables and widgets keep their styles. */
.admin-dashboard,
.dashboard-toolbar {
    --dashboard-ink: #202735;
    --dashboard-muted: #667085;
    --dashboard-border: #e4e7ec;
    --dashboard-surface: #fff;
    color: var(--dashboard-ink);
}
.dashboard-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-bottom: 8px;
}
.dashboard-toolbar-title { margin-right: auto; }
.dashboard-toolbar h1 { color: var(--dashboard-ink); font-size: 20px; font-weight: 600; line-height: 1.25; margin: 0; }
.dashboard-toolbar p { color: var(--dashboard-muted); font-size: 11px; line-height: 1.4; margin: 3px 0 0; }
.dashboard-shortcuts { display: flex; flex-wrap: wrap; gap: 6px; }
.dashboard-shortcuts:empty { display: none; }
.dashboard-shortcuts a {
    align-items: center;
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-border);
    border-radius: 6px;
    color: #475467;
    display: inline-flex;
    font-size: 11px;
    font-weight: 500;
    gap: 6px;
    min-height: 32px;
    padding: 5px 9px;
}
.dashboard-shortcuts i { font-size: 15px; }
.dashboard-shortcuts a > i:last-child { color: #8995a6; font-size: 12px; }
.dashboard-toolbar .dashboard-cron-button { min-height: 32px; font-size: 11px; margin-left: 0; }
.admin-dashboard .dashboard-section { margin-bottom: 10px; }
.admin-dashboard .dashboard-section:last-child { margin-bottom: 0; }
.admin-dashboard .dashboard-section-heading { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 7px; }
.admin-dashboard .dashboard-section-heading h2 { color: var(--dashboard-ink); font-size: 12px; font-weight: 600; line-height: 1.5; margin: 0; }
.admin-dashboard .dashboard-section-heading > span { color: #667085; font-size: 10px; white-space: nowrap; }
.admin-dashboard .dashboard-metrics { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-dashboard .dashboard-metric {
    --metric-color: var(--admin-brand-ink);
    --metric-fill: var(--admin-brand-soft);
    background: var(--dashboard-surface);
    border: 1px solid var(--dashboard-border);
    border-radius: 8px;
    color: var(--dashboard-ink);
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 10px 13px;
    position: relative;
    transition: border-color .15s, box-shadow .15s;
}
.admin-dashboard .dashboard-metric--green { --metric-color: #23876c; --metric-fill: #eaf6f1; }
.admin-dashboard .dashboard-metric--amber { --metric-color: #ae7a20; --metric-fill: #fcf4e7; }
.admin-dashboard .dashboard-metric--slate { --metric-color: #6d7790; --metric-fill: #f0f2f7; }
.admin-dashboard .dashboard-metric-top { color: #667085; font-size: 11px; font-weight: 500; line-height: 1.5; padding-right: 36px; }
.admin-dashboard .dashboard-metric-top > span { color: inherit; }
.admin-dashboard .dashboard-metric-top > i {
    align-items: center;
    background: var(--metric-fill);
    border-radius: 7px;
    color: var(--metric-color);
    display: inline-flex;
    font-size: 18px;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}
.admin-dashboard .dashboard-metric > strong { color: var(--dashboard-ink); font-size: 27px; font-variant-numeric: tabular-nums; font-weight: 600; letter-spacing: -.035em; line-height: 1.25; margin-top: 3px; overflow-wrap: anywhere; padding-right: 36px; }
.admin-dashboard .dashboard-stats-strip { background: var(--dashboard-surface); border: 1px solid var(--dashboard-border); border-radius: 8px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 10px; padding: 10px 0; }
.admin-dashboard .dashboard-stats-strip > div,
.admin-dashboard .dashboard-stats-strip > a { align-items: baseline; border-left: 1px solid var(--dashboard-border); color: var(--dashboard-ink); display: flex; flex-wrap: wrap; gap: 3px 12px; justify-content: space-between; min-width: 0; padding: 0 13px; }
.admin-dashboard .dashboard-stats-strip > :first-child { border-left: 0; }
.admin-dashboard .dashboard-stats-strip span { color: var(--dashboard-muted); font-size: 11px; line-height: 1.5; }
.admin-dashboard .dashboard-stats-strip strong { font-size: 20px; font-variant-numeric: tabular-nums; font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.admin-dashboard .dashboard-trading-grid { align-items: start; display: grid; gap: 10px; grid-template-columns: minmax(0, 1.8fr) minmax(220px, 1fr); }
.admin-dashboard .dashboard-panel { background: var(--dashboard-surface); border: 1px solid var(--dashboard-border); border-radius: 8px; min-width: 0; padding: 10px 14px; }
/* Empty datasets use one labelled row, with no chart canvas or reserved body. */
.admin-dashboard .dashboard-panel--empty { padding: 0; }
.admin-dashboard .dashboard-empty-row { align-items: center; display: flex; flex-wrap: wrap; gap: 4px 12px; min-height: 42px; padding: 9px 14px; }
.admin-dashboard .dashboard-empty-row h3 { color: var(--dashboard-ink); font-size: 12px; font-weight: 500; line-height: 1.5; margin: 0; }
.admin-dashboard .dashboard-empty-row > span { color: var(--dashboard-muted); font-size: 11px; line-height: 1.5; }
.admin-dashboard .dashboard-empty-row .dashboard-text-link { margin-left: auto; min-height: 24px; }
.admin-dashboard .dashboard-trading-grid--empty { grid-template-columns: minmax(0, 1fr); }
.admin-dashboard .dashboard-trading-grid--empty .dashboard-status-list { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-dashboard .dashboard-trading-grid--empty .dashboard-order-status .dashboard-panel-heading { margin-bottom: 3px; }
.admin-dashboard .dashboard-trading-grid--empty .dashboard-order-status .dashboard-panel-heading p { display: none; }
.admin-dashboard .dashboard-trading-grid--empty .dashboard-status-row { border-bottom: 0; }
.admin-dashboard .dashboard-panel-heading { align-items: flex-start; display: flex; gap: 10px; justify-content: space-between; margin-bottom: 8px; }
.admin-dashboard .dashboard-panel-heading h3 { color: var(--dashboard-ink); font-size: 12px; font-weight: 600; line-height: 1.5; margin: 0; }
.admin-dashboard .dashboard-panel-heading p { color: var(--dashboard-muted); font-size: 10px; line-height: 1.5; margin: 2px 0 0; }
.admin-dashboard .dashboard-text-link { align-items: center; color: var(--admin-brand-ink); display: inline-flex; flex-shrink: 0; font-size: 10px; gap: 5px; min-height: 24px; }
.admin-dashboard .dashboard-order-body { align-items: center; display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr) 120px; }
.admin-dashboard .order-list,
.admin-dashboard .deposit-list,
.admin-dashboard .withdraw-list { margin-bottom: 0; max-height: 132px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.admin-dashboard .list-group-item { background: transparent; border-color: #f0f2f6; border-left: 0; border-radius: 0; border-right: 0; color: #475467; font-size: 11px; line-height: 1.5; margin-bottom: 0 !important; overflow-wrap: anywhere; padding: 6px 0; }
.admin-dashboard .list-group-item > span:last-child { font-variant-numeric: tabular-nums; }
.admin-dashboard .list-group-item:first-child { border-top: 0; }
.admin-dashboard .list-group-item:last-child { border-bottom: 0; }
.admin-dashboard .list-group-item.dashboard-list-labels { background: #fff; color: #667085; font-size: 10px; font-weight: 500; padding-top: 0; position: sticky; top: 0; z-index: 1; }
.admin-dashboard .dashboard-chart { margin: auto; max-width: 120px; min-width: 0; position: relative; width: 100%; }
.admin-dashboard .dashboard-chart canvas { display: block; max-width: 100%; }
.admin-dashboard .dashboard-status-list { display: flex; flex-direction: column; }
.admin-dashboard .dashboard-status-row { align-items: center; border-bottom: 1px solid #f0f2f6; color: #475467; display: flex; font-size: 11px; gap: 12px; justify-content: space-between; line-height: 1.35; min-height: 29px; padding: 5px 0; }
.admin-dashboard .dashboard-status-row:last-child { border-bottom: 0; }
.admin-dashboard .dashboard-status-row > span { align-items: center; display: flex; gap: 7px; }
.admin-dashboard .dashboard-status-row > strong { color: var(--dashboard-ink); font-size: 14px; font-variant-numeric: tabular-nums; font-weight: 600; line-height: 1.25; }
.admin-dashboard .dashboard-status-dot { background: var(--admin-brand-primary); border-radius: 50%; display: inline-block; flex: 0 0 5px; height: 5px; width: 5px; }
.admin-dashboard .dashboard-status-dot--amber { background: #dba84e; }
.admin-dashboard .dashboard-status-dot--green { background: #4ca589; }
.admin-dashboard .dashboard-status-dot--slate { background: #a1acbc; }
.admin-dashboard .dashboard-funding-grid { align-items: start; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-dashboard .dashboard-funding-body { align-items: center; display: grid; gap: 14px; grid-template-columns: 88px minmax(0, 1fr); min-width: 0; }
.admin-dashboard .dashboard-chart--funding { max-width: 88px; }
.admin-dashboard .deposit-list > .list-group-item,
.admin-dashboard .withdraw-list > .list-group-item { align-items: center; display: grid !important; gap: 7px; grid-template-columns: minmax(70px, 1fr) minmax(0, 1fr) minmax(0, 1fr); }
.admin-dashboard .deposit-list > .list-group-item > span,
.admin-dashboard .withdraw-list > .list-group-item > span { overflow-wrap: anywhere; text-align: right !important; }
.admin-dashboard .deposit-list > .dashboard-list-labels > span:first-child,
.admin-dashboard .withdraw-list > .dashboard-list-labels > span:first-child { text-align: left !important; }
.admin-dashboard .dashboard-currency,
.admin-dashboard .dashboard-funding-body .user { align-items: center; display: flex; flex-wrap: nowrap !important; gap: 6px !important; min-width: 0; }
.admin-dashboard .dashboard-currency .thumb,
.admin-dashboard .dashboard-funding-body .user .thumb { flex: 0 0 20px; height: 20px; width: 20px; }
.admin-dashboard .dashboard-currency .thumb img,
.admin-dashboard .dashboard-funding-body .user .thumb img { height: 20px; object-fit: contain; width: 20px; }
.admin-dashboard .dashboard-currency > div:last-child { min-width: 0; }
.admin-dashboard .dashboard-currency strong { color: #202735; display: block; font-size: 10px; font-weight: 500; }
.admin-dashboard .dashboard-currency small { color: #667085; display: block; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-dashboard .dashboard-login-grid { align-items: start; display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-dashboard .dashboard-login-body { align-items: center; display: flex; gap: 14px; min-height: 68px; }
.admin-dashboard .dashboard-chart--login { flex: 0 0 80px; margin: 0; max-width: 80px; }
.admin-dashboard .dashboard-chart-legend { flex: 1; margin: 0; max-height: 80px; min-width: 0; overflow-y: auto; padding: 0; scrollbar-width: thin; }
.admin-dashboard .dashboard-chart-legend li { align-items: center; border-bottom: 1px solid #f0f2f6; color: #667085; display: flex; font-size: 11px; gap: 10px; justify-content: space-between; line-height: 1.5; padding: 4px 0; }
.admin-dashboard .dashboard-chart-legend li:last-child { border-bottom: 0; }
.admin-dashboard .dashboard-chart-legend li > span { overflow-wrap: anywhere; }
.admin-dashboard .dashboard-chart-legend strong { color: #202735; font-variant-numeric: tabular-nums; font-weight: 500; }
.admin-dashboard a:focus-visible,
.dashboard-toolbar a:focus-visible { border-radius: 5px; outline: 2px solid var(--admin-brand-ink); outline-offset: 3px; }
@media (hover: hover) {
    .admin-dashboard a.dashboard-metric:hover { border-color: var(--admin-brand-border); box-shadow: 0 3px 14px #20304c0a; }
    .dashboard-shortcuts a:hover { background: var(--admin-brand-soft); border-color: var(--admin-brand-border); }
    .admin-dashboard a.dashboard-status-row:hover,
    .admin-dashboard .dashboard-text-link:hover,
    .admin-dashboard .dashboard-stats-strip > a:hover strong { color: var(--admin-brand-ink); }
}
@media (max-width: 1199px) {
    .admin-dashboard .dashboard-stats-strip > div,
    .admin-dashboard .dashboard-stats-strip > a { align-items: flex-start; flex-direction: column; gap: 3px; }
    .admin-dashboard .dashboard-order-body { grid-template-columns: minmax(0, 1fr) 100px; }
    .admin-dashboard .dashboard-funding-body { gap: 10px; grid-template-columns: 70px minmax(0, 1fr); }
    .admin-dashboard .dashboard-chart--funding { max-width: 70px; }
    .admin-dashboard .dashboard-login-body { gap: 9px; }
    .admin-dashboard .dashboard-chart--login { flex-basis: 64px; max-width: 64px; }
}
@media (max-width: 991px) {
    .admin-dashboard .dashboard-trading-grid:not(.dashboard-trading-grid--empty) { grid-template-columns: minmax(0, 1.5fr) minmax(210px, 1fr); }
    .admin-dashboard .dashboard-funding-grid { grid-template-columns: minmax(0, 1fr); }
    .admin-dashboard .dashboard-funding-body { grid-template-columns: 88px minmax(0, 1fr); }
    .admin-dashboard .dashboard-chart--funding { max-width: 88px; }
}
@media (max-width: 767px) {
    .dashboard-toolbar { gap: 10px; }
    .dashboard-toolbar-title { flex: 1; }
    .dashboard-shortcuts { order: 1; width: 100%; }
    .dashboard-shortcuts a { min-height: 36px; }
    .admin-dashboard .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-dashboard .dashboard-login-grid { grid-template-columns: minmax(0, 1fr); }
    .admin-dashboard .dashboard-login-body { gap: 14px; }
    .admin-dashboard .dashboard-chart--login { flex-basis: 80px; max-width: 80px; }
}
@media (max-width: 575px) {
    .admin-dashboard .dashboard-metric { padding: 10px; }
    .admin-dashboard .dashboard-metric-top { padding-right: 26px; }
    .admin-dashboard .dashboard-metric-top > i { height: 24px; right: 10px; width: 24px; font-size: 16px; }
    .admin-dashboard .dashboard-metric > strong { padding-right: 26px; }
    .admin-dashboard .dashboard-stats-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
    .admin-dashboard .dashboard-stats-strip > div,
    .admin-dashboard .dashboard-stats-strip > a { align-items: baseline; flex-direction: row; padding: 10px 12px; }
    .admin-dashboard .dashboard-stats-strip > :nth-child(3) { border-left: 0; }
    .admin-dashboard .dashboard-stats-strip > :nth-child(n+3) { border-top: 1px solid var(--dashboard-border); }
    .admin-dashboard .dashboard-trading-grid { grid-template-columns: minmax(0, 1fr); }
    .admin-dashboard .dashboard-panel:not(.dashboard-panel--empty) { padding: 12px; }
    .admin-dashboard .dashboard-trading-grid--empty .dashboard-status-list { gap: 0 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-dashboard .dashboard-order-body { grid-template-columns: minmax(0, 1fr) 88px; }
    .admin-dashboard .dashboard-order-status .dashboard-status-row { min-height: 34px; }
    .admin-dashboard .dashboard-funding-body { align-items: start; grid-template-columns: minmax(0, 1fr); }
    .admin-dashboard .dashboard-chart--funding { max-width: 80px; }
}
@media (prefers-reduced-motion: reduce) {
    .admin-dashboard .dashboard-metric { transition: none; }
}