/* GAMP Analytics — professional data-product visual system for Metabase. */
:root {
  --gamp-blue: #1a73e8;
  --gamp-blue-hover: #185abc;
  --gamp-blue-pressed: #174ea6;
  --gamp-blue-soft: #e8f0fe;
  --gamp-green: #34a853;
  --gamp-green-soft: #e6f4ea;
  --gamp-yellow: #fbbc04;
  --gamp-yellow-soft: #fef7e0;
  --gamp-red: #ea4335;
  --gamp-red-soft: #fce8e6;
  --gamp-ink: #202124;
  --gamp-muted: #5f6368;
  --gamp-subtle: #80868b;
  --gamp-border: #dfe3e8;
  --gamp-border-soft: #edf0f3;
  --gamp-page: #f6f8fc;
  --gamp-surface: #fff;
  --gamp-radius-sm: 8px;
  --gamp-radius-md: 12px;
  --gamp-radius-lg: 16px;
  --gamp-shadow-card: 0 1px 2px rgba(31, 35, 41, .04), 0 4px 14px rgba(31, 35, 41, .035);
  --gamp-shadow-raised: 0 10px 30px rgba(31, 35, 41, .11), 0 2px 8px rgba(31, 35, 41, .06);
  --gamp-table-font-size: 13px;
  --gamp-table-cell-padding: 10px;
  --gamp-dashboard-gap: 12px;

  --mb-color-core-brand: var(--gamp-blue) !important;
  --mb-color-core-brand-hover: var(--gamp-blue-hover) !important;
  --mb-color-core-metabase_brand: var(--gamp-blue) !important;
  --mb-color-core-metabase_brand-hover: var(--gamp-blue-hover) !important;
  --mb-color-core-blue-saturated: var(--gamp-blue) !important;
  --mb-color-core-green-saturated: var(--gamp-green) !important;
  --mb-color-core-yellow-saturated: var(--gamp-yellow) !important;
  --mb-color-core-red-saturated: var(--gamp-red) !important;
  --mb-color-core-filter: var(--gamp-blue) !important;
  --mb-color-core-summarize: #a142f4 !important;

  --mb-color-background_page-primary: var(--gamp-surface) !important;
  --mb-color-background_page-secondary: var(--gamp-page) !important;
  --mb-color-background_page-tertiary: #f1f3f4 !important;
  --mb-color-background_surface-primary: var(--gamp-surface) !important;
  --mb-color-background_surface-secondary: #f8f9fa !important;
  --mb-color-background_surface-hover: #f1f3f4 !important;
  --mb-color-background_surface-secondary-hover: #e8eaed !important;
  --mb-color-background_surface-secondary-pressed: #dadce0 !important;
  --mb-color-background_surface-selected: var(--gamp-blue-soft) !important;
  --mb-color-background_surface-brand-strong: var(--gamp-blue) !important;
  --mb-color-background_surface-brand-strong-hover: var(--gamp-blue-hover) !important;
  --mb-color-background_surface-brand-subtle: var(--gamp-blue-soft) !important;
  --mb-color-background_surface-brand-subtle-hover: #d2e3fc !important;
  --mb-color-background_surface-success: var(--gamp-green-soft) !important;
  --mb-color-background_surface-warning: var(--gamp-yellow-soft) !important;
  --mb-color-background_surface-error: var(--gamp-red-soft) !important;

  --mb-color-text-primary: var(--gamp-ink) !important;
  --mb-color-text-secondary: var(--gamp-muted) !important;
  --mb-color-text-brand: var(--gamp-blue) !important;
  --mb-color-text-brand-hover: var(--gamp-blue-hover) !important;
  --mb-color-text-brand-strong: var(--gamp-blue-pressed) !important;
  --mb-color-text-selected: var(--gamp-blue-pressed) !important;
  --mb-color-icon-primary: var(--gamp-muted) !important;
  --mb-color-icon-brand: var(--gamp-blue) !important;
  --mb-color-input-focus: var(--gamp-blue) !important;
  --mb-color-border-brand: var(--gamp-blue) !important;
  --mb-color-border-filter: var(--gamp-blue) !important;
  --mb-color-border-neutral: var(--gamp-border) !important;
  --mb-color-border-neutral-subtle: var(--gamp-border-soft) !important;
  --mb-color-border-neutral-strongest: #9aa0a6 !important;
  --mb-color-feedback-positive: #188038 !important;
  --mb-color-feedback-warning: #b06000 !important;
  --mb-color-feedback-negative: #d93025 !important;
  --mb-color-navbar-admin: #fff !important;
  --mb-color-navbar-admin-inverse: var(--gamp-ink) !important;
  --mb-color-bg-dashboard: var(--gamp-page) !important;
  --mb-color-bg-dashboard-card: #fff !important;
  --mb-color-shadow-default: rgba(31, 35, 41, .16) !important;
  --mb-color-accent3: var(--gamp-green) !important;
  --mb-color-accent4: var(--gamp-yellow) !important;
  --mb-color-accent5: var(--gamp-red) !important;
}

html,
body,
button,
input,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif !important;
}

html { background: var(--gamp-page) !important; }
body { color: var(--gamp-ink); background: var(--gamp-page) !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
button, input, select, textarea { letter-spacing: 0 !important; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(26, 115, 232, .22) !important;
  outline-offset: 2px !important;
}

/* App frame and navigation */
[data-testid="app-bar"],
[data-testid="main-navbar-root"] {
  background: rgba(255, 255, 255, .97) !important;
  border-color: var(--gamp-border) !important;
  box-shadow: 0 1px 2px rgba(31, 35, 41, .045) !important;
  backdrop-filter: saturate(140%) blur(12px);
}

/* Persistent display density, mirroring the discoverable Google Ads control. */
.gamp-density-control {
  position: relative;
  flex: 0 0 auto;
}

.gamp-density-trigger {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--gamp-muted);
  cursor: pointer;
  transition: background .14s ease, color .14s ease, border-color .14s ease;
}

.gamp-density-trigger:hover,
.gamp-density-trigger[aria-expanded="true"] {
  border-color: var(--gamp-border-soft);
  background: #f1f3f4;
  color: var(--gamp-ink);
}

.gamp-density-trigger svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.gamp-density-menu {
  position: absolute;
  z-index: 10000;
  top: calc(100% + 8px);
  right: 0;
  width: 216px;
  overflow: hidden;
  padding: 8px 0;
  border: 1px solid var(--gamp-border);
  border-radius: var(--gamp-radius-md);
  background: #fff;
  box-shadow: var(--gamp-shadow-raised);
}

.gamp-density-menu[hidden] { display: none !important; }

.gamp-density-heading {
  padding: 8px 16px 10px;
  color: var(--gamp-ink);
  font-size: 14px;
  font-weight: 650;
}

.gamp-density-option {
  display: flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--gamp-ink);
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

.gamp-density-option:hover { background: #f1f3f4; }
.gamp-density-option.is-selected { background: var(--gamp-blue-soft); color: var(--gamp-blue-pressed); font-weight: 650; }

.gamp-density-radio {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 2px solid #9aa0a6;
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px #fff;
}

.gamp-density-option.is-selected .gamp-density-radio {
  border-color: var(--gamp-blue);
  background: var(--gamp-blue);
}

/* AdvPlay wordmark replaces the default Metabase symbol in the app bar. */
[data-testid="main-navbar-root"] a[href="/"],
[data-testid="app-bar"] a[href="/"] {
  width: 148px !important;
  min-width: 148px !important;
  height: 40px !important;
  padding: 0 6px !important;
  background: url("/gamp-theme/advplay-logo.png?v=1") center / contain no-repeat !important;
}

[data-testid="main-navbar-root"] a[href="/"] > *,
[data-testid="app-bar"] a[href="/"] > * {
  opacity: 0 !important;
}

[data-testid="admin-navbar"] {
  background: #fff !important;
  border-right: 1px solid var(--gamp-border) !important;
}

[data-testid="sidebar-collection-link-root"] {
  min-height: 40px !important;
  margin: 2px 8px !important;
  border-radius: var(--gamp-radius-sm) !important;
  transition: color .14s ease, background .14s ease !important;
}

[data-testid="sidebar-collection-link-root"][aria-current="page"],
[data-testid="sidebar-collection-link-root"][data-active="true"] {
  color: var(--gamp-blue-pressed) !important;
  background: var(--gamp-blue-soft) !important;
}

[data-testid="dashboard"],
[data-testid="dashboard-parameters-and-cards"],
[data-testid="dashboard-grid"] {
  background: var(--gamp-page) !important;
}

[data-testid="dashboard-header"],
[data-testid="dashboard-header-container"] {
  background: rgba(255, 255, 255, .97) !important;
  border-bottom-color: var(--gamp-border) !important;
  backdrop-filter: saturate(140%) blur(12px);
}

[data-testid="dashboard-header-container"] [role="list"] {
  gap: 8px !important;
  align-items: center !important;
}

[data-testid="dashboard-name-heading"],
[data-testid="collection-name-heading"] {
  color: var(--gamp-ink) !important;
  font-weight: 650 !important;
  letter-spacing: -.03em !important;
}

/* Dashboard filters */
[data-testid="parameter-widget"] {
  min-width: 0 !important;
  isolation: isolate;
}

[data-testid="parameter-value-widget-target"] {
  min-height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid var(--gamp-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--gamp-ink) !important;
  box-shadow: 0 1px 2px rgba(31, 35, 41, .04) !important;
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease !important;
}

[data-testid="parameter-value-widget-target"]:hover {
  border-color: #b8bec5 !important;
  background: #fbfcfe !important;
  box-shadow: 0 2px 8px rgba(31, 35, 41, .07) !important;
}

[data-testid="parameter-value-widget-target"][aria-expanded="true"] {
  border-color: var(--gamp-blue) !important;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, .16) !important;
}

[data-testid="parameter-value-dropdown"] {
  overflow: hidden !important;
  min-width: 340px !important;
  max-width: min(760px, calc(100vw - 32px)) !important;
  border: 1px solid var(--gamp-border) !important;
  border-radius: var(--gamp-radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--gamp-shadow-raised) !important;
}

[data-testid="parameter-value-dropdown"] form {
  min-width: 340px;
}

[data-testid="parameter-value-dropdown"]:has([data-testid="token-field"])::before {
  content: attr(data-gamp-filter-label);
  display: block;
  padding: 16px 16px 4px;
  color: var(--gamp-ink);
  font-size: 17px;
  font-weight: 650;
  letter-spacing: -.015em;
}

[data-testid="parameter-value-dropdown"] input {
  min-height: 44px !important;
}

[data-testid="parameter-value-dropdown"] button[type="submit"] {
  min-height: 40px !important;
  border-radius: 10px !important;
  background: var(--gamp-blue) !important;
  color: #fff !important;
  font-weight: 650 !important;
}

[data-testid*="parameter-widget"],
[data-testid*="filter-widget"],
[data-testid*="dashboard-parameter"] {
  border-radius: var(--gamp-radius-md) !important;
}

[data-testid*="parameter-widget"] button,
[data-testid*="filter-widget"] button,
[data-testid*="dashboard-parameter"] button {
  min-height: 40px !important;
  border-color: var(--gamp-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--gamp-ink) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(31, 35, 41, .035) !important;
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease !important;
}

[data-testid*="parameter-widget"] button:hover,
[data-testid*="filter-widget"] button:hover,
[data-testid*="dashboard-parameter"] button:hover {
  border-color: #b8bec5 !important;
  background: #fbfcfe !important;
  box-shadow: 0 2px 8px rgba(31, 35, 41, .07) !important;
}

/* Equivalent-period arrows and a one-click recent window stay visible outside the calendar. */
.gamp-period-navigation {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 2px;
  margin-left: 2px;
}

.gamp-period-button,
.gamp-period-quick {
  min-height: 40px;
  border: 0;
  background: transparent;
  color: var(--gamp-muted);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: color .14s ease, background .14s ease;
}

.gamp-period-button {
  display: inline-grid;
  width: 40px;
  place-items: center;
  padding: 0;
  border-radius: 50%;
}

.gamp-period-button svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.gamp-period-quick {
  margin-left: 6px;
  padding: 0 12px;
  border-radius: 8px;
  color: var(--gamp-blue);
}

.gamp-period-button:hover:not(:disabled),
.gamp-period-quick:hover { background: #f1f3f4; color: var(--gamp-blue-pressed); }
.gamp-period-button:disabled { color: #bdc1c6; cursor: not-allowed; }
.gamp-period-quick[aria-pressed="true"] { background: var(--gamp-blue-soft); color: var(--gamp-blue-pressed); }

/* Google Ads-style quick periods next to the native custom range calendar. */
[data-testid="parameter-value-dropdown"].gamp-date-range-menu {
  display: grid !important;
  grid-template-columns: 236px 632px;
  min-width: 870px !important;
  max-width: min(870px, calc(100vw - 24px)) !important;
  padding: 0 !important;
}

.gamp-date-range-menu > form {
  grid-column: 2;
  min-width: 0 !important;
  width: 632px;
}

.gamp-date-presets {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  max-height: 459px;
  overflow: auto;
  border-right: 1px solid var(--gamp-border);
  background: #fff;
  overscroll-behavior: contain;
}

.gamp-date-preset {
  position: relative;
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 8px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--gamp-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
  transition: background .12s ease, color .12s ease;
}

.gamp-date-preset:hover {
  background: #f1f3f4;
}

.gamp-date-preset[aria-pressed="true"] {
  background: var(--gamp-blue-soft);
  color: var(--gamp-blue-pressed);
  font-weight: 650;
}

.gamp-date-preset[aria-pressed="true"]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--gamp-blue);
}

.gamp-date-preset-custom {
  min-height: 48px;
  padding-block: 13px;
  border-bottom: 1px solid var(--gamp-border);
  font-size: 15px;
}

.gamp-date-preset-list {
  padding: 6px 0;
}

.gamp-date-rolling {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 12px;
  border-top: 1px solid var(--gamp-border);
  background: #fbfcfe;
}

.gamp-date-rolling-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.gamp-date-days-input {
  width: 54px !important;
  min-height: 38px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  font-variant-numeric: tabular-nums;
}

.gamp-date-rolling-action {
  min-height: 38px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: var(--gamp-muted);
  font: inherit;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
}

.gamp-date-rolling-action:hover {
  color: var(--gamp-blue-pressed);
}

@media (max-width: 760px) {
  [data-testid="parameter-value-dropdown"].gamp-date-range-menu {
    display: block !important;
    min-width: min(632px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px);
    overflow: auto !important;
  }

  .gamp-date-range-menu > form {
    width: 100%;
  }

  .gamp-date-presets {
    height: auto;
    max-height: 220px;
    border-right: 0;
    border-bottom: 1px solid var(--gamp-border);
  }

  .gamp-date-preset-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Analytical cards */
[data-testid="dashcard"],
[data-testid="dashcard-container"] {
  overflow: hidden !important;
  border: 1px solid var(--gamp-border) !important;
  border-radius: var(--gamp-radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--gamp-shadow-card) !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

[data-testid="dashcard"]:hover,
[data-testid="dashcard-container"]:hover {
  border-color: #cbd0d6 !important;
  box-shadow: 0 8px 24px rgba(31, 35, 41, .075) !important;
}

[data-testid="dashcard"] h2,
[data-testid="dashcard"] h3,
[data-testid="dashcard-container"] h2,
[data-testid="dashcard-container"] h3 {
  color: var(--gamp-ink) !important;
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
}

/* Tables and collections */
[data-testid="collection-table"] {
  overflow: hidden;
  border: 1px solid var(--gamp-border) !important;
  border-radius: var(--gamp-radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--gamp-shadow-card) !important;
}

table { font-variant-numeric: tabular-nums; }
table thead,
table th,
[role="columnheader"] {
  background: #f8f9fb !important;
  color: var(--gamp-muted) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: .025em !important;
}

/* Column labels are plain and scan-friendly; blue is reserved for actions. */
[role="columnheader"] [data-testid="cell-data"] {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--gamp-muted) !important;
}

[role="grid"] [role="gridcell"] [data-testid="cell-data"] {
  padding-right: var(--gamp-table-cell-padding) !important;
  padding-left: var(--gamp-table-cell-padding) !important;
  font-size: var(--gamp-table-font-size) !important;
  font-variant-numeric: tabular-nums;
}

.gamp-summary-row [role="gridcell"] {
  border-top: 2px solid #aecbfa !important;
  background: #eef4ff !important;
}

.gamp-summary-row [data-testid="cell-data"] {
  color: var(--gamp-ink) !important;
  font-weight: 700 !important;
}

html[data-gamp-density="large"] {
  --gamp-table-font-size: 15px;
  --gamp-table-cell-padding: 16px;
  --gamp-dashboard-gap: 18px;
}

html[data-gamp-density="medium"] {
  --gamp-table-font-size: 14px;
  --gamp-table-cell-padding: 13px;
  --gamp-dashboard-gap: 15px;
}

html[data-gamp-density="small"] {
  --gamp-table-font-size: 13px;
  --gamp-table-cell-padding: 10px;
  --gamp-dashboard-gap: 12px;
}

html[data-gamp-density="extra-small"] {
  --gamp-table-font-size: 12px;
  --gamp-table-cell-padding: 7px;
  --gamp-dashboard-gap: 8px;
}

html[data-gamp-density] [data-testid="dashboard-grid"] {
  row-gap: var(--gamp-dashboard-gap) !important;
}

table tbody tr { transition: background .12s ease !important; }
table tbody tr:hover { background: #f4f8ff !important; }
table td { border-color: var(--gamp-border-soft) !important; }

/* Controls, popovers and dialogs */
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select,
.mb-mantine-Input-input {
  min-height: 42px !important;
  border-color: #bdc1c6 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--gamp-ink) !important;
  transition: border-color .14s ease, box-shadow .14s ease !important;
}

input:not([type="checkbox"]):not([type="radio"]):hover,
textarea:hover,
select:hover,
.mb-mantine-Input-input:hover { border-color: #9aa0a6 !important; }

input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus,
.mb-mantine-Input-input:focus {
  border-color: var(--gamp-blue) !important;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, .18) !important;
}

/* Keep native selection controls compact. Text-input sizing must never turn
   checkboxes or radios into vertical pills. */
input[type="checkbox"],
input[type="radio"] {
  min-height: 0 !important;
}

/* Collection bulk-selection is intentionally not exposed in the user-facing
   navigation. Hide only cells that actually contain its native checkbox. */
[data-testid="collection-table"] tr > :first-child:has(input[type="checkbox"]) > button {
  display: none !important;
}

[role="dialog"],
[role="menu"],
[data-floating-ui-portal] > div > div {
  border-color: var(--gamp-border) !important;
  border-radius: var(--gamp-radius-md) !important;
  box-shadow: var(--gamp-shadow-raised) !important;
}

/* Login is part of the product experience, not a default utility screen. */
[data-testid="login-page"] {
  background:
    radial-gradient(circle at 12% 12%, rgba(26, 115, 232, .10), transparent 34%),
    radial-gradient(circle at 88% 86%, rgba(52, 168, 83, .08), transparent 32%),
    var(--gamp-page) !important;
}

[data-testid="login-page"].gamp-google-only-login {
  min-height: 100vh !important;
}

.gamp-login-brand {
  display: flex;
  width: min(360px, calc(100vw - 48px));
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin: 0 auto 28px;
  color: var(--gamp-ink);
  text-align: center;
}

.gamp-login-brand img {
  display: block;
  width: min(246px, 78vw);
  height: 68px;
  object-fit: contain;
}

.gamp-login-brand h1 {
  margin: 6px 0 0 !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
}

.gamp-login-brand p {
  margin: 0 !important;
  color: var(--gamp-muted) !important;
  font-size: 14px !important;
}

[data-gamp-login-hidden="true"] {
  display: none !important;
}

[data-testid="login-page"].gamp-google-only-login button {
  min-height: 46px !important;
  border-radius: 10px !important;
}

[data-testid="login-page"] > div:last-child > div:has(form) {
  overflow: hidden !important;
  border: 1px solid rgba(223, 227, 232, .88) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 24px 70px rgba(31, 35, 41, .12), 0 3px 12px rgba(31, 35, 41, .05) !important;
}

[data-testid="login-page"] h1 {
  color: var(--gamp-ink) !important;
  font-weight: 670 !important;
  letter-spacing: -.035em !important;
}

[data-testid="login-page"] button[type="submit"] {
  min-height: 44px !important;
  border-radius: 10px !important;
  background: var(--gamp-blue) !important;
  font-weight: 650 !important;
  box-shadow: 0 2px 6px rgba(26, 115, 232, .22) !important;
}

[data-testid="login-page"] button[type="submit"]:hover { background: var(--gamp-blue-hover) !important; }

/* Consistent scroll affordances without visual noise. */
* { scrollbar-width: thin; scrollbar-color: #c7ccd2 transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { border: 3px solid transparent; border-radius: 999px; background: #c7ccd2; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: #9ea4ab; background-clip: padding-box; }

@media (max-width: 760px) {
  [data-testid="main-navbar-root"] a[href="/"],
  [data-testid="app-bar"] a[href="/"] {
    width: 116px !important;
    min-width: 116px !important;
  }

  [data-testid="dashcard"],
  [data-testid="dashcard-container"],
  [data-testid="collection-table"] { border-radius: var(--gamp-radius-md) !important; }

  [data-testid="login-page"] > div:last-child > div:has(form) { border-radius: var(--gamp-radius-lg) !important; box-shadow: 0 14px 40px rgba(31, 35, 41, .11) !important; }

  [data-testid="parameter-value-dropdown"],
  [data-testid="parameter-value-dropdown"] form {
    min-width: min(340px, calc(100vw - 32px)) !important;
  }

  .gamp-density-control { display: none; }
  .gamp-period-navigation { width: 100%; margin-left: 0; }
  .gamp-period-quick { margin-left: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}