/* Snowball blue visual system. Loaded last so every business surface shares one theme. */
:root{
  --bg:#f5f8fc;
  --surface:#fff;
  --text:#202633;
  --muted:#7b8494;
  --border:#e2e8f0;
  --accent:#1677ff;
  --accent-hover:#0958d9;
  --accent-active:#003eb3;
  --accent-2:#4c9aff;
  --accent-soft:#eaf2ff;
  --accent-soft-hover:#f3f7ff;
  --accent-border:#b8d4ff;
  --focus-ring:#d6e7ff;
  --green:#18a76b;
  --red:#ef5d68;
  --shadow:0 2px 10px rgba(36,72,120,.06);
}

::selection{background:#cfe3ff;color:#15345f}
html,body,.auth-gate{background:var(--bg)}
.sidebar,.topbar,.toolbar,.list-toolbar,.collapse{background:var(--surface)}
.sidebar{border-color:var(--border)}
.brand-mark{background:#1677ff;box-shadow:0 3px 9px rgba(22,119,255,.22)}
.sidebar .brand:hover,.nav-item:hover,.nav-title:hover{background:#f4f8ff}
.sidebar .brand:focus-visible,.nav-item:focus-visible,.nav-title:focus-visible{outline-color:#1677ff}
.nav-item.active{background:#eaf2ff;color:#0969da}
.nav-item.active .nav-icon{color:#1677ff}
.page-tab:hover{color:#1677ff}
.page-tab.active{color:#0969da}
.page-tab.active::after{background:#1677ff}
.page-tab:focus-visible{box-shadow:0 0 0 3px #d6e7ff}

button:focus-visible{box-shadow:0 0 0 3px #d6e7ff}
button.primary,.credential-modal button.primary,.pricing-plan-add{
  border-color:#1677ff;background:#1677ff;color:#fff;box-shadow:0 4px 12px rgba(22,119,255,.22)
}
button.primary:hover:not(:disabled),.credential-modal button.primary:hover:not(:disabled),.pricing-plan-add:hover{
  border-color:#0958d9;background:#0958d9;color:#fff;box-shadow:0 6px 16px rgba(9,88,217,.22)
}
button.primary:active:not(:disabled),.credential-modal button.primary:active:not(:disabled){
  border-color:#003eb3;background:#003eb3;box-shadow:0 2px 7px rgba(0,62,179,.2)
}
button.primary:disabled,.credential-modal button.primary:disabled{
  border-color:#c8dbf5;background:#e8f1fd;color:#8eaed3
}
button.control:hover:not(:disabled),.credential-modal button:not(.primary):not(.danger):not(.credential-copy):hover:not(:disabled),.credential-pagination button:hover:not(:disabled){
  border-color:#9fc5ff;background:#f3f7ff;color:#0969da;box-shadow:0 3px 10px rgba(22,119,255,.08)
}
button.control:active:not(:disabled){border-color:#7fb2ff;background:#eaf2ff}
.drawer-head>button:hover,.credential-modal header>button:hover,.row-menu:hover,.card-head button:hover,.entity-top button:hover{
  background:#eaf2ff;color:#0969da
}
.drawer-head>button:focus-visible,.credential-modal header>button:focus-visible{background:#f3f7ff!important;box-shadow:0 0 0 3px #d6e7ff!important}
.text-button,.credential-panel button:not(.primary):not(.control):not(.danger):not(.credential-copy),
.user-panel td button,.user-detail-section td button,.advanced-filters summary{color:#0969da}
.text-button:hover,.filter-notice button:hover,
.credential-panel button:not(.primary):not(.control):not(.danger):not(.credential-copy):hover,
.user-panel td button:not(.credential-copy):hover,.user-detail-section td button:not(.credential-copy):hover{
  background:#eaf2ff;color:#0958d9
}

input:focus,textarea:focus,select:focus,.search:focus-within,.project-search:focus-within,
.credential-fields input:focus,.credential-fields textarea:focus,.user-cache-form input:focus,.user-cache-form textarea:focus{
  outline:0;border-color:#4c9aff;box-shadow:0 0 0 3px #d6e7ff
}
input[type="checkbox"],input[type="radio"],.pricing-default input,.advanced-filters input[type="checkbox"],.settings-form .switch-row input{accent-color:#1677ff}
.drawer label.multi-option:has(input:checked){border-color:#1677ff;background:#eaf2ff;color:#0969da;box-shadow:0 0 0 2px rgba(22,119,255,.12)}
.drawer .multi-option input:checked{border-color:#1677ff;background:#1677ff}

.project-switcher-button:hover,.project-switcher-button[aria-expanded="true"]{border-color:#4c9aff;background:#f7faff;box-shadow:0 0 0 3px #d6e7ff}
.project-all-icon{background:#eaf2ff;color:#1677ff}
.project-platform-badge.payment-fallback{border-color:#1677ff;background:#1677ff}
.project-menu,.admin-select-menu,.subscription-select-menu{border-color:#d8e5f5;box-shadow:0 14px 36px rgba(35,67,112,.14),0 2px 8px rgba(35,67,112,.07)}
.project-option:hover,.admin-select-option:hover,.admin-select-option:focus-visible,.subscription-select-option:hover,.subscription-select-option:focus-visible{background:#f3f7ff;color:#0969da}
.project-option.selected,.admin-select-option.selected,.subscription-select-option.selected{background:#eaf2ff;color:#0969da}
.project-option>i,.admin-select-option i,.subscription-select-option i{color:#1677ff}
.admin-select-trigger:hover,.subscription-select-trigger:hover{border-color:#9fc5ff;background:#f7faff}
.admin-select.open .admin-select-trigger,.admin-select-trigger:focus-visible,
.subscription-select-trigger:focus-visible,.subscription-select.open .subscription-select-trigger{border-color:#4c9aff;box-shadow:0 0 0 3px #d6e7ff}
.logout-button:hover{border-color:#9fc5ff;background:#f3f7ff;color:#0969da}
.logout-button:focus-visible{box-shadow:0 0 0 3px #d6e7ff}

.filter-notice,.credential-notice,.transaction-notice,.user-notice,.credential-fields .credential-environment,
.captcha-code,.binding-help,.transaction-secret-note{
  border-color:#cfe1fb;background:#edf5ff;color:#315f93
}
.filter-notice button{color:#0969da}
.credential-secret-status{color:#52749a}

.metric-card,.summary-card,.subscription-summary-grid article,.refund-summary-grid article,.user-summary article,
.entity-card,.trend-panel,.breakdown-panel,.credential-panel,.table-shell,.pricing-workspace{
  border-color:#dfe7f1;box-shadow:var(--shadow)
}
.metric-card.has-warning{border-color:#f0d7a5}
.bar,.chart-bars .bar{background:linear-gradient(180deg,#5ca5ff,#1677ff)}
.chart-line path,.line-chart polyline,.trend-svg polyline,.summary-card svg polyline{stroke:#1677ff}
.breakdown-track i,.breakdown-row>i>b{background:linear-gradient(90deg,#5ca5ff,#1677ff)}
.line-node>i{background:#1677ff}
.line-node:hover>i,.line-node:focus-visible>i{box-shadow:0 0 0 3px rgba(22,119,255,.18)}
.chart-bars .bar:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #1677ff}
.card-head .chart-type-toggle button:hover,.card-head button[data-refresh-metric]:hover{color:#1677ff}
.card-head .chart-type-toggle button[aria-pressed="true"]{color:#1677ff;box-shadow:0 1px 3px rgba(21,72,139,.15)}
.metric-info:focus-visible{box-shadow:0 0 0 2px #b8d4ff}
.cohort-row>i{background:rgba(22,119,255,calc(.18 + var(--alpha)*.82))}
.user-bars i{background:#5ca5ff}.user-bars i:hover{background:#1677ff}
.user-line{stroke:#1677ff}.user-dot{fill:#1677ff}

.pagination button.active{border-color:#1677ff;background:#1677ff;color:#fff}
tbody tr:hover,tbody tr.selected{background:#f3f7ff}
thead,.credential-panel th{background:#f7faff}
.value-tag{border-color:#dce7f4;background:#f7faff}
.entity-card:hover,.entity-card.selected{border-color:#9fc5ff;box-shadow:0 8px 24px rgba(22,119,255,.1)}
.entity-icon{background:linear-gradient(145deg,#5ca5ff,#1677ff)}
.settings-nav button.active{background:#eaf2ff;color:#0969da}
.switch.on{background:#1677ff}

.pricing-plan-add:focus-visible{outline-color:#b8d4ff}
.pricing-plan-item:hover{background:#f3f7ff}
.pricing-plan-item.selected{border-color:#b8d4ff;background:#eaf2ff;color:#0969da}
.pricing-plan-item.selected .pricing-plan-item-main strong{color:#0969da}
.pricing-plan-item:focus-visible{outline-color:#4c9aff}
.pricing-plan-rail>footer button:hover:not(:disabled){border-color:#9fc5ff;background:#f3f7ff;color:#0969da}
.pricing-empty>span{background:#eaf2ff;color:#1677ff}
#ruleReview ul,#ruleMatchResult ol,.user-write-form{border-color:#cfe1fb;background:#f7faff}

.refund-mode button.active{background:#eaf2ff;color:#0969da}
.captcha-code strong{color:#0969da}
.credential-copy:hover,.credential-panel button.credential-copy:hover,.credential-modal button.credential-copy:hover,
.products-page .credential-copy:hover,#genericContent button.credential-copy:hover{background:#eaf2ff;color:#1677ff}
.credential-copy:focus-visible,.credential-product-icon:focus-visible{outline-color:#1677ff}
.credential-product-icon{background:#eaf2ff;color:#1677ff}
.campaign-switch input{accent-color:#1677ff}

.purple{background:linear-gradient(145deg,#5ca5ff,#1677ff)}
.blue{background:linear-gradient(145deg,#3e9bff,#1268e8)}

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