/* Extracted from ecosystem.css — Dashboard + Lite home surfaces. */
/* Load after ecosystem.css and before ecosystem_deals.css. */

/* --- from ecosystem.css L1193-L1316 --- */
 /* dashboard */
 #dash { margin-bottom:8px; }
 #dash[data-mode="compact"] { margin-bottom:6px; }
    .dash-compact-line { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:6px; }
    .dash-kpi-main, .dash-kpi-recon, .dash-kpi-debt {
        min-height:34px; padding:6px 10px; font-size:14px;
    }
    .dash-kpi-main b, .dash-kpi-recon b, .dash-kpi-debt b { font-variant-numeric:tabular-nums; }
    .dash-kpi-main { font-weight:600; }
    .dash-chip-row { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:6px; }
    .dash-chip-row.compact .rk { min-height:32px; padding:6px 10px; font-size:12px; }
 /* Dashboard financial narrative: one primary book-capital card, then wallet reality and
 an explicit reconciliation state. Glass is reserved for this hierarchy anchor only. */
    .dash-financial {
        display:grid; grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);
        gap:8px; margin-bottom:6px; align-items:stretch;
    }
    .dash-financial.is-calm { grid-template-columns:1fr; }
    .dash-fin-capital {
        display:grid; grid-template-columns:minmax(220px,1.15fr) minmax(260px,1fr);
        min-width:0; overflow:hidden; border:1px solid rgba(51,144,236,.18);
        border-radius:8px;
        background:
            radial-gradient(circle at 0 0, rgba(255,255,255,.48), transparent 42%),
            linear-gradient(135deg, rgba(51,144,236,.18), rgba(106,92,255,.07));
        box-shadow:0 8px 26px -20px rgba(31,111,208,.75), inset 0 1px 0 rgba(255,255,255,.45);
        backdrop-filter:saturate(135%) blur(14px);
        -webkit-backdrop-filter:saturate(135%) blur(14px);
    }
    .dash-fin-hero {
        display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
        min-width:0; min-height:106px; padding:14px 16px; border:0; cursor:pointer;
        color:inherit; text-align:left; font:inherit; background:transparent;
    }
    .dash-fin-kicker {
        font-size:12px; font-weight:650; color:var(--tg-theme-hint-color,#6f7782);
        letter-spacing:.01em;
    }
    .dash-fin-value {
        margin-top:3px; font-size:30px; line-height:1.05; font-weight:760;
        letter-spacing:-.025em; font-variant-numeric:tabular-nums;
    }
    .dash-fin-value small { font-size:12px; font-weight:650; letter-spacing:0; opacity:.68; }
    .dash-fin-caption {
        margin-top:6px; max-width:34ch; font-size:11px; line-height:1.3;
        color:var(--tg-theme-hint-color,#727b86);
    }
    .dash-fin-breakdown {
        display:flex; flex-direction:column; justify-content:center; gap:2px;
        min-width:0; padding:9px;
        border-left:1px solid rgba(127,127,127,.13);
        background:rgba(255,255,255,.24);
    }
    .dash-fin-row {
        display:flex; align-items:center; justify-content:space-between; gap:10px;
        width:100%; min-height:28px; padding:5px 7px; border:0; border-radius:8px;
        cursor:pointer; color:inherit; font:inherit; font-size:12px; background:transparent;
    }
    .dash-fin-row:hover { background:rgba(127,127,127,.08); }
    .dash-fin-row span { color:var(--tg-theme-hint-color,#747b84); }
    .dash-fin-row b { white-space:nowrap; font-variant-numeric:tabular-nums; }
    .dash-fin-ok, .dash-fin-muted {
        margin:3px 7px 0; padding-top:5px; border-top:1px solid rgba(127,127,127,.12);
        font-size:11px; line-height:1.25;
    }
    .dash-fin-ok { color:var(--pos,#1a8d3e); font-weight:650; }
    .dash-fin-muted { color:var(--tg-theme-hint-color,#888); }
    .dash-fin-alert {
        display:flex; flex-direction:column; justify-content:center; min-width:0;
        padding:13px 14px; border:1px solid rgba(209,17,17,.19); border-left:3px solid var(--neg,#d11);
        border-radius:8px; background:linear-gradient(135deg, rgba(209,17,17,.075), rgba(209,17,17,.025));
        box-shadow:0 7px 24px -22px rgba(209,17,17,.8);
    }
    .dash-fin-alert-k {
        font-size:10px; font-weight:700; letter-spacing:.055em; text-transform:uppercase;
        color:var(--neg,#d11); opacity:.82;
    }
    .dash-fin-alert strong {
        margin-top:4px; font-size:17px; line-height:1.15; color:var(--neg,#d11);
        font-variant-numeric:tabular-nums;
    }
    .dash-fin-alert > span:not(.dash-fin-alert-k) {
        margin-top:5px; font-size:11px; line-height:1.35; color:var(--tg-theme-hint-color,#777);
    }
    .dash-fin-alert-actions { display:flex; gap:5px; flex-wrap:wrap; margin-top:9px; }
    .dash-fin-alert-actions .rk { min-height:28px; padding:5px 9px; font-size:11px; }
    .dash-fin-secondary { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 6px; }
    .dash-fin-secondary .rk { min-height:30px; padding:5px 9px; font-size:11px; }
    .dash-sec-head {
        display:flex; align-items:center; justify-content:space-between; gap:10px;
        flex:1; min-width:0;
    }
 /* Titles stay one horizontal line — never letter-stack in a squeezed column. */
    .dash-sec-head .dash-sec-title {
        margin:0; flex:0 1 auto; min-width:max-content; max-width:55%;
        white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    }
    .dash-sec-summary {
        flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
        font-size:11px; font-weight:500; color:var(--tg-theme-hint-color,#777);
        font-variant-numeric:tabular-nums; text-align:right;
    }
    .dash-sec .collap-h { min-height:28px; }
    .dash-sec .collap.closed .collap-h { min-height:30px; }
    @media (max-width:760px) {
      .dash-financial { grid-template-columns:1fr; }
      .dash-fin-capital { grid-template-columns:1fr; }
      .dash-fin-breakdown {
          border-left:0; border-top:1px solid rgba(127,127,127,.13);
          background:rgba(255,255,255,.18);
      }
      .dash-fin-hero { min-height:92px; padding:13px 14px; }
      .dash-fin-value { font-size:28px; }
    }
    body.lite .dash-financial { grid-template-columns:1fr; }
    body.lite .dash-fin-capital { grid-template-columns:1fr; }
    body.lite .dash-fin-breakdown {
        border-left:0; border-top:1px solid rgba(127,127,127,.13);
        background:rgba(255,255,255,.18);
    }
    body.lite .dash-fin-hero { min-height:92px; padding:13px 14px; }
    body.lite .dash-fin-row { min-height:42px; padding:8px 7px; font-size:13px; }
    body.lite .dash-fin-alert { padding:13px; }
    body.lite .dash-fin-alert-actions .rk { min-height:42px; padding:8px 11px; font-size:13px; }

/* --- from ecosystem.css L1343-L1354 --- */
    html[data-theme="dark"] .dash-fin-capital {
        background:
            radial-gradient(circle at 0 0, rgba(255,255,255,.08), transparent 42%),
            linear-gradient(135deg, rgba(82,136,193,.19), rgba(106,92,255,.09));
        border-color:rgba(143,163,181,.18);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
    }
    html[data-theme="dark"] .dash-fin-breakdown { background:rgba(23,33,43,.28); }
    html[data-theme="dark"] .dash-fin-alert {
        background:linear-gradient(135deg, rgba(255,91,91,.11), rgba(255,91,91,.035));
        border-color:rgba(255,91,91,.2); border-left-color:var(--neg,#ff5b5b);
    }

/* --- from ecosystem.css L1698-L1700 --- */
 /* §19: dashboard info panel — compact tables, 2-col grid in Pro */
    .dash-sec { border:1px solid var(--tg-theme-hint-color,#e0e0e0); border-radius:8px;
        padding:8px 10px; margin-top:8px; background:var(--tg-theme-bg-color,#fff); }

/* --- from ecosystem.css L1898-L2007 --- */
    .dash-grid { display:block; }
    body.pro .dash-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(360px,1fr));
        gap:8px; align-items:start; }
    body.pro .dash-grid .dash-sec { margin-top:0; }
    .dash-tops {
      display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;
      gap:10px; margin-left:auto; min-width:0;
    }
    .dash-tops .dash-top-tile { margin-top:0; min-width:0; width:auto; }
    body.pro[data-view="dash"] .ovh {
        display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:6px;
    }
    body.pro[data-view="dash"] .ovh .ovt { min-width:0; width:100%; }
    body.pro[data-view="dash"] .ovh .ovt-hero { grid-column:1 / -1; }
    body.pro.focus-workspace[data-view="dash"] .ovh {
        grid-template-columns:minmax(260px,2.15fr) minmax(140px,1fr) minmax(140px,1fr);
    }
    body.pro.focus-workspace[data-view="dash"] .ovh .ovt-hero {
        grid-column:auto; text-align:left; padding:8px 12px; min-height:74px;
    }
    body.pro.focus-workspace[data-view="dash"] .ovh .ovt-hero .ovv { font-size:30px; }
    body.pro.focus-workspace[data-view="dash"] .ovh .ovt:not(.ovt-hero) { min-height:74px; }
    body.pro.focus-workspace[data-view="dash"] .dash-chip-row.compact {
        flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:4px 0 0;
    }
    body.pro.focus-workspace[data-view="dash"] .dash-chip-row.compact::-webkit-scrollbar { display:none; }
    body.pro.focus-workspace[data-view="dash"] .dash-chip-row.compact .rk {
        flex:0 0 auto; min-height:30px; padding:5px 10px;
    }
    .dash-core-grid { display:grid; gap:8px; margin-top:6px; grid-template-columns:minmax(0, 1fr); }
    .dash-finance-jump-row { margin:8px 0 0; }
    .dash-finance-jump { min-height:44px; }
 /* Wide Pro only: Balances + Cash side-by-side. Narrow / focus / Lite → stack. */
    @media (min-width:701px) {
      body.pro:not(.focus-workspace) .dash-core-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:stretch; }
    }
    body.pro .dash-core-grid.is-single { grid-template-columns:minmax(0, 1fr); }
    body.pro .dash-core-grid .dash-sec { margin-top:0; display:flex; }
    body.pro .dash-core-grid .dash-sec details { display:flex; flex:1; flex-direction:column; }
    body.pro .dash-core-grid .dash-sec .dash-sec-body { flex:1; overflow:auto; }
    body.pro .dash-grid .dash-sec .dash-sec-body { max-height:260px; overflow:auto; }

/* --- from ecosystem.css L4032-L4099 --- */
/* Dashboard flat sections */
.dash-sec.ecosystem-card {
  margin-top: 8px;
  padding: 10px 11px;
}

.dash-sec-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  list-style: none;
}

.dash-sec-head::-webkit-details-marker { display: none; }
.dash-sec-head::before {
  content: "▸";
  flex: 0 0 auto;
  color: var(--tg-theme-hint-color, #68717d);
}
.dash-sec details[open] > .dash-sec-head::before { content: "▾"; }

.dash-sec-title {
  flex: 0 1 auto;
  min-width: max-content;
  max-width: 55%;
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: -.1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-sec-summary {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 11px;
  color: var(--tg-theme-hint-color, #68717d);
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-sec-body {
  overflow: auto;
  max-height: 260px;
}

body.pro .dash-core-grid .dash-sec {
  display: flex;
  flex-direction: column;
}

body.pro .dash-core-grid .dash-sec details {
  display: flex;
  flex: 1;
  flex-direction: column;
}

body.pro .dash-core-grid .dash-sec-body {
  flex: 1;
}

/* --- from ecosystem.css L4329-L4406 --- */
.dash-modal-toolbar,
.dash-modal-bulk {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.dash-quick-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.dash-today-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  background: var(--tg-theme-secondary-bg-color, #f1f1f1);
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 6px;
}
.dash-today-chips { opacity: .85; }
.dash-period-row { margin-bottom: 6px; }
.dash-config-btn { margin-left: 6px; }
.dash-more-row { opacity: .72; }
.dash-meta-dim { opacity: .6; }
.dash-preset-row { flex-wrap: wrap; margin-bottom: 6px; }
.dash-recon-actions { margin-top: 10px; }

.dash-onboard-card,
.dash-now,
.dash-usdt,
.dash-estimate,
.dash-cash-link {
  box-sizing: border-box;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-card-radius);
  background: var(--ui-surface-raised);
  box-shadow: var(--ui-shadow);
  padding: 12px 16px;
}
.dash-onboard-card {
  margin-bottom: 12px;
  overflow: visible;
}
.dash-onboard-head {
  display: flex;
  align-items: center;
  gap: var(--ui-space-2, 8px);
  margin: 0;
}
.dash-onboard-head b {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
}
.dash-onboard-lead {
  margin: 4px 0 8px;
  color: var(--tg-theme-hint-color, #68717d);
  font-size: 13px;
  line-height: 1.35;
}
.dash-onboard-step {
  display: flex;
  align-items: center;
  gap: var(--ui-space-3, 12px);
  min-height: 36px;
  margin: 0;
  padding: 2px 0;
}
.dash-onboard-step + .dash-onboard-step {
  border-top: 1px solid var(--ui-border, rgba(127, 127, 127, .18));
}
.dash-onboard-mark {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: 1.5px solid var(--ui-border-strong, rgba(127, 127, 127, .38));
  border-radius: 8px;
}
.dash-onboard-mark.is-done {
  border-color: transparent;
  background: var(--pos, #1a8d3e);
}
.dash-onboard-mark.is-done::after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  margin: 1px auto 0;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.dash-onboard-label {
  flex: 1 1 auto;
  min-width: 0;
}
.dash-onboard-step .ob-go {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
}
.dash-onboard-label.is-done {
  opacity: .55;
  text-decoration: line-through;
}
.dash-onboard-hide {
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 18px;
  line-height: 1;
  background: transparent;
  box-shadow: none;
  color: var(--tg-theme-hint-color, #68717d);
  cursor: pointer;
}

.dash-req-stepper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1px;
  margin: 4px 0;
}
.dash-step { white-space: nowrap; }
.dash-step-done { color: var(--pos, #1a8d3e); font-weight: 600; }
.dash-step-cur { color: var(--tg-theme-button-color, #3390ec); font-weight: 600; }
.dash-step-pend { color: var(--ui-muted, var(--tg-theme-hint-color, #5a6573)); font-weight: 400; }
.dash-step-sep { opacity: .4; margin: 0 3px; }

.dash-fin-value, .dash-fin-row b, .attn-badge {
  font-variant-numeric: tabular-nums;
}
.attn-inbox {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.attn-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  text-align: left;
  min-height: 40px;
  padding: 8px 12px;
}
.attn-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  font-size: 16px;
  line-height: 1;
}
.attn-label { flex: 1 1 auto; min-width: 0; }
.attn-badge {
  flex: 0 0 auto;
  min-width: 1.6em;
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  background: color-mix(in srgb, var(--tg-theme-hint-color, #708090) 18%, transparent);
}

.dash-shift-wide {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
.dash-shift-main, .dash-shift-side { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.dash-now-title {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.dash-now-clear {
  margin: 0;
  font-size: 13px;
  color: var(--tg-theme-hint-color, #777);
}
.attn-row.chip-alert {
  border-left: 3px solid var(--neg, #d11);
  font-weight: 650;
}
.dash-usdt {
  display: flex;
  flex-direction: column;
  gap: 0;
}
#dash section.dash-usdt .dash-usdt-hero,
#dash section.dash-usdt .dash-usdt-row {
  border: 0;
  background: transparent;
  box-shadow: none;
}
section.dash-usdt .dash-usdt-hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  min-height: 0;
  padding: 0 4px 6px;
  color: inherit;
  text-align: left;
}
.dash-usdt-kicker { font-size: 12px; font-weight: 650; color: var(--tg-theme-hint-color, #6f7782); }
.dash-usdt-value {
  font-size: 26px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.dash-usdt-value small { font-size: 12px; font-weight: 650; opacity: .68; }
.dash-usdt-caption { font-size: 11px; color: var(--tg-theme-hint-color, #727b86); }
section.dash-usdt .dash-usdt-side {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  padding-top: 6px;
  border-top: 1px solid color-mix(in srgb, var(--tg-theme-hint-color, #708090) 22%, transparent);
}
section.dash-usdt .dash-usdt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 32px;
  padding: 5px 4px;
  color: inherit;
  font: inherit;
  font-size: 13px;
}
.dash-usdt-row.is-gap { color: var(--neg, #d11); font-weight: 650; }
.dash-usdt-ok { margin-top: 2px; font-size: 12px; font-weight: 650; color: var(--pos, #1a8d3e); }
.dash-usdt-muted { margin-top: 2px; font-size: 12px; color: var(--tg-theme-hint-color, #888); }
.dash-estimate {
  display: flex;
  flex-direction: column;
}
.dash-estimate-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.dash-estimate-k { font-size: 12px; font-weight: 650; color: var(--tg-theme-hint-color, #6f7782); }
.dash-estimate-v { font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.dash-estimate-c { font-size: 11px; line-height: 1.35; color: var(--tg-theme-hint-color, #777); }
.dash-shift-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 10px 0 6px;
}
.dash-shift-footer-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.dash-period-foot { margin-top: 2px; }

.dash-cash-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  color: inherit;
  text-align: left;
}
.dash-cash-link-k { font-size: 13px; font-weight: 650; }
.dash-cash-link-v {
  font-size: 12px;
  color: var(--tg-theme-hint-color, #68717d);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

#dash.dash-home-fit {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  height: var(--dash-fit-height, calc(100dvh - var(--dash-fit-top, 0px) - var(--dash-fit-bottom, 16px)));
  max-height: var(--dash-fit-height, calc(100dvh - var(--dash-fit-top, 0px) - var(--dash-fit-bottom, 16px)));
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 24px;
  overflow: hidden;
}
#dash.dash-home-fit .dash-shift-wide,
#dash.dash-home-fit .dash-shift-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  overflow: hidden;
  margin-bottom: 0;
}
#dash.dash-home-fit .dash-now {
  flex: 0 1 auto;
  min-height: 0;
  overflow: auto;
}
#dash.dash-home-fit .dash-onboard-card {
  flex: 0 0 auto;
  min-height: 0;
  margin-bottom: 0;
  overflow: visible;
}
#dash.dash-home-fit .dash-usdt,
#dash.dash-home-fit .dash-cash-link,
#dash.dash-home-fit .finance-overview-context,
#dash.dash-home-fit .dash-shift-footer {
  flex: 0 0 auto;
}
#dash.dash-home-fit .dash-shift-footer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 8px 0 0;
}
#dash.dash-home-fit .dash-shift-footer-main,
#dash.dash-home-fit .dash-new-deal {
  width: 100%;
}
#dash.dash-home-fit .dash-new-deal {
  display: flex;
  box-sizing: border-box;
}
#dash.dash-home-fit .dash-shift-footer .rk { min-height: 44px; }

@media (max-width: 700px) {
  body.pro[data-view="dash"]:not(.cabinet-nav):has(#dash.dash-home-fit) {
    overflow: hidden;
  }
}

@media (min-width: 760px) {
  body.pro #dash {
    padding-top: 8px;
  }
  body.pro .dash-shift-wide {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.85fr);
    align-items: start;
    gap: 14px;
  }
  body.pro .dash-shift-side {
    gap: 12px;
  }
  body.pro .dash-shift-side .dash-sec {
    padding: 14px 16px;
  }
}
@media (max-width: 759px) {
  .dash-estimate { display: none; }
  .attn-row { min-height: 44px; }
}

#dash .dash-usdt .rk.dash-usdt-hero,
#dash .dash-usdt .rk.dash-usdt-row {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.dash-top-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  min-height: 44px;
  text-align: center;
}
.rk.dash-top-tile:not(.active) {
  box-shadow: inset 0 0 0 1px #ffefb2;
}
.dash-top-tile-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-tops-rank {
  color: var(--tg-theme-hint-color, #68717d);
  font-variant-numeric: tabular-nums;
  font-weight: 650;
}
.dash-tops-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
}
.dash-tops-period-row {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0 0 8px;
  padding: 0 0 10px;
  background: var(--tg-theme-bg-color, #fff);
}
.dash-tops-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
  min-width: 0;
}
.dash-tops-row {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--tg-theme-hint-color, #708090) 16%, transparent);
}
.dash-tops-row:last-child { border-bottom: 0; }
.dash-tops-rank {
  padding-top: 3px;
  font-size: 13px;
}
.dash-tops-name {
  display: block;
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}
.dash-tops-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  margin: 8px 0 0;
}
.dash-tops-metrics.is-client {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dash-tops-metrics dt {
  margin: 0;
  font-size: 11px;
  line-height: 1.3;
  color: var(--tg-theme-hint-color, #68717d);
}
.dash-tops-metrics dd {
  margin: 2px 0 0;
  font-size: 15px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 700px) {
  .dash-tops-metrics,
  .dash-tops-metrics.is-client {
    grid-template-columns: minmax(0, 1fr);
  }
}