:root {
  --color-primary: #FC6D26;
  --color-secondary: #FC6D26;
  --color-axis: #181C3D;
  --color-ink-black: #080E1A;
  --color-space-indigo: #181C3D;
  --color-atomic-tangerine: #FC6D26;
  --color-pale-slate: #C4C5D0;
  --color-bright-snow: #F8FAFC;
  --litepicker-container-months-color-bg: #eff1f4;
  --litepicker-container-months-box-shadow-color: rgba(8, 14, 26, 0.12);
  --litepicker-footer-color-bg: #e6e8ed;
  --litepicker-footer-box-shadow-color: rgba(24, 28, 61, 0.1);
  --litepicker-tooltip-color-bg: #181C3D;
  --litepicker-month-header-color: #181C3D;
  --litepicker-button-prev-month-color: rgba(24, 28, 61, 0.6);
  --litepicker-button-next-month-color: rgba(24, 28, 61, 0.6);
  --litepicker-button-prev-month-color-hover: #FC6D26;
  --litepicker-button-next-month-color-hover: #FC6D26;
  --litepicker-month-weekday-color: rgba(24, 28, 61, 0.54);
  --litepicker-month-week-number-color: rgba(24, 28, 61, 0.42);
  --litepicker-day-color: #181C3D;
  --litepicker-day-color-hover: #FC6D26;
  --litepicker-is-today-color: #FC6D26;
  --litepicker-is-in-range-color: rgba(24, 28, 61, 0.08);
  --litepicker-is-locked-color: rgba(24, 28, 61, 0.32);
  --litepicker-is-start-color: #080E1A;
  --litepicker-is-start-color-bg: #FC6D26;
  --litepicker-is-end-color: #080E1A;
  --litepicker-is-end-color-bg: #FC6D26;
  --litepicker-button-cancel-color: #181C3D;
  --litepicker-button-cancel-color-bg: #dddfe5;
  --litepicker-button-apply-color: #080E1A;
  --litepicker-button-apply-color-bg: #FC6D26;
  --litepicker-button-reset-color: rgba(24, 28, 61, 0.55);
  --litepicker-button-reset-color-hover: #FC6D26;
  --litepicker-highlighted-day-color: #080E1A;
  --litepicker-highlighted-day-color-bg: #f9c9b1;
}

body {
  background: #edeff2;
  color: #181C3D;
}
body:after {
  display: none;
  background: radial-gradient(circle at 14% 0%, rgba(24, 28, 61, 0.1) 0%, rgba(24, 28, 61, 0) 34rem), linear-gradient(0deg, rgba(248, 250, 252, 0) 0%, rgba(221, 223, 229, 0.7) 100%);
}

.admin-messages {
  background: #eff1f4;
  border-color: rgba(24, 28, 61, 0.14);
  color: #181C3D;
  box-shadow: 0 0.65rem 1.5rem rgba(8, 14, 26, 0.06);
}
.admin-messages.error {
  background: #f5e1e2;
  border-color: rgba(220, 38, 38, 0.28);
  color: #7F1D1D;
}
.admin-messages.success {
  background: #ddf0e7;
  border-color: rgba(22, 163, 74, 0.28);
  color: #14532D;
}

.ci-run-card,
.ci-summary-card,
.ci-chart-panel,
.ci-results-table-wrap,
.sales-source-bubble {
  background: rgba(248, 250, 252, 0.92);
  border-color: rgba(24, 28, 61, 0.11);
  box-shadow: 0 0.75rem 1.6rem rgba(8, 14, 26, 0.055);
  color: #181C3D;
}

.ci-run-card {
  background: rgba(248, 250, 252, 0.82);
  box-shadow: 0 0.5rem 1.15rem rgba(8, 14, 26, 0.045);
}
.ci-run-card:hover, .ci-run-card:focus-visible {
  background: #F8FAFC;
  border-color: rgba(252, 109, 38, 0.52);
}
.ci-run-card.selected {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), #f8ede9);
  border-color: rgba(252, 109, 38, 0.72);
  box-shadow: inset 0 0 0 1px rgba(252, 109, 38, 0.18), 0 0.65rem 1.35rem rgba(8, 14, 26, 0.075);
}

.ci-run-title {
  color: #181C3D;
}

.ci-run-subtitle,
.ci-run-window,
.ci-run-meta,
.ci-panel-heading p,
.ci-summary-card span {
  color: rgba(24, 28, 61, 0.58);
}

.ci-summary-card strong {
  color: #181C3D;
}

.ci-summary-card {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(239, 241, 244, 0.98));
}

.ci-chart-panel {
  background: #F8FAFC;
}

.ci-status {
  background: rgba(24, 28, 61, 0.08);
  color: rgba(24, 28, 61, 0.74);
}

.ci-status-success {
  background: rgba(19, 122, 58, 0.12);
  color: #137A3A;
}

.ci-status-failed {
  background: rgba(198, 40, 40, 0.12);
  color: #C62828;
}

.ci-status-running,
.ci-status-queued {
  background: rgba(252, 109, 38, 0.14);
  color: #bc562c;
}

.ci-results-table-wrap {
  background: #F8FAFC;
}

.ci-results-table th {
  color: rgba(24, 28, 61, 0.6);
}
.ci-results-table tr {
  border-color: rgba(24, 28, 61, 0.08);
}

.sales-results-header p,
.sales-metric-row > span,
.sales-metric-row p {
  color: rgba(24, 28, 61, 0.58);
}

.sales-source-bubble {
  background: #F8FAFC;
  box-shadow: 0 0.8rem 1.65rem rgba(8, 14, 26, 0.07);
}

.sales-table-wrap {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.11);
  box-shadow: 0 0.8rem 1.65rem rgba(8, 14, 26, 0.07);
}

.sales-results-table thead th {
  color: rgba(24, 28, 61, 0.58);
}
.sales-results-table thead tr:first-child th,
.sales-results-table tbody tr {
  border-color: rgba(24, 28, 61, 0.1);
}
.sales-results-table .sales-group-start {
  border-left-color: rgba(24, 28, 61, 0.14);
}
.sales-results-table .sales-date-column {
  border-right-color: rgba(24, 28, 61, 0.14);
}
.sales-results-table .sales-spend-column {
  border-left-color: rgba(24, 28, 61, 0.14);
}
.sales-results-table th:first-child,
.sales-results-table td:first-child {
  background: #F8FAFC;
}
.sales-results-table tbody td {
  color: #181C3D;
}

.sales-metric-row {
  border-color: rgba(24, 28, 61, 0.1);
}
.sales-metric-row strong {
  color: #181C3D;
}
.sales-metric-row .sales-run-tooltip {
  background: #181C3D;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 0.7rem 1.4rem rgba(8, 14, 26, 0.18);
  color: #F8FAFC;
}

#ci-results-chart {
  --ci-actual-line:#FC6D26;
  --ci-expected-line:#181C3D;
}
#ci-results-chart .apexcharts-text,
#ci-results-chart .apexcharts-legend-text {
  fill: rgba(24, 28, 61, 0.76);
  color: rgba(24, 28, 61, 0.76) !important;
}
#ci-results-chart .apexcharts-gridline,
#ci-results-chart .apexcharts-xaxis-tick,
#ci-results-chart .apexcharts-xaxis line,
#ci-results-chart .apexcharts-yaxis line {
  stroke: rgba(24, 28, 61, 0.12);
}
#ci-results-chart .apexcharts-tooltip,
#ci-results-chart .apexcharts-tooltip.apexcharts-theme-light,
#ci-results-chart .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.12);
  color: #181C3D;
}

#sales-results-chart {
  --sales-amazon-line:#FC6D26;
}
#sales-results-chart .apexcharts-text,
#sales-results-chart .apexcharts-legend-text {
  fill: rgba(24, 28, 61, 0.76);
  color: rgba(24, 28, 61, 0.76) !important;
}
#sales-results-chart .apexcharts-gridline,
#sales-results-chart .apexcharts-xaxis-tick,
#sales-results-chart .apexcharts-xaxis line,
#sales-results-chart .apexcharts-yaxis line {
  stroke: rgba(24, 28, 61, 0.12);
}
#sales-results-chart .apexcharts-tooltip,
#sales-results-chart .apexcharts-tooltip.apexcharts-theme-light,
#sales-results-chart .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.12);
  color: #181C3D;
}

.sales-chart-panel {
  --sales-website-line:#181C3D;
  --sales-tv-line:#7D8A99;
}

input[type=text],
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=password],
select,
textarea {
  color-scheme: light;
  background: rgba(248, 250, 252, 0.82);
  color: #080E1A;
  border-color: rgba(24, 28, 61, 0.18);
  box-shadow: inset 0 1px 0 rgba(248, 250, 252, 0.7);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  border-color: #FC6D26;
  box-shadow: 0 0 0 3px rgba(252, 109, 38, 0.12);
}

select {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23181C3D' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 0.6rem);
  background-position-y: 50%;
  background-size: 1rem 1rem;
}

h2,
header h1,
table th.sortable:hover,
table th.sortable[data-sort-state=asc],
.traffic-table table th.sortable[data-sort-state=desc],
.traffic-table .table-pill[aria-expanded=true],
.traffic-table .drawer-options button.selected {
  color: #FC6D26;
}

.comparison-inline .up {
  color: #137A3A;
}
.comparison-inline .down {
  color: #C62828;
}

.badge p.comparison span.up {
  color: #137A3A;
}
.badge p.comparison span.down {
  color: #C62828;
}

header {
  border-bottom: 1px solid rgba(24, 28, 61, 0.1);
  backdrop-filter: blur(16px);
}
header:after {
  display: none;
}
header p {
  color: rgba(24, 28, 61, 0.68);
}
header .user-avatar-button {
  background: #e6e8ed;
  border-color: rgba(24, 28, 61, 0.12);
}
header .user-avatar-button:hover, header .user-avatar-button:focus-visible {
  border-color: rgba(252, 109, 38, 0.7);
  box-shadow: 0 0.5rem 1rem rgba(8, 14, 26, 0.12);
}
header .user-avatar {
  background: linear-gradient(145deg, #dddfe5, #e7e9ee);
  color: #181C3D;
}
header .user-menu-panel {
  background: #eff1f4;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 1rem 2rem rgba(8, 14, 26, 0.12);
}
header .theme-setting span {
  color: rgba(24, 28, 61, 0.66);
}
header .user-menu .sign-out {
  background: rgba(24, 28, 61, 0.04);
  color: #181C3D;
  border-color: rgba(24, 28, 61, 0.14);
}
header .user-menu .sign-out:hover, header .user-menu .sign-out:focus-visible {
  color: #FC6D26;
  border-color: rgba(252, 109, 38, 0.55);
}
header .mobile-menu-toggle {
  border-color: rgba(24, 28, 61, 0.2);
  color: #181C3D;
}
@media screen and (max-width: 74.999em) {
  header .primary-nav-wrapper,
header .mobile-subnav-panel {
    background: #eff1f4;
    color: #181C3D;
  }
  header .mobile-nav-root,
header .mobile-subnav-panel {
    color: #181C3D;
  }
  header .mobile-nav-action,
header nav a.button,
header .nav-dropdown-toggle,
header .mobile-subnav-panel a {
    color: #181C3D;
    background: transparent;
  }
  header .mobile-nav-action:hover,
header .mobile-nav-action:focus-visible,
header nav a.button:hover,
header nav a.button:focus-visible,
header .nav-dropdown-toggle:hover,
header .nav-dropdown-toggle:focus-visible,
header .mobile-subnav-panel a:hover,
header .mobile-subnav-panel a:focus-visible {
    background: rgba(24, 28, 61, 0.06);
    color: #181C3D;
  }
  header nav ul li.selected a.button,
header nav ul li.selected .nav-dropdown-toggle,
header .mobile-subnav-panel a.selected,
header .mobile-subnav-panel a.selected:hover,
header .mobile-subnav-panel a.selected:focus-visible {
    background: #FC6D26;
    color: #F8FAFC;
  }
  header .user-avatar-button {
    background: #e6e8ed;
    border-color: rgba(24, 28, 61, 0.16);
  }
  header .user-menu-panel {
    background: #F8FAFC;
    color: #181C3D;
    border-color: rgba(24, 28, 61, 0.14);
    box-shadow: 0 1rem 2rem rgba(8, 14, 26, 0.12);
  }
  header .user-menu .sign-out {
    background: rgba(24, 28, 61, 0.04);
    color: #181C3D;
    border-color: rgba(24, 28, 61, 0.14);
  }
}
header .mobile-nav-action:hover,
header .mobile-nav-action:focus-visible,
header .mobile-subnav-panel a:hover,
header .mobile-subnav-panel a:focus-visible {
  background: rgba(24, 28, 61, 0.06);
}
header .mobile-subnav-panel a.selected,
header .mobile-subnav-panel a.selected:hover,
header .mobile-subnav-panel a.selected:focus-visible {
  background: #FC6D26;
  color: #F8FAFC;
}
header nav ul li.selected a.button {
  background: #FC6D26;
  color: #F8FAFC;
}
header nav ul li.selected .nav-dropdown-toggle {
  background: #FC6D26;
  color: #F8FAFC;
}
header .nav-dropdown-menu {
  background: #eff1f4;
  color: #181C3D;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 1rem 2rem rgba(8, 14, 26, 0.12);
}
header .nav-dropdown-menu a {
  color: #181C3D;
}
header .nav-dropdown-menu a:hover, header .nav-dropdown-menu a:focus-visible, header .nav-dropdown-menu a.selected {
  background: rgba(252, 109, 38, 0.14);
  color: #181C3D;
}
@media screen and (min-width: 75em) {
  header .primary-nav-wrapper {
    background: transparent;
  }
  header .nav-dropdown-menu {
    background: #eff1f4;
  }
}
header.nav-open .primary-nav-wrapper {
  box-shadow: -20px 0 40px rgba(8, 14, 26, 0.14);
}

body.nav-open .nav-overlay {
  background: rgba(8, 14, 26, 0.38);
}

#logo svg * {
  fill: #181C3D;
}

#logo svg #chart {
  fill: #FC6D26;
}

#logo svg #chart-bars {
  fill: #F8FAFC;
}

button,
.button {
  background: #FC6D26;
}

.filters .date-range-clear {
  box-shadow: none;
  color: #7d7f97;
}

.filters .media-settings-button {
  background: #eff1f4;
  border-color: rgba(24, 28, 61, 0.16);
  color: rgba(24, 28, 61, 0.78);
  box-shadow: 0 0.45rem 1rem rgba(8, 14, 26, 0.045);
}
.filters .media-settings-button:hover, .filters .media-settings-button:focus-visible, .filters .media-settings-button[aria-expanded=true] {
  background: #F8FAFC;
  border-color: rgba(252, 109, 38, 0.46);
  color: #181C3D;
}
.filters .media-settings-menu {
  background: rgba(248, 250, 252, 0.98);
  border-color: rgba(24, 28, 61, 0.13);
  box-shadow: 0 1rem 2rem rgba(8, 14, 26, 0.12);
  color: #181C3D;
}
.filters .media-settings-label {
  color: rgba(24, 28, 61, 0.62);
}
.filters .media-confidence-toggle {
  background: rgba(239, 241, 244, 0.78);
}
.filters .media-settings-apply {
  box-shadow: 0 0.5rem 1rem rgba(252, 109, 38, 0.18);
}

.litepicker {
  color: #181C3D;
}
.litepicker .container__months {
  border: 1px solid rgba(24, 28, 61, 0.14);
  box-shadow: 0 1.25rem 2.5rem rgba(8, 14, 26, 0.14);
  overflow: hidden;
}
.litepicker .container__months.columns-2 {
  width: calc((var(--litepicker-month-width) * 2) + 3rem);
}
.litepicker .container__months.columns-3 {
  width: calc((var(--litepicker-month-width) * 3) + 4.5rem);
}
.litepicker .container__months.columns-4 {
  width: calc((var(--litepicker-month-width) * 4) + 6rem);
}
.litepicker .container__months .month-item-header {
  font-weight: 700;
  letter-spacing: 0;
}
.litepicker .container__months .month-item-header .button-previous-month,
.litepicker .container__months .month-item-header .button-next-month {
  border-radius: 0.45rem;
  cursor: pointer;
}
.litepicker .container__months .month-item-header .button-previous-month:hover,
.litepicker .container__months .month-item-header .button-next-month:hover {
  background: rgba(252, 109, 38, 0.1);
  box-shadow: none;
}
.litepicker .container__days .day-item {
  border-radius: 0.45rem;
  font-weight: 600;
}
.litepicker .container__days .day-item:hover {
  background: rgba(252, 109, 38, 0.08);
  box-shadow: inset 0 0 0 1px rgba(252, 109, 38, 0.38);
}
.litepicker .container__days .day-item.is-in-range {
  background-color: rgba(24, 28, 61, 0.08);
  color: #181C3D;
}
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
  background-color: #FC6D26;
  color: #080E1A;
}
.litepicker .container__days .day-item.is-today:not(.is-start-date):not(.is-end-date) {
  box-shadow: inset 0 0 0 1px rgba(252, 109, 38, 0.5);
}
.litepicker .container__footer {
  border-top: 1px solid rgba(24, 28, 61, 0.1);
  box-shadow: none;
}
.litepicker .container__footer .button-cancel,
.litepicker .container__footer .button-apply {
  border-radius: 0.55rem;
  font-weight: 700;
}
.litepicker .container__tooltip {
  color: #F8FAFC;
  box-shadow: 0 0.7rem 1.4rem rgba(8, 14, 26, 0.18);
}
@media screen and (max-width: 45em) {
  .litepicker {
    width: 95vw !important;
  }
  .litepicker .container__months,
.litepicker .container__months.columns-2,
.litepicker .container__months.columns-3,
.litepicker .container__months.columns-4 {
    width: 100% !important;
  }
}

.litepicker[data-plugins*=ranges] > .container__main > .container__predefined-ranges {
  background: #e6e8ed;
  border: 1px solid rgba(24, 28, 61, 0.14);
  border-right: 0;
  border-radius: 0.9rem 0 0 0.9rem;
  box-shadow: 0 1.25rem 2.5rem rgba(8, 14, 26, 0.12);
  padding: 0.45rem;
}

.litepicker[data-plugins*=ranges] > .container__main > .container__predefined-ranges button {
  border-radius: 0.5rem;
  color: #181C3D;
  font-weight: 600;
  padding: 0.45rem 0.65rem;
}

.litepicker[data-plugins*=ranges] > .container__main > .container__predefined-ranges button:hover {
  background: rgba(252, 109, 38, 0.1);
  color: #FC6D26;
  opacity: 1;
}

th {
  color: rgba(24, 28, 61, 0.52);
}

th span.light,
td span.light {
  color: rgba(24, 28, 61, 0.6);
}

tr:nth-child(odd) > td {
  background: rgba(196, 197, 208, 0.14);
}

.post-log-row:hover {
  background: rgba(221, 223, 229, 0.58);
}

.primary-traffic table thead th {
  background: #edeff2;
  box-shadow: 0 1px 0 rgba(24, 28, 61, 0.14), 0 0.55rem 1rem rgba(8, 14, 26, 0.08);
}

.primary-traffic table tbody tr.network-row.row-has-open-drawer > td,
.primary-traffic table tbody tr.network-row.row-has-open-drawer:hover > td {
  background: #edeff2;
}

.primary-traffic table tbody tr.network-detail-row.row-has-open-drawer > td,
.primary-traffic table tbody tr.network-detail-row.row-has-open-drawer:hover > td {
  background: #f0f2f5;
}

.primary-traffic table tbody tr.hour-detail-row.row-has-open-drawer > td,
.primary-traffic table tbody tr.hour-detail-row.row-has-open-drawer:hover > td {
  background: #f4f6f8;
}

.primary-traffic table tbody tr.row-has-open-drawer > td {
  box-shadow: 0 0.7rem 1rem rgba(8, 14, 26, 0.1), inset 0 -1px 0 rgba(24, 28, 61, 0.12);
}

.traffic-table.primary-traffic table tbody tr.open-drawer-start > td {
  border-top: 0;
}

.primary-traffic table tbody tr.network-row.row-has-open-drawer:hover > td {
  background: #e2e4e9;
}

.primary-traffic table tbody tr.network-detail-row.row-has-open-drawer:hover > td {
  background: #e7e9ee;
}

.primary-traffic table tbody tr.hour-detail-row.row-has-open-drawer:hover > td {
  background: #edeff2;
}

.badge p.label,
.badge-row.badge-row-amazon .badge p.label,
.drawer-panel h4,
.column-options .empty,
.badge.blank p.label {
  color: rgba(24, 28, 61, 0.64);
}

.badge p.value,
.badge-row.huge .badge p.value {
  color: #080E1A;
}

.badge.blank {
  background: rgba(196, 197, 208, 0.18);
}

.badge-row.huge .badge {
  background: #e6e8ed;
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.13);
  box-shadow: 0 0.75rem 1.5rem rgba(8, 14, 26, 0.05);
}
.badge-row.huge .badge p.label {
  color: rgba(24, 28, 61, 0.58);
}

.badge-row:not(.huge) .badge {
  background: rgba(239, 241, 244, 0.8);
  background: rgba(248, 250, 252, 0.5);
}

.badge-row .row-label img {
  color-scheme: light;
}

.traffic-table .table-pill {
  background: #e6e8ed;
  border-color: rgba(24, 28, 61, 0.12);
  color: #181C3D;
}
.traffic-table .table-pill img {
  filter: brightness(0) saturate(100%) invert(6%) sepia(28%) saturate(1456%) hue-rotate(184deg) brightness(93%) contrast(99%);
  opacity: 0.9;
}

.traffic-table .table-pill .pill-label {
  color: rgba(24, 28, 61, 0.52);
}

.traffic-filter-label {
  color: rgba(24, 28, 61, 0.56);
}

.traffic-table .table-pill:hover {
  background: #dddfe5;
}

.traffic-table .table-pill[aria-expanded=true] {
  background: #dddfe5;
  border-color: rgba(252, 109, 38, 0.55);
}

.traffic-table .table-drawer {
  background: #eff1f4;
  box-shadow: 0 1rem 2rem rgba(8, 14, 26, 0.12);
}

.traffic-chart-go {
  color: #F8FAFC;
}

.traffic-table .inside {
  scrollbar-color: rgba(24, 28, 61, 0.28) rgba(196, 197, 208, 0.22);
}
.traffic-table .inside::-webkit-scrollbar-track {
  background: rgba(196, 197, 208, 0.22);
}
.traffic-table .inside::-webkit-scrollbar-thumb {
  background: rgba(24, 28, 61, 0.28);
  border-color: rgba(196, 197, 208, 0.22);
}
.traffic-table .inside::-webkit-scrollbar-thumb:hover {
  background: rgba(24, 28, 61, 0.42);
}

.column-option {
  border-color: rgba(24, 28, 61, 0.14);
  color: #181C3D;
  background: rgba(230, 232, 237, 0.76);
}

.column-option input[type=checkbox] {
  accent-color: #FC6D26;
}

.traffic-table table tbody tr.ignored-post-log > td {
  color: rgba(24, 28, 61, 0.52);
}

.traffic-table table tbody tr.ignored-post-log td.ignored-metric .metric-value {
  border-color: rgba(24, 28, 61, 0.18);
  background: rgba(24, 28, 61, 0.035);
}

.traffic-table table tbody tr.network-row > td,
.traffic-table table tbody tr.total-row > td {
  background: rgba(255, 255, 255, 0);
}

.traffic-table table tbody tr.network-detail-row > td {
  background: rgba(255, 255, 255, 0.3);
}

.traffic-table table tbody tr.hour-detail-row > td {
  background: rgba(255, 255, 255, 0.6);
}

.traffic-table table tbody tr.spot-detail-row > td {
  background: rgba(255, 255, 255, 0.9);
}

.traffic-table table tbody tr.network-row:hover > td {
  background: rgba(24, 28, 61, 0.05);
}

.traffic-table table tbody tr.network-detail-row:hover > td {
  background: rgba(24, 28, 61, 0.04);
}

.traffic-table table tbody tr.hour-detail-row:hover > td {
  background: rgba(24, 28, 61, 0.03);
}

.traffic-table table tbody tr.spot-detail-row:hover > td {
  background: rgba(24, 28, 61, 0.02);
}

.traffic-table table tbody tr:hover td.metric-cell .metric-bar {
  background: #fc6d26;
}

.traffic-table:not(.primary-traffic) table tbody tr.row-has-open-drawer > td {
  box-shadow: 0 0.75rem 1.25rem rgba(8, 14, 26, 0.1);
  position: relative;
  z-index: 1;
}

.traffic-table table tbody tr.open-drawer-start > td {
  border-top: 1px solid rgba(24, 28, 61, 0.22);
}

.traffic-table table tbody tr.open-drawer-end > td {
  border-bottom: 1px solid rgba(24, 28, 61, 0.22);
}

.traffic-table table tbody tr.hour-detail-row td:first-child {
  padding-left: 1.25rem;
  color: rgba(24, 28, 61, 0.72);
}

.traffic-table table tbody tr.spot-detail-row td:first-child {
  color: #181C3D;
}

.toggle {
  border-color: rgba(24, 28, 61, 0.14);
}
.toggle label:has(input[type=radio]:checked) {
  background: #dddfe5;
}

.invite-form {
  background: #eff1f4;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 0.85rem 1.8rem rgba(8, 14, 26, 0.06);
}
.invite-form label {
  color: rgba(24, 28, 61, 0.76);
}

.invite-result {
  background: #dddfe5;
  border-color: rgba(24, 28, 61, 0.14);
}
.invite-result code {
  color: #080E1A;
}

.invite-table th,
.invite-table td {
  border-bottom-color: rgba(24, 28, 61, 0.12);
}

.notice {
  border-color: rgba(24, 28, 61, 0.12);
}
.notice.success {
  background: #dddfe5;
  border-color: rgba(24, 28, 61, 0.14);
}
.notice.error {
  background: rgba(252, 109, 38, 0.1);
  border-color: rgba(252, 109, 38, 0.28);
}

.help-text {
  color: rgba(24, 28, 61, 0.62);
}

.card,
.settings-card {
  background: #eff1f4;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 0.85rem 1.8rem rgba(8, 14, 26, 0.06);
}

.settings-card dt {
  color: rgba(24, 28, 61, 0.62);
}
.settings-card .field-input[disabled] {
  background: rgba(24, 28, 61, 0.05);
  color: rgba(24, 28, 61, 0.46);
}

.settings-message.success {
  background: #dddfe5;
  border-color: rgba(24, 28, 61, 0.14);
}
.settings-message.error {
  background: rgba(252, 109, 38, 0.1);
  border-color: rgba(252, 109, 38, 0.28);
}

.settings-notice {
  background: #dddfe5;
  border-color: rgba(24, 28, 61, 0.14);
}

.chart-note {
  color: rgba(24, 28, 61, 0.6);
}

.empty-state {
  background: rgba(221, 223, 229, 0.58);
}

.postlog-panel {
  background: #eff1f4;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 0.85rem 1.8rem rgba(8, 14, 26, 0.06);
}

.upload-note,
.table-note {
  color: rgba(24, 28, 61, 0.62);
}

.table-note.error {
  color: #FC6D26;
}

.field-group label span {
  color: rgba(24, 28, 61, 0.62);
}

.file-input .file-button {
  background: #dddfe5;
  border-color: rgba(24, 28, 61, 0.14);
  color: #181C3D;
}
.file-input .file-button:hover {
  border-color: rgba(252, 109, 38, 0.5);
  box-shadow: 0 0.5rem 1rem rgba(8, 14, 26, 0.12);
}
.file-input .file-name {
  color: rgba(24, 28, 61, 0.62);
}

.postlog-action {
  background: rgba(230, 232, 237, 0.78);
  border-color: rgba(24, 28, 61, 0.12);
}
.postlog-action:hover, .postlog-action:focus-visible {
  background: #dddfe5;
  border-color: rgba(252, 109, 38, 0.45);
}
.postlog-action img {
  filter: brightness(0) saturate(100%) invert(6%) sepia(28%) saturate(1456%) hue-rotate(184deg) brightness(93%) contrast(99%);
  opacity: 0.88;
}

.postlog-modal {
  background: rgba(8, 14, 26, 0.42);
}
.postlog-modal .modal-content {
  background: #eff1f4;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 1.5rem 4rem rgba(8, 14, 26, 0.18);
}
.postlog-modal .modal-close {
  color: rgba(24, 28, 61, 0.62);
}
.postlog-modal .modal-close:hover, .postlog-modal .modal-close:focus-visible {
  color: #FC6D26;
}

.postlog-modal-field label {
  color: rgba(24, 28, 61, 0.62);
}

.postlog-modal-footer .button-secondary {
  background: rgba(230, 232, 237, 0.78);
  color: #181C3D;
  border-color: rgba(24, 28, 61, 0.14);
}

#postlog-table tr.postlog-new td {
  background: rgba(252, 109, 38, 0.1);
}

.activity-filters {
  background: rgba(230, 232, 237, 0.76);
  border-color: rgba(24, 28, 61, 0.14);
}
.activity-filters label {
  color: rgba(24, 28, 61, 0.68);
}
.activity-filters input,
.activity-filters select {
  border-color: rgba(24, 28, 61, 0.16);
}

.activity-table th,
.activity-table td {
  border-bottom-color: rgba(24, 28, 61, 0.1);
}
.activity-table th {
  color: rgba(24, 28, 61, 0.58);
}
.activity-table tbody tr:hover {
  background: rgba(221, 223, 229, 0.62);
}

.ip-dot {
  box-shadow: 0 0 0 2px rgba(24, 28, 61, 0.08);
}

.activity-meta {
  background: rgba(24, 28, 61, 0.05);
  border-color: rgba(24, 28, 61, 0.1);
}

.activity-pill {
  color: #F8FAFC;
  box-shadow: 0 0.45rem 0.9rem rgba(24, 28, 61, 0.16);
}
.activity-pill.type-page-view {
  background: #1D4ED8;
}
.activity-pill.type-api-call {
  background: #FC6D26;
}
.activity-pill.type-login, .activity-pill.type-auth-login, .activity-pill.type-sign-in {
  background: #15803D;
}
.activity-pill.type-logout, .activity-pill.type-auth-logout, .activity-pill.type-sign-out {
  background: #6D28D9;
}
.activity-pill.type-error, .activity-pill.type-failed, .activity-pill.type-auth-failed {
  background: #B91C1C;
}
.activity-pill.type-admin, .activity-pill.type-admin-action {
  background: #0E7490;
}

.activity-modal {
  background: rgba(8, 14, 26, 0.44);
}
.activity-modal .modal-content {
  background: linear-gradient(180deg, #eff1f4, #e6e8ed);
  color: #181C3D;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 1.75rem 4rem rgba(8, 14, 26, 0.18);
}
.activity-modal .modal-header {
  border-bottom-color: rgba(24, 28, 61, 0.1);
}
.activity-modal .modal-header h3 {
  color: #181C3D;
}
.activity-modal .modal-close {
  background: rgba(24, 28, 61, 0.04);
  border-color: rgba(24, 28, 61, 0.12);
  color: rgba(24, 28, 61, 0.64);
}
.activity-modal .modal-close:hover, .activity-modal .modal-close:focus-visible {
  color: #FC6D26;
  border-color: rgba(252, 109, 38, 0.45);
  background: rgba(252, 109, 38, 0.08);
}
.activity-modal dt {
  color: rgba(24, 28, 61, 0.58);
}
.activity-modal dd {
  color: #181C3D;
}
.activity-modal pre {
  background: rgba(24, 28, 61, 0.06);
  border-color: rgba(24, 28, 61, 0.1);
  color: #080E1A;
}

.spot-detail-modal {
  background: rgba(8, 14, 26, 0.34);
}
.spot-detail-modal .modal-content {
  background: #eff1f4;
  color: #181C3D;
  border-color: rgba(24, 28, 61, 0.14);
  box-shadow: 0 1.75rem 4rem rgba(8, 14, 26, 0.18);
  scrollbar-color: rgba(24, 28, 61, 0.3) rgba(24, 28, 61, 0.08);
}
.spot-detail-modal .modal-content::-webkit-scrollbar-track {
  background: rgba(24, 28, 61, 0.08);
}
.spot-detail-modal .modal-content::-webkit-scrollbar-thumb {
  background: rgba(24, 28, 61, 0.3);
  border-color: rgba(24, 28, 61, 0.08);
}
.spot-detail-modal .modal-content::-webkit-scrollbar-thumb:hover {
  background: rgba(24, 28, 61, 0.46);
}
.spot-detail-modal .modal-header {
  background: rgba(239, 241, 244, 0.96);
  border-bottom-color: rgba(24, 28, 61, 0.1);
}
.spot-detail-modal .modal-header h3 {
  color: #181C3D;
}
.spot-detail-modal .modal-close {
  background: rgba(24, 28, 61, 0.04);
  border-color: rgba(24, 28, 61, 0.12);
  color: rgba(24, 28, 61, 0.64);
}
.spot-detail-modal .modal-close:hover, .spot-detail-modal .modal-close:focus-visible {
  color: #FC6D26;
  border-color: rgba(252, 109, 38, 0.45);
  background: rgba(252, 109, 38, 0.08);
}

.spot-detail-logo {
  background: rgba(248, 250, 252, 0.82);
  border-color: rgba(24, 28, 61, 0.12);
  color: #181C3D;
}

.spot-detail-eyebrow,
.spot-detail-subtitle {
  color: rgba(24, 28, 61, 0.62);
}

.spot-detail-id {
  background: rgba(24, 28, 61, 0.08);
  color: #181C3D;
}

.spot-detail-metric {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.1);
}
.spot-detail-metric span {
  color: rgba(24, 28, 61, 0.58);
}
.spot-detail-metric strong {
  color: #080E1A;
}

.spot-detail-meta-item span {
  color: rgba(24, 28, 61, 0.58);
}
.spot-detail-meta-item strong {
  color: #181C3D;
}

.spot-detail-section h4 {
  color: #181C3D;
}
.spot-detail-section .session-detail-chart {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.1);
}

.spot-detail-table-scroll {
  border-color: rgba(24, 28, 61, 0.1);
  scrollbar-color: rgba(24, 28, 61, 0.3) rgba(24, 28, 61, 0.07);
}
.spot-detail-table-scroll::-webkit-scrollbar-track {
  background: rgba(24, 28, 61, 0.07);
}
.spot-detail-table-scroll::-webkit-scrollbar-thumb {
  background: rgba(24, 28, 61, 0.3);
  border-color: rgba(24, 28, 61, 0.07);
}
.spot-detail-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(24, 28, 61, 0.46);
}

.spot-state-map-shell,
.spot-state-map-list {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.1);
}

.spot-state-map-empty {
  color: rgba(24, 28, 61, 0.58);
}

.spot-state-map-legend {
  color: rgba(24, 28, 61, 0.58);
}

.spot-state-map-row {
  color: rgba(24, 28, 61, 0.62);
}
.spot-state-map-row strong {
  color: #181C3D;
}
.spot-state-map-row:nth-child(odd) {
  background: rgba(24, 28, 61, 0.035);
}

.spot-state-swatch {
  box-shadow: 0 0 0 1px rgba(24, 28, 61, 0.14);
}

.spot-detail-modal .session-region-table,
.spot-detail-modal .session-detail-table {
  background: #F8FAFC;
}
.spot-detail-modal .session-region-table th,
.spot-detail-modal .session-detail-table th {
  color: rgba(24, 28, 61, 0.58);
}
.spot-detail-modal .session-region-table td,
.spot-detail-modal .session-detail-table td {
  color: #181C3D;
}
.spot-detail-modal .session-region-table tr:nth-child(odd) > td,
.spot-detail-modal .session-detail-table tr:nth-child(odd) > td {
  background: rgba(24, 28, 61, 0.035);
}
.spot-detail-modal .session-region-table .session-weight-cell,
.spot-detail-modal .session-detail-table .session-weight-cell {
  color: rgba(24, 28, 61, var(--session-weight-alpha, 0.12));
}
.spot-detail-modal .session-region-table .session-weight-cell.session-weight-full,
.spot-detail-modal .session-detail-table .session-weight-cell.session-weight-full {
  color: #FC6D26;
}
.spot-detail-modal .session-region-table .session-confidence-cell.session-confidence-low,
.spot-detail-modal .session-detail-table .session-confidence-cell.session-confidence-low {
  color: rgba(24, 28, 61, 0.42);
}
.spot-detail-modal .session-region-table .session-confidence-cell.session-confidence-mid,
.spot-detail-modal .session-detail-table .session-confidence-cell.session-confidence-mid {
  color: #b97400;
}
.spot-detail-modal .session-region-table .session-confidence-cell.session-confidence-high,
.spot-detail-modal .session-detail-table .session-confidence-cell.session-confidence-high {
  color: #15824b;
}

.traffic-brush-chart .apexcharts-tooltip,
.traffic-brush-chart .apexcharts-tooltip.apexcharts-theme-light,
.traffic-brush-chart .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #F8FAFC !important;
  border: 1px solid rgba(24, 28, 61, 0.12) !important;
  color: #181C3D !important;
  box-shadow: 0 0.5em 1em rgba(8, 14, 26, 0.12) !important;
}

.traffic-brush-chart {
  --traffic-chart-axis: rgba(24, 28, 61, 0.72);
  --traffic-chart-grid: rgba(24, 28, 61, 0.12);
  --traffic-chart-weekend: rgba(24, 28, 61, 0.06);
}

#traffic-brush-main .apexcharts-text,
#traffic-brush-main .apexcharts-legend-text {
  fill: rgba(24, 28, 61, 0.76);
  color: rgba(24, 28, 61, 0.76) !important;
}
#traffic-brush-main .apexcharts-gridline,
#traffic-brush-main .apexcharts-xaxis-tick,
#traffic-brush-main .apexcharts-xaxis line,
#traffic-brush-main .apexcharts-yaxis line {
  stroke: rgba(24, 28, 61, 0.12);
}
#traffic-brush-main .apexcharts-tooltip,
#traffic-brush-main .apexcharts-tooltip.apexcharts-theme-light,
#traffic-brush-main .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.12);
  color: #181C3D;
}

.agent-query-panel {
  background: #F8FAFC;
  border-color: rgba(24, 28, 61, 0.12);
  box-shadow: 0 0.75rem 1.5rem rgba(8, 14, 26, 0.05);
}
.agent-query-panel h2 {
  color: rgba(24, 28, 61, 0.68);
}
.agent-query-panel pre {
  background: rgba(24, 28, 61, 0.045);
  border-color: rgba(24, 28, 61, 0.1);
  color: #181C3D;
}

.agent-query-grid span {
  color: rgba(24, 28, 61, 0.62);
}
.agent-query-grid input,
.agent-query-grid select {
  background: rgba(230, 232, 237, 0.78);
  border-color: rgba(24, 28, 61, 0.14);
  color: #181C3D;
}

.agent-field-option {
  background: rgba(24, 28, 61, 0.035);
  border-color: rgba(24, 28, 61, 0.1);
}
.agent-field-option small {
  color: rgba(24, 28, 61, 0.6);
}

.agent-query-row select,
.agent-query-row input {
  background: rgba(230, 232, 237, 0.78);
  border-color: rgba(24, 28, 61, 0.14);
  color: #181C3D;
}

.agent-inline-check,
.agent-response-details summary,
.agent-ci-summary p {
  color: rgba(24, 28, 61, 0.68);
}

.agent-ci-cards div {
  background: rgba(24, 28, 61, 0.035);
  border-color: rgba(24, 28, 61, 0.1);
}
.agent-ci-cards span {
  color: rgba(24, 28, 61, 0.58);
}
.agent-ci-cards strong {
  color: #080E1A;
}

/*# sourceMappingURL=theme-light.css.map */
