/* Shared workspace rules follow the legacy theme; keep responsive fixes here. */
html body.app-body:not(.minimal-page) {
  --accent: #087f75;
  --accent-deep: #08695f;
  --muted: #59696c;
  --line: #dce3e3;
  font-family: "Segoe UI", system-ui, sans-serif;
  color: #202b32;
  background: #f4f6f6;
  height: auto;
  grid-template-rows: auto auto;
}

html body.app-body:not(.minimal-page) :is(h1, h2, h3, p, a, button, label, span, strong, small, dt, dd, th, td) {
  letter-spacing: 0;
}

html body.app-body:not(.minimal-page) > .shell {
  background: #f4f6f6;
  height: max-content;
}

html body.app-body:not(.minimal-page) :is(.main-content, .main-content > *, .panel-header > *, .form-row) {
  min-width: 0;
}

html body.app-body:not(.minimal-page) :is(.home-hero, .section-heading) {
  color: #202b32;
  padding-block: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #dce3e3;
}

html body.app-body:not(.minimal-page) :is(.home-hero h1, .section-heading h1, .main-content > h1) {
  color: #202b32;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

html body.app-body:not(.minimal-page) :is(.home-hero p, .section-heading p) {
  color: #59696c;
  font-size: .9375rem;
  line-height: 1.55;
}

html body.app-body:not(.minimal-page) .eyebrow {
  color: #08776e;
  font-size: .75rem;
  font-weight: 650;
}

html body.app-body:not(.minimal-page) .command-topbar {
  color: #39494d;
  padding-bottom: .75rem;
  border-bottom: 1px solid #dce3e3;
}

html body.app-body:not(.minimal-page) :is(.command-topbar-title strong, .command-product-name) {
  color: #59696c;
  font-size: .875rem;
  font-weight: 600;
}

html body.app-body:not(.minimal-page) :is(.command-date, .command-icon-button, .command-account-link) {
  background: #fff;
  color: #39494d;
  border: 1px solid #dce3e3;
  box-shadow: none !important;
}

html body.app-body:not(.minimal-page) .home-status-card {
  min-height: 0;
  background: #e9f3ef !important;
  border: 1px solid #c7dfd5;
  box-shadow: none;
}

html body.app-body:not(.minimal-page) .home-status-card :is(span, strong) { color: #23594b; }
html body.app-body:not(.minimal-page) .home-status-card strong { font-weight: 600; }
html body.app-body:not(.minimal-page) .home-status-card.status-warning { background: #fff5df !important; border-color: #e8cf99; }
html body.app-body:not(.minimal-page) .home-status-card.status-warning :is(span, strong) { color: #7d5313; }

html body.app-body:not(.minimal-page) .home-widget-zone-small {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: .75rem;
}

html body.app-body:not(.minimal-page) .home-widget-zone-small .home-kpi-card {
  padding: 1rem;
  min-height: 8rem;
  border: 1px solid #dce3e3;
  background: #fff !important;
  box-shadow: none;
  border-radius: 8px;
}

html body.app-body:not(.minimal-page) .home-widget-zone-small .home-kpi-card::before,
html body.app-body:not(.minimal-page) .home-kpi-icon { display: none; }

html body.app-body:not(.minimal-page) .home-widget-zone-small .home-kpi-card :is(span, small) {
  color: #59696c;
  font-weight: 500;
  font-size: .8125rem;
  text-transform: none;
  line-height: 1.45;
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}

html body.app-body:not(.minimal-page) .home-widget-zone-small .home-kpi-card strong {
  color: #202b32;
  font-size: 1.75rem;
  font-weight: 650;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

html body.app-body:not(.minimal-page) .home-widget-zone-small .home-kpi-card-alert {
  border-left: 3px solid #c63939;
  background: #fff8f7 !important;
}
html body.app-body:not(.minimal-page) .home-widget-zone-small .home-kpi-card-alert strong { color: #b42c2c; }

html body.app-body:not(.minimal-page) :is(.data-panel, .chart-panel, .home-period-card) {
  border-color: #dce3e3;
  border-radius: 8px;
  box-shadow: none;
  background: #fff;
}

html body.app-body:not(.minimal-page) .panel-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 0;
}

html body.app-body:not(.minimal-page) :is(.data-panel, .status-panel, .status-card, .home-kpi-card, .machine-ops-card, .activation-summary-card, .table-wrap) {
  box-shadow: none !important;
  transform: none !important;
}
html body.app-body:not(.minimal-page) :is(.data-panel, .status-panel, .status-card) .data-panel {
  border: 0 !important;
  border-radius: 0 !important;
  padding-inline: 0;
}
html body.app-body:not(.minimal-page) :is(.metric-panel h2, .home-period-card h2) { font-size: 1.75rem; font-weight: 650; }
html body.app-body:not(.minimal-page) :is(.metric-split dt, .metric-split dd, .activation-summary-card small) { font-weight: 500; text-transform: none; }
html body.app-body:not(.minimal-page) .app-footer { position: static; background: #f4f6f6; }
html body.app-body:not(.minimal-page) :is(.nav-message-icon, .nav-message-icon svg) { background: transparent !important; border: 0 !important; box-shadow: none !important; }

html body.app-body:not(.minimal-page) .panel-header > div:first-of-type { flex: 1 1 12rem; }
html body.app-body:not(.minimal-page) .panel-title-icon { display: none; }
html body.app-body:not(.minimal-page) .panel-header :is(h2, h3) {
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.35;
  margin: .25rem 0;
  overflow-wrap: anywhere;
}

html body.app-body:not(.minimal-page) :is(.primary-action, .secondary-action, .danger-action, .compact-action) {
  min-height: 2.75rem;
  max-width: 100%;
  border-radius: 6px;
  padding: .625rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
  box-shadow: none;
  text-align: center;
}

html body.app-body:not(.minimal-page) .primary-action { background: #087f75; color: #fff; border-color: #087f75; }
html body.app-body:not(.minimal-page) .secondary-action { background: #fff; color: #334b50; border-color: #cbd7d7; }
html body.app-body:not(.minimal-page) .danger-action { background: #b82f2f; color: #fff; }
html body.app-body:not(.minimal-page) :is(button, a, input, select, textarea):focus-visible { outline: 3px solid #0c9e91; outline-offset: 3px; }

html body.app-body:not(.minimal-page) .form-row > label { font-size: .875rem; font-weight: 600; text-transform: none; }
html body.app-body:not(.minimal-page) :is(.auth-form, .machine-search-bar) > .form-row {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html body.app-body:not(.minimal-page) .form-row :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
  min-width: 0;
  max-width: 100%;
  font-size: 1rem;
  border-radius: 6px;
  box-shadow: none;
}

html body.app-body:not(.minimal-page) :is(.modern-table, .responsive-stack-table) :is(th, td) { white-space: normal; overflow-wrap: anywhere; }
html body.app-body:not(.minimal-page) :is(.state-pill, .status-chip, .panel-badge) { white-space: normal; font-weight: 600; }
html body.app-body:not(.minimal-page) :is(.error-meaning, .error-impact, pre, code) { overflow-wrap: anywhere; white-space: pre-wrap; }

html body.app-body:not(.minimal-page) .app-header { background: #14282c; }
html body.app-body:not(.minimal-page) :is(.nav-item-icon, .nav-message-icon) {
  width: 1.4rem;
  height: 1.4rem;
  padding: 0;
  background: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  filter: none;
  color: #9cc9c4 !important;
}
html body.app-body:not(.minimal-page) :is(.nav-label, .nav-message-text, .nav-button) { font-weight: 500; }
html body.app-body:not(.minimal-page) .app-nav a.is-active { background: #245049; border-color: #427069; }
html body.app-body:not(.minimal-page) .nav-home-link:not(.is-active) { background: transparent; border-color: transparent; }
html body.app-body:not(.minimal-page) .nav-menu .nav-item-icon { display: none; }

html body.app-body:not(.minimal-page) :is(.activation-summary-card, .admin-statistics-summary-card, .distributor-statistics-summary-card, .movement-summary-card, .client-data-summary-card) {
  display: block;
  background: #fff !important;
  border: 1px solid #dce3e3 !important;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: none;
}
html body.app-body:not(.minimal-page) :is(.activation-summary-card, .admin-statistics-summary-card, .distributor-statistics-summary-card, .movement-summary-card, .client-data-summary-card)::before { display: none; }
html body.app-body:not(.minimal-page) :is(.activation-summary-icon, .admin-statistics-summary-icon, .distributor-statistics-summary-icon, .movement-summary-icon, .client-data-summary-icon) { display: none; }
html body.app-body:not(.minimal-page) :is(.activation-summary-card, .admin-statistics-summary-card, .distributor-statistics-summary-card, .movement-summary-card, .client-data-summary-card) :is(span, small) { color: #59696c; font-weight: 500; text-transform: none; }
html body.app-body:not(.minimal-page) :is(.activation-summary-card, .admin-statistics-summary-card, .distributor-statistics-summary-card, .movement-summary-card, .client-data-summary-card) strong { color: #202b32; font-size: 1.5rem; font-weight: 650; overflow-wrap: anywhere; }
html body.app-body:not(.minimal-page) .machine-ops-card { background: #fff !important; }
html body.app-body:not(.minimal-page) .machine-ops-copy :is(span, small) { color: #59696c !important; text-transform: none; font-weight: 500; }
html body.app-body:not(.minimal-page) .machine-ops-copy strong { color: #202b32 !important; }
html body.app-body:not(.minimal-page) .machine-ops-critical .machine-ops-copy strong { color: #b42c2c !important; }
html body.app-body:not(.minimal-page) .machine-ops-icon { background: #e9f3ef; color: #08776e; box-shadow: none; }
html body.app-body:not(.minimal-page) .machine-summary-strip > * { border-radius: 6px; background: #f7f9f9; border-color: #dce3e3; }
html body.app-body:not(.minimal-page) .messages-summary-card { grid-template-columns: minmax(0, 1fr); background: #fff; box-shadow: none; }
html body.app-body:not(.minimal-page) .messages-summary-icon { display: none; }
html body.app-body:not(.minimal-page) .messages-summary-card :is(span:not(.messages-summary-icon), small) { text-transform: none; font-weight: 500; line-height: 1.4; }
html body.app-body:not(.minimal-page) .messages-summary-card strong { font-size: 1.5rem; font-weight: 650; line-height: 1.35; }
html body.app-body:not(.minimal-page) .messages-tab-list { background: #e8eded; border: 1px solid #ccd9d6; box-shadow: none; }
html body.app-body:not(.minimal-page) .messages-tab-button { color: #425653; font-weight: 600; background: transparent; }
html body.app-body:not(.minimal-page) .messages-tab-button.is-active { color: #075c53; background: #fff; border-color: #97beb6; box-shadow: none; }
html body.app-body:not(.minimal-page) .machine-errors-table { min-width: 1200px; }
html body.app-body:not(.minimal-page) .machine-errors-summary-card { grid-template-columns: minmax(0, 1fr); background: #fff; box-shadow: none; }
html body.app-body:not(.minimal-page) .machine-errors-summary-icon { display: none; }
html body.app-body:not(.minimal-page) .machine-errors-summary-card span:not(.machine-errors-summary-icon) { text-transform: none; font-weight: 500; }
html body.app-body:not(.minimal-page) .machine-errors-summary-card strong { font-weight: 650; }

@media (max-width: 1100px) {
  html body.app-body:not(.minimal-page) #machine-errors-results { overflow: visible; max-height: none; }
  html body.app-body:not(.minimal-page) .machine-errors-table.responsive-stack-table { display: block; width: 100%; min-width: 0; }
  html body.app-body:not(.minimal-page) .machine-errors-table :is(colgroup, thead) { display: none; }
  html body.app-body:not(.minimal-page) .machine-errors-table tbody { display: grid; gap: 1rem; width: 100%; }
  html body.app-body:not(.minimal-page) .machine-errors-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
  html body.app-body:not(.minimal-page) .machine-errors-table tbody tr td {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    max-width: none;
    gap: .25rem;
  }
  html body.app-body:not(.minimal-page) .machine-errors-table td::before { content: attr(data-label); display: block; font-size: .75rem; color: #59696c; font-weight: 600; }
}

@media (min-width: 901px) {
  html body.app-body:not(.minimal-page) .app-header .nav-group .nav-menu { display: none !important; }
  html body.app-body:not(.minimal-page) .app-header .nav-group.nav-group-open .nav-menu {
    display: grid !important;
    position: static;
    max-height: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  html body.app-body:not(.minimal-page) .nav-group.nav-group-open .nav-chevron { transform: rotate(180deg); }
}

html body.app-body:not(.minimal-page) :is(.action-confirm-modal, .nexaplay-error-modal) {
  z-index: 12000;
  overflow-y: auto;
  padding: 1rem;
}
html body.app-body:not(.minimal-page) :is(.action-confirm-card, .machine-error-modal-card) {
  min-width: 0;
  max-width: 100%;
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}
html body.app-body:not(.minimal-page) .nexaplay-error-modal .machine-error-modal-card {
  min-height: 0;
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
}

@media (max-width: 1200px) {
  html body.app-body:not(.minimal-page) :is(.home-widget-zone-medium, .home-widget-zone-large) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html body.app-body:not(.minimal-page) .messages-layout { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
  html body.app-body:not(.minimal-page) .app-header .brand-logo { width: 10rem; height: 3rem; }
  html body.app-body:not(.minimal-page) .app-header .brand-block { padding: .25rem; border: 0; }
  html body.app-body:not(.minimal-page) .app-header .shell { min-height: 0; padding: .75rem 1rem; }
  html body.app-body:not(.minimal-page) .app-header .nav-toggle {
    width: 2.75rem !important;
    height: 2.75rem !important;
    border-radius: 6px;
    background: #245049 !important;
    box-shadow: none !important;
  }
  html body.app-body:not(.minimal-page) .app-header .nav-toggle span { box-shadow: none; }
  html body.app-body.nav-open:not(.minimal-page) .app-header { height: 100dvh; min-height: 0; background: #14282c; padding: 0; }
  html body.app-body.nav-open:not(.minimal-page) .app-header .shell {
    height: 100%;
    min-height: 0;
    padding: max(.75rem, env(safe-area-inset-top)) 1rem max(.75rem, env(safe-area-inset-bottom));
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden !important;
    background: #14282c !important;
    border-radius: 0;
  }
  html body.app-body.nav-open:not(.minimal-page) .app-header .app-nav.is-open { background: transparent !important; border: 0; border-radius: 0; }
  html body.app-body.nav-open:not(.minimal-page) .app-header .app-nav > * { flex-shrink: 0; }
  html body.app-body:not(.minimal-page) :is(.home-hero, .section-heading) { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 600px) {
  html body.app-body:not(.minimal-page) .machine-errors-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.app-body:not(.minimal-page) .messages-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.app-body:not(.minimal-page) > .shell { padding: 1rem .75rem; }
  html body.app-body:not(.minimal-page) :is(.home-hero h1, .section-heading h1) { font-size: 1.5rem; }
  html body.app-body:not(.minimal-page) :is(.home-widget-zone-medium, .home-widget-zone-large) { grid-template-columns: minmax(0, 1fr); }
  html body.app-body:not(.minimal-page) :is(.data-panel, .chart-panel, .home-period-card) { padding: 1rem; }
  html body.app-body:not(.minimal-page) .command-topbar-title { display: none; }
  html body.app-body:not(.minimal-page) .command-topbar { display: flex; justify-content: flex-end; }
  html body.app-body:not(.minimal-page) .command-topbar-actions { flex-wrap: wrap; }
  html body.app-body:not(.minimal-page) .command-date { display: none; }
  html body.app-body:not(.minimal-page) :is(.action-confirm-actions, .nexaplay-error-modal-actions) { display: flex; flex-wrap: wrap; width: 100%; }
  html body.app-body:not(.minimal-page) :is(.action-confirm-actions, .nexaplay-error-modal-actions) > * { flex: 1 1 9rem; min-width: 0; }
}

/* Shared administrative surfaces use the same hierarchy as the operational pages. */
html body.app-body:not(.minimal-page) .page-hero {
  background: transparent !important;
  color: #202b32;
  border: 0;
  border-bottom: 1px solid #dce3e3;
  border-radius: 0;
  box-shadow: none;
  padding: 1rem 0;
  margin-bottom: 1rem;
}
html body.app-body:not(.minimal-page) .page-hero h1 { color: #202b32; font-size: 1.875rem; font-weight: 700; line-height: 1.25; }
html body.app-body:not(.minimal-page) .page-hero p:not(.eyebrow) { color: #59696c; font-size: .9375rem; line-height: 1.55; }
html body.app-body:not(.minimal-page) .page-hero::after { display: none; }

html body.app-body:not(.minimal-page) :is(.permissions-overview-card, .permissions-summary-card, .users-manage-summary-card, .account-profile-summary-card, .api-key-summary-card, .admin-home-summary-card) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: .375rem;
  padding: 1rem;
  min-width: 0;
  min-height: 0;
  border: 1px solid #dce3e3;
  border-radius: 8px;
  background: #fff !important;
  box-shadow: none;
}
html body.app-body:not(.minimal-page) :is(.permissions-overview-icon, .permissions-summary-icon, .users-manage-summary-icon, .account-profile-summary-icon, .api-key-summary-icon, .admin-home-summary-icon) { display: none; }
html body.app-body:not(.minimal-page) :is(.permissions-overview-card, .permissions-summary-card, .users-manage-summary-card, .account-profile-summary-card, .api-key-summary-card, .admin-home-summary-card) strong {
  color: #202b32;
  font-size: 1.375rem;
  line-height: 1.4;
  font-weight: 650;
  max-width: 100%;
  overflow-wrap: anywhere;
}
html body.app-body:not(.minimal-page) :is(.permissions-overview-card, .permissions-summary-card, .users-manage-summary-card, .account-profile-summary-card, .api-key-summary-card, .admin-home-summary-card) :is(span, small) {
  color: #59696c;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.45;
  text-transform: none;
}
html body.app-body:not(.minimal-page) :is(.permissions-overview-strip, .users-manage-summary) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); }
html body.app-body:not(.minimal-page) :is(.users-manage-summary-card.is-warning, .api-key-summary-card.is-warning) { border-left: 3px solid #b42c2c; }

html body.app-body:not(.minimal-page) .activation-details { margin-bottom: 1rem; }
html body.app-body:not(.minimal-page) .activation-details > summary { padding: .75rem 0; color: #334b50; cursor: pointer; font-size: .875rem; font-weight: 600; }
html body.app-body:not(.minimal-page) .activation-details .activation-summary { margin: .5rem 0 1rem; }
html body.app-body:not(.minimal-page) .machine-summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
html body.app-body:not(.minimal-page) .machine-summary-strip > div { padding: .75rem; min-height: 0; }
html body.app-body:not(.minimal-page) .machine-summary-strip strong { font-size: 1.25rem; overflow-wrap: anywhere; }
html body.app-body:not(.minimal-page) .machine-ops-panel { grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: .5rem; }
html body.app-body:not(.minimal-page) .machine-ops-card { padding: .75rem; min-height: 0; }
html body.app-body:not(.minimal-page) .machine-ops-icon { width: 2rem; height: 2rem; flex-shrink: 0; }
html body.app-body:not(.minimal-page) .machine-search-bar { margin: 0 0 1rem; }
html body.app-body:not(.minimal-page) .machine-search-status { grid-column: 1 / -1; margin: 0; color: #59696c; font-size: .8125rem; min-height: 1.4em; }
html body.app-body:not(.minimal-page) [data-machine-results-region][aria-busy="true"] { opacity: .6; pointer-events: none; }
html body.app-body:not(.minimal-page) .machine-view-options { grid-column: 1 / -1; min-width: 0; }
html body.app-body:not(.minimal-page) .machine-view-options > summary { padding: .75rem 0; color: #334b50; font-size: .875rem; font-weight: 600; cursor: pointer; }
html body.app-body:not(.minimal-page) .machine-advanced-filters > summary { font-size: .875rem; font-weight: 600; text-transform: none; }
html body.app-body:not(.minimal-page) .machine-view-options .machine-filter-presets { margin-top: .5rem; }
html body.app-body:not(.minimal-page) .machine-view-options .machine-saved-views { margin-top: .75rem; }
html body.app-body:not(.minimal-page) .home-widget-zone-small .home-kpi-card { min-height: 6rem; padding: .875rem; }
html body.app-body:not(.minimal-page) .home-kpi-card strong { margin-block: .25rem; }
html body.app-body:not(.minimal-page) .metric-value-label { display: block; margin-block: .5rem .25rem; font-size: .8125rem; font-weight: 500; color: #59696c; }
html body.app-body:not(.minimal-page) .metric-panel:has(.metric-value-label) .metric-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.app-body:not(.minimal-page) .metric-split > div { background: transparent; border: 0; border-radius: 0; padding: .5rem 0; }

@media (max-width: 900px) {
  html body.app-body:not(.minimal-page) .page-hero { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  html body.app-body:not(.minimal-page) .page-hero h1 { font-size: 1.5rem; }
  html body.app-body:not(.minimal-page) .permissions-overview-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.app-body:not(.minimal-page) .permissions-overview-card:nth-child(-n+2) { grid-column: 1 / -1; }
  html body.app-body:not(.minimal-page) .users-manage-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.app-body:not(.minimal-page) .machine-summary-strip strong { font-size: 1rem; }
  html body.app-body:not(.minimal-page) .machine-summary-strip small { font-size: .75rem; }
  html body.app-body:not(.minimal-page) .machine-ops-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.app-body:not(.minimal-page) .machine-ops-card { gap: .5rem; }
  html body.app-body:not(.minimal-page) .machine-ops-copy strong { font-size: 1.375rem; }
}
:root .jackpot-workspace { background: #fff; border: 1px solid #dce3e3; border-radius: 8px; padding: 24px; min-width: 0; }
:root .jackpot-overview { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid #dce3e3; }
:root .jackpot-total { display: block; font-size: 48px; line-height: 1.2; color: #202b32; font-variant-numeric: tabular-nums; }
:root .jackpot-range, :root .jackpot-current-state small { color: #59696c; font-size: 14px; }
:root .jackpot-current-state p { margin: 12px 0 4px; }
:root .jackpot-current-state .shared-jackpot-state.is-enabled { color: #17633d; background: #e1f3e9; }
:root .jackpot-current-state .shared-jackpot-state.is-disabled { color: #7e3030; background: #faeaea; }
:root .jackpot-pending { color: #925900; font-weight: 600; }
:root .jackpot-columns { display: grid; grid-template-columns: minmax(230px, 1fr) minmax(0, 2fr); gap: 40px; padding-top: 24px; }
:root .jackpot-columns h2 { font-size: 20px; margin: 0 0 20px; }
:root .jackpot-settings fieldset { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 20px; }
:root .jackpot-check { display: flex; align-items: center; gap: 12px; min-height: 44px; cursor: pointer; }
:root .jackpot-check input { width: 20px; height: 20px; accent-color: #087f75; flex-shrink: 0; }
:root .jackpot-clear { color: #925900; border-top: 1px solid #dce3e3; padding-top: 16px; }
:root .jackpot-settings button { width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; min-width: 0; white-space: normal; }
:root .jackpot-events { padding: 0; margin: 0; list-style: none; }
:root .jackpot-events li { display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e5eaea; padding: 14px 0; }
:root .jackpot-events li:first-child { padding-top: 0; }
:root .jackpot-events li > div { min-width: 0; display: grid; gap: 4px; overflow-wrap: anywhere; }
:root .jackpot-events time, :root .jackpot-events small { font-size: 13px; color: #59696c; }
:root .jackpot-event-values { text-align: right; align-content: start; font-variant-numeric: tabular-nums; }
@media(max-width: 700px) {
    :root .jackpot-workspace { padding: 18px; }
    :root .jackpot-overview { align-items: flex-start; flex-direction: column; gap: 16px; }
    :root .jackpot-columns { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    :root .jackpot-total { font-size: 40px; }
}