/* 消费数字保持一行；窄屏可横向滑动。 */
.console-shell.console-shell.console-shell.console-shell .account-consumption-inline {
  border-color: color-mix(in srgb, var(--blue) 20%, var(--line));
  background: linear-gradient(110deg, color-mix(in srgb, var(--blue) 9%, var(--panel)), color-mix(in srgb, #4ab8e8 7%, var(--panel)));
}
.console-shell.console-shell.console-shell.console-shell .account-consumption-values {
  grid-template-columns: repeat(8, minmax(62px, 1fr));
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  padding-bottom: 2px;
}
.console-shell.console-shell.console-shell.console-shell .account-consumption-value {
  padding: 6px 4px;
  border-color: color-mix(in srgb, var(--blue) 12%, var(--line));
  background: color-mix(in srgb, var(--panel) 82%, #dcefff);
}
.console-shell.console-shell.console-shell.console-shell .account-consumption-value.average {
  border-color: color-mix(in srgb, var(--blue) 28%, var(--line));
  background: color-mix(in srgb, var(--blue) 11%, var(--panel));
}
.console-shell.console-shell.console-shell.console-shell .account-consumption-value span {
  white-space: nowrap;
  overflow-wrap: normal;
}
@media (max-width: 767px) {
  .console-shell.console-shell.console-shell.console-shell .account-consumption-inline-head::after {
    content: '可左右滑动';
    flex-basis: 100%;
    color: var(--muted);
  }
}
/* 统计位于手机号下方，利用整张卡片的宽度。 */
.console-shell.console-shell.console-shell.console-shell .account-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.console-shell.console-shell.console-shell.console-shell .account-head > .phone-identity { grid-column: 1; grid-row: 1; }
.console-shell.console-shell.console-shell.console-shell .account-head > .status-pill { grid-column: 2; grid-row: 1; margin-left: 0; }
.console-shell.console-shell.console-shell.console-shell .account-consumption-inline { grid-column: 1 / -1; grid-row: 2; }