.mobile-shell.is-chart {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.mobile-shell.is-chart .chart-screen {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.mobile-shell.is-chart .chart-top {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0,1fr) 44px !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 7px !important;
  position: relative !important;
  z-index: 20 !important;
}
.mobile-shell.is-chart .chart-top h1 { margin: 0 !important; font-size: 14px !important; line-height: 1.05 !important; }
.mobile-shell.is-chart .chart-back,
.mobile-shell.is-chart .chart-lang {
  box-sizing: border-box !important; display: grid !important; place-items: center !important;
  width: 36px !important; height: 36px !important; min-height: 36px !important;
  padding: 0 !important; border-radius: 10px !important; font-size: 11px !important;
}
.mobile-shell.is-chart .chart-body {
  box-sizing: border-box !important; display: flex !important; flex-direction: column !important;
  flex: 1 1 0% !important; width: 100% !important; min-height: 0 !important;
  padding: 0 !important; overflow: hidden !important; position: relative !important;
}
.mobile-shell.is-chart .chart-select {
  box-sizing: border-box !important; flex: 0 0 auto !important;
  margin: 0 !important; padding: 4px 6px !important;
}
.mobile-shell.is-chart .chart-select select {
  box-sizing: border-box !important; width: 100% !important; height: 38px !important;
  padding: 0 34px 0 10px !important; border-radius: 9px !important; font-size: 13px !important;
}
.mobile-shell.is-chart .chart-tabs {
  box-sizing: border-box !important; flex: 0 0 36px !important;
  width: calc(100% - 12px) !important; height: 36px !important;
  margin: 0 6px 4px !important; border-radius: 8px !important;
}
.mobile-shell.is-chart .chart-tabs button { font-size: 12px !important; }
.mobile-shell.is-chart .chart-table-wrap {
  box-sizing: border-box !important; flex: 1 1 0% !important;
  width: 100% !important; min-height: 0 !important; margin: 0 !important;
  border-radius: 0 !important; box-shadow: none !important;
  overflow-x: hidden !important; overflow-y: auto !important;
  overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important;
}
.mobile-shell.is-chart .chart-table {
  width: 100% !important; min-width: 0 !important; table-layout: fixed !important;
  border-collapse: collapse !important;
}
.mobile-shell.is-chart .chart-table th {
  box-sizing: border-box !important; position: sticky !important; top: 0 !important;
  z-index: 12 !important; height: 29px !important; padding: 1px 0 !important; font-size: 8px !important;
}
.mobile-shell.is-chart .chart-table th:first-child { width: 15% !important; }
.mobile-shell.is-chart .chart-table td { padding: 2px 1px !important; }
.mobile-shell.is-chart .chart-table .date-cell { font-size: 8px !important; line-height: 1.25 !important; }
.mobile-shell.is-chart .chart-table .result-cell,
.mobile-shell.is-chart .chart-table .pending-cell { height: 52px !important; }
.mobile-shell.is-chart .panel-grid { gap: 2px !important; }
.mobile-shell.is-chart .panel-grid .pana { font-size: 8px !important; line-height: 1.05 !important; }
.mobile-shell.is-chart .panel-grid .jodi { font-size: 13px !important; min-width: 16px !important; }
.mobile-shell.is-chart .jodi-only { font-size: 15px !important; }
@media (max-width:640px) { .mobile-shell.is-chart { max-width: none !important; margin: 0 !important; } }