.bc-console:has(.wb-desktop-nav) {
  --wb-bg: var(--shell-bg, #f4f6fa);
  --wb-surface: var(--shell-surface, #fff);
  --wb-soft: var(--shell-soft, #f4f7fc);
  --wb-line: var(--shell-line, #dfe5ed);
  --wb-ink: var(--shell-ink, #172a43);
  --wb-muted: var(--shell-muted, #62718a);
  --wb-link: var(--shell-link, #2057d2);
  padding: 0;
  background: var(--wb-bg);
  color: var(--wb-ink);
}
.bc-console .bcc-wrap:has(.wb-desktop-nav) {
  grid-template-columns: clamp(180px, 17vw, 240px) minmax(0,1fr);
  gap: 0;
  max-width: none;
  align-items: stretch;
  min-height: 76vh;
}
.bcc-wrap:has(.wb-desktop-nav) .bcc-content { padding: 23px clamp(14px,2vw,34px) 50px; }
.bcc-wrap:has(.wb-desktop-nav) .bcc-crumb { font-size: 12px; }
.bcc-wrap:has(.wb-desktop-nav) .bcc-heading { margin: 8px 0 16px; }
.bcc-wrap:has(.wb-desktop-nav) .bcc-heading h1 { font-size: 25px; }
.bc-console .bcc-sidebar:has(.wb-desktop-nav) {
  position: relative;
  top: auto;
  padding: 17px 10px;
  border: 0;
  border-inline-end: 1px solid var(--wb-line);
  border-radius: 0;
  box-shadow: none;
  background: var(--wb-surface);
}
.bcc-sidebar .wb-desktop-nav { display: grid; gap: 12px; }
.bcc-sidebar .wb-nav-group p { margin: 0; padding: 6px 12px; color: var(--wb-muted); font-size: 11px; font-weight: 650; }
.bc-console .wb-nav-group .bcc-nav-link { min-height: 34px; padding: 7px 11px; gap: 10px; border-radius: 3px; font-size: 13px; }
.wb-nav-group .bcc-nav-link.on { box-shadow: inset 3px 0 var(--wb-link); }
.wb-mobile-nav { display: none; }
.wb-metrics, .wb-grid { display: grid; gap: 14px; margin-bottom: 14px; }
.wb-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.wb-grid { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); align-items: stretch; }
.wb-grid > * { min-width: 0; }
.wb-full { grid-column: 1/-1; }
.wb-card, .bc-console .wb-metrics a {
  min-width: 0;
  background: var(--wb-surface);
  border: 1px solid var(--wb-line);
  border-radius: 5px;
  overflow: hidden;
}
.wb-card > header { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 15px 19px; border-bottom: 1px solid var(--wb-line); }
.bc-console .wb-card h2 { font-size: 16px; }
.bc-console .wb-metrics a { display: grid; gap: 10px; color: var(--wb-ink); text-decoration: none; padding: 17px 19px; }
.bc-console .wb-metrics a:hover, .wb-shortcuts a:hover { border-color: var(--wb-link); }
.wb-metrics a > span { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--wb-muted); }
.wb-metrics a svg { color: var(--wb-link); }
.wb-metrics a > strong { font-size: 31px; line-height: 1.05; font-variant-numeric: tabular-nums; }
.wb-shortcuts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 16px 14px; }
.bc-console .wb-shortcuts a { display: flex; flex-direction: column; min-height: 64px; gap: 8px; justify-content: center; align-items: center;
  text-align: center; text-decoration: none; color: var(--wb-ink); background: var(--wb-soft); border: 1px solid transparent; border-radius: 4px; font-size: 13px; }
.wb-shortcuts a svg { color: var(--wb-link); width: 20px; height: 20px; }
.wb-account { display: flex; align-items: center; gap: 11px; padding: 15px 18px 8px; }
.wb-monogram { display: grid; place-items: center; width: 37px; height: 37px; flex: none; border-radius: 50%; background: #e8f0ff; color: #2456b9; font-weight: 700; }
.wb-account > div { min-width: 0; }
.wb-account small, .wb-events small, .wb-scroll td small { display: block; font-size: 12px; color: var(--wb-muted); overflow-wrap: anywhere; }
.wb-account strong, .wb-card p { overflow-wrap: anywhere; }
.wb-key-data { padding: 2px 18px 14px; }
.wb-key-data div, .wb-todos li, .wb-request-list li > div, .wb-pager { display: flex; gap: 9px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.wb-key-data dt, .wb-more, .wb-link { font-size: 12px; }
.wb-key-data dt, .wb-key-data dd { color: var(--wb-muted); font-size: 12px; }
.wb-todos, .wb-events, .wb-request-list { list-style: none; margin: 0; padding: 0 18px; }
.wb-todos li, .wb-events li, .wb-request-list li { padding: 13px 0; border-bottom: 1px solid var(--wb-line); }
.wb-todos li:last-child, .wb-events li:last-child, .wb-request-list li:last-child { border: 0; }
.wb-todos b { color: var(--wb-link); font-size: 16px; }
.wb-todos li a { font-size: 12px; }
.wb-finance { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding: 18px; }
.wb-finance > div { display: grid; align-content: start; gap: 6px; min-width: 0; }
.wb-finance span, .wb-finance a { font-size: 12px; }
.wb-finance span, .wb-finance strong small { color: var(--wb-muted); }
.wb-finance strong { font-size: clamp(18px,2vw,25px); line-height: 1.25; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.wb-finance strong small { font-size: 10px; font-weight: 500; }
.wb-events li { display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.wb-events li > div { min-width: 0; }
.wb-events .wb-event-title { color: var(--wb-ink); overflow-wrap: anywhere; font-size: 13px; }
.wb-events .fresh .wb-event-title { font-weight: 650; }
.wb-events small { margin-top: 4px; }
.wb-link { border: 0; background: transparent; color: var(--wb-link); cursor: pointer; padding: 5px; flex: none; }
.wb-blank { padding: 24px 18px; color: var(--wb-muted); font-size: 13px; }
.wb-scroll { overflow-x: auto; }
.wb-scroll table { width: 100%; border-collapse: collapse; text-align: start; font-size: 13px; }
.wb-scroll th, .wb-scroll td { text-align: start; padding: 11px 15px; border-bottom: 1px solid var(--wb-line); }
.wb-scroll th { color: var(--wb-muted); background: var(--wb-soft); white-space: nowrap; font-weight: 550; }
.wb-scroll td code { display: inline-block; max-width: 170px; overflow-wrap: anywhere; font-size: 11px; }
.wb-amount, .wb-finance strong { font-variant-numeric: tabular-nums; }
.wb-amount { white-space: nowrap; }
.wb-pager { justify-content: flex-end; padding: 12px 17px; font-size: 12px; }
.wb-form { padding: 16px 18px; display: grid; justify-items: start; gap: 12px; }
.wb-form label { display: grid; width: 100%; gap: 5px; font-size: 13px; font-weight: 600; }
.wb-form :is(input,textarea,select) { width: 100%; min-height: 37px; border: 1px solid var(--wb-line); border-radius: 4px; background: var(--wb-surface); color: var(--wb-ink); font: inherit; padding: 7px 10px; }
.wb-form input[readonly] { background: var(--wb-soft); color: var(--wb-muted); }
.wb-form textarea { resize: vertical; }
.wb-hint, .wb-form [role=status], .wb-request-list small { font-size: 12px; color: var(--wb-muted); }
.wb-form [role=status]:empty { display: none; }
.wb-request-list li { display: grid; gap: 6px; }
.wb-request-list li strong, .wb-request-list li p { font-size: 13px; }
.wb-request-list p { white-space: pre-wrap; }
.wb-pill { background: var(--wb-soft); font-size: 11px; padding: 3px 7px; border-radius: 3px; }
.wb-pill.good { color: #217047; background: #eaf7ef; }
.wb-pill.bad { color: #ab372d; background: #fcefe9; }
.wb-failed, .wb-wallet-action { padding: 13px; }
.wb-wallet-action { display: flex; gap: 8px; align-items: center; padding: 4px 0; flex-wrap: wrap; }
.wb-wallet-action span { font-size: 12px; }
@media(max-width:900px) {
  .wb-grid { grid-template-columns: 1fr; }
  .wb-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:730px) {
  .bc-console .bcc-wrap:has(.wb-desktop-nav) { grid-template-columns: minmax(0,1fr); }
  .bc-console .bcc-sidebar:has(.wb-desktop-nav) { display: flex; align-items: flex-start; padding: 4px 10px; border-bottom: 1px solid var(--wb-line); }
  .bcc-sidebar:has(.wb-desktop-nav) .wb-desktop-nav { display: none; }
  .bcc-sidebar .wb-mobile-nav { display: block; flex: 1; min-width: 0; }
  .wb-mobile-nav > summary { display: flex; align-items: center; min-height: 41px; justify-content: space-between; gap: 10px; padding: 6px 9px; font-size: 13px; font-weight: 650; cursor: pointer; list-style: none; }
  .wb-mobile-nav > summary::-webkit-details-marker { display: none; }
  .wb-mobile-nav > summary span { color: var(--wb-muted); font-size: 12px; }
  .bcc-sidebar .wb-mobile-nav nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-bottom: 9px; }
  .bc-console .wb-nav-group a.bcc-nav-link { justify-content: flex-start; flex-direction: row; text-align: start; }
  .bcc-wrap:has(.wb-desktop-nav) .bcc-content { padding: 15px 12px 36px; }
  .wb-metrics, .wb-grid { gap: 8px; margin-bottom: 8px; }
  .wb-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb-finance, .wb-card > header, .bc-console .wb-metrics a { padding: 12px; }
  .wb-failed { overflow-wrap: anywhere; }
}