/**
 * Flat theme — form & tombol flat (brand #1e5aa8); permukaan kartu di isp-surface-harmony.css
 * Load sebelum dash-polish & isp-surface-harmony.
 */

/* ─── Dashboard tokens ─── */
.dash {
    --dash-font: 'Segoe UI', 'Segoe UI Historic', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --dash-radius: 8px;
    --dash-radius-sm: 6px;
    --dash-accent: #1e5aa8;
    --dash-accent-soft: #e8f1fa;
    --dash-accent-glow: transparent;
    --dash-surface: #ffffff;
    --dash-border: #ced0d4;
    --dash-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    --dash-shadow-hover: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.dash--dev {
    --dash-accent: #1e5aa8;
    --dash-accent-soft: #e8f1fa;
}

/* ─── Canvas — dasar netral (harmony layer menambah mesh) ─── */
.dash .app-main,
.app-page.dev-page .app-main,
.dev-admin-page {
    background: var(--isp-canvas-fallback, #f0f2f5) !important;
}

.dash-hero__mesh {
    opacity: 0;
}

/* Kartu — shadow & border dasar; gradient di harmony layer */
.dash-hero,
.dash-stat,
.dash-chart-card,
.dash-panel-card,
.dash-period,
.dash-finance,
.dash-quick,
.dash-owner-banner,
.dash-smart,
.dev-config-stack--multi .dev-config-panel,
.dev-bento-card,
.dev-kpi,
.dev-hub-card,
.dev-setup-card,
.setup-card,
.card.section-card,
.kpi-card {
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.dash-hero {
    border-radius: 8px !important;
    padding: 16px 20px !important;
}

.dash-stat__icon,
.dash-quick__icon,
.dev-hub-card__icon,
.sidebar-link-icon {
    border-radius: 50% !important;
    color: #1e5aa8 !important;
}

@media (hover: hover) {
    .dash-stat:hover,
    .dash-chart-card:hover,
    .dash-quick:hover,
    .dev-hub-card:hover {
        transform: none !important;
    }
}

.dash-pill {
    border-radius: 4px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.dash-pill--success {
    background: linear-gradient(135deg, #e8f1fa 0%, #dbeafe 100%) !important;
    color: #1e5aa8 !important;
}

.dash-pill--warn {
    background: #fff8e6 !important;
    color: #9a6700 !important;
}

.dash-pill--accent,
.dash-pill--default {
    background: #e8f1fa !important;
    color: #1e5aa8 !important;
}

.dash-period__modes {
    border-radius: 6px !important;
    border-color: #ced0d4 !important;
    background: #f0f2f5 !important;
    padding: 3px !important;
}

.dash-period__mode {
    border-radius: 4px !important;
    font-weight: 600 !important;
}

.dash-period__mode.is-active {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #fff !important;
}

.dash-period__select {
    border-color: #ccd0d5 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.dash-period {
    background: #fff !important;
    background-image: none !important;
}

.dash-chart-card__head,
.dash-panel-card__head,
.dev-config-stack--multi .dev-config-panel__head {
    background: #fff !important;
    background-image: none !important;
    border-bottom-color: #e4e6eb !important;
}

/* ─── Sidebar flat ─── */
.app-page .sidebar-link--active {
    background: #e8f1fa !important;
    border-left: none !important;
    padding-left: 12px !important;
    box-shadow: none !important;
}

.app-page .sidebar-link:focus,
.app-page .sidebar-link:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.app-page .sidebar-link:focus-visible:not(.sidebar-link--active) {
    background: #f0f2f5 !important;
}

.app-page .sidebar-link:hover {
    background: #f0f2f5 !important;
}

.app-page .sidebar-link--active .sidebar-link-icon,
.app-shell--developer .sidebar-link--developer.sidebar-link--active .sidebar-link-icon {
    background: transparent !important;
    color: #1e5aa8 !important;
}

.sidebar-menu-badge .sidebar-group__label::after,
.sidebar-group__label::after {
    background: #e4e6eb !important;
    background-image: none !important;
}

/* ─── Developer config ─── */
.dev-config-stack--multi .dev-config-panel--editing {
    box-shadow: 0 0 0 2px rgba(30, 90, 168, 0.25) !important;
}

.dev-config-checkbox:has(input:checked) {
    background: var(--fb-check-bg, #fff) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.dev-config-checkbox {
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
}

.dev-config-checklist {
    border: 1px solid #ced0d4 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.dev-config-checklist--solo,
.dev-config-checklist:has(> :only-child) {
    width: max-content !important;
    max-width: min(100%, 680px) !important;
}

.dev-config-checklist--multi,
.dev-config-checklist:has(> :nth-child(2)) {
    width: 100% !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}

.dev-config-go-live-checklist {
    border: 1px solid #ced0d4 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    max-width: 100% !important;
}

.dev-go-live-urls__list {
    max-width: 100% !important;
}

@media (max-width: 767px) {
    .dev-config-checklist--solo,
    .dev-config-checklist:has(> :only-child),
    .dev-config-go-live-checklist,
    .setup-go-live-checklist,
    .dev-go-live-urls__list {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.dev-config-go-live-checklist:not(.dev-go-live-urls__list) li::before,
.setup-go-live-checklist:not(.dev-go-live-urls__list) li::before {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: 0 0 0 2px rgba(30, 90, 168, 0.18) !important;
}

.dev-config-form__saved-note {
    background: #e8f1fa !important;
    border: 1px solid #b5cbe3 !important;
    border-radius: 6px !important;
}

/* ─── Setup wizard ─── */
.setup-wizard__panel,
.setup-env,
.setup-progress-card {
    background: #fff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
}

.setup-btn--primary,
.setup-btn.setup-btn--primary {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

.setup-btn--primary:hover {
    background: #164578 !important;
}

.setup-btn--ghost,
.setup-btn--secondary {
    background: #e4e6eb !important;
    color: #050505 !important;
    border: none !important;
}

/* ─── Alerts — ikon fill tunggal, tanpa lingkaran ganda ─── */
.isp-inline-alert__icon:has(.bi) {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.isp-inline-alert--success .isp-inline-alert__icon .bi { color: #31a24c !important; }
.isp-inline-alert--error .isp-inline-alert__icon .bi { color: #fa383e !important; }
.isp-inline-alert--warning .isp-inline-alert__icon .bi { color: #f7b928 !important; }
.isp-inline-alert--info .isp-inline-alert__icon .bi { color: #1e5aa8 !important; }

.isp-inline-alert--success {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #14532d !important;
}

.isp-inline-alert--error {
    background: #fef2f2 !important;
    border-color: #fecdd3 !important;
    color: #1c1e21 !important;
}

.isp-inline-alert--warning {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #78350f !important;
}

.isp-inline-alert--info {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #1e3a5f !important;
}

/* ─── Cards & panels ─── */
.card,
.section-card,
.panel-head {
    background: #fff !important;
    background-image: none !important;
}

.section-muted {
    background: #f0f2f5 !important;
    background-image: none !important;
}

.app-page .kpi-card,
.app-page .card.section-card {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.app-page .kpi-card::before {
    display: none !important;
}

/* ─── Smart control ─── */
.dash-smart__score-ring {
    background:
        radial-gradient(farthest-side, #fff 58%, transparent 62%),
        conic-gradient(#1e5aa8 calc(var(--watch-score) * 1%), #e4e6eb 0) !important;
}

.dash-smart__heal,
.dash-smart__heal-all {
    border-radius: 6px !important;
}

.dash-smart__item-icon {
    border-radius: 50% !important;
    background: #e8f1fa !important;
    color: #1e5aa8 !important;
}

.table tbody tr:hover {
    background: #f0f2f5 !important;
}

.app-page .app-topbar__scope {
    color: #1e5aa8 !important;
    background: rgba(30, 90, 168, 0.08) !important;
    border-color: rgba(30, 90, 168, 0.12) !important;
}

.isp-progress-bar__fill,
.dash-smart__bar span,
.setup-wizard__progress span {
    background: #1e5aa8 !important;
    background-image: none !important;
}

.isp-inline-alert__icon svg,
.isp-toast__icon svg,
.dash-stat__icon svg,
.sidebar-link-icon svg {
    width: 20px !important;
    height: 20px !important;
}

.auth-card,
.auth-panel {
    background: #fff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !important;
}

.auth-trust-icon,
.auth-check {
    background: #e8f1fa !important;
    color: #1e5aa8 !important;
    border-radius: 50% !important;
}

.lp-hero {
    background: #1e5aa8 !important;
    background-image: none !important;
}

.lp-hero::before,
.lp-hero::after {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════
   Halaman publik — landing, auth, pricing, pay, cek tagihan
   ═══════════════════════════════════════════════════════════ */

.landing-page,
.pricing-page,
.pay-page-body,
.auth-page.landing-page {
    background: #f0f2f5 !important;
}

/* ─── Topbar publik ─── */
.topbar--public,
.topbar-group > .topbar {
    background: #ffffff !important;
    background-image: none !important;
    border-bottom-color: #e4e6eb !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.topbar.is-scrolled,
.topbar-group.is-scrolled > .topbar {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

/* ─── Landing ─── */
.landing-page .lp-hero-bg,
.landing-page .lp-hero[data-active-theme] .lp-hero-bg,
.landing-page .lp-showcase__ambient,
.landing-page .lp-showcase[data-active-theme] .lp-showcase__ambient {
    background: #e8f1fa !important;
    background-image: none !important;
}

.landing-page .lp-showcase__glow,
.landing-page .lp-showcase__gridlines {
    display: none !important;
}

.landing-page .lp-showcase__card-inner,
.landing-page .lp-showcase__stat,
.landing-page .lp-showcase__metric,
.landing-page .lp-showcase__highlight {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.landing-page .lp-showcase__tab.is-active {
    background: #1e5aa8 !important;
    background-image: none !important;
}

.landing-page .lp-cinema {
    background: #e8f1fa !important;
    color: #050505 !important;
}

.landing-page .lp-cinema__bg-art,
.landing-page .lp-cinema__shape {
    display: none !important;
}

.landing-page .lp-cinema__bg-base {
    background: #e8f1fa !important;
}

.landing-page .lp-cinema__bg-vignette {
    background: none !important;
}

.landing-page .lp-cinema__panel,
.landing-page .lp-cinema__feat,
.landing-page .lp-cinema__stats li {
    background: #ffffff !important;
    border-color: #ced0d4 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: none !important;
}

.landing-page .lp-cinema__title,
.landing-page .lp-cinema__counter,
.landing-page .lp-cinema__feat-copy strong,
.landing-page .lp-cinema__stats strong {
    color: #050505 !important;
    text-shadow: none !important;
}

.landing-page .lp-cinema__lead,
.landing-page .lp-cinema__accent,
.landing-page .lp-cinema__panel-label,
.landing-page .lp-cinema__feat-copy span,
.landing-page .lp-cinema__hint,
.landing-page .lp-cinema__footnote,
.landing-page .lp-cinema__stats span {
    color: #65676b !important;
}

.landing-page .lp-cinema__rail-btn.is-active {
    background: #1e5aa8 !important;
    border-color: #1e5aa8 !important;
    color: #ffffff !important;
}

.landing-page.public-atlas-page {
    background: #f0f2f5 !important;
}

.landing-page.public-atlas-page .pub-bento__card,
.landing-page.public-atlas-page .pub-catalog__item,
.landing-page.public-atlas-page .pub-catalog__intro,
.landing-page.public-atlas-page .ct-panel,
.landing-page.public-atlas-page .cpa-panel,
.landing-page.public-atlas-page .ph-benefit,
.landing-page.public-atlas-page .ph-calc {
    background: #ffffff !important;
    border-color: #ced0d4 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.landing-page.public-atlas-page .pub-bento__card--wide {
    background: #1e5aa8 !important;
    border-color: #1e5aa8 !important;
}

.landing-page.public-atlas-page .pub-catalog__tab.is-active {
    background: #1e5aa8 !important;
    border-color: #1e5aa8 !important;
}

/* Label/chip halus — tanpa border mengurung */
.dash-pill,
.badge:not(.badge-action) {
    border: none !important;
}

.landing-page .lp-section--soft,
.landing-page .lp-feature,
.landing-page .lp-payment-card,
.landing-page .lp-pricing-card,
.landing-page .lp-banks,
.landing-page .lp-step,
.landing-page .contact-form-card,
.landing-page .lp-faq-item {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.landing-page .lp-feature-icon,
.landing-page .lp-step-num,
.landing-page .lp-kicker {
    background: #e8f1fa !important;
    background-image: none !important;
    color: #1e5aa8 !important;
    border-radius: 50% !important;
}

.landing-page .lp-kicker {
    border-radius: 4px !important;
}

.landing-page .lp-preview {
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.landing-page .lp-preview-bar {
    background: #f0f2f5 !important;
    background-image: none !important;
    border-bottom-color: #e4e6eb !important;
}

.landing-page .lp-preview-metric,
.landing-page .lp-hero-stat {
    background: #ffffff !important;
    border-color: #ced0d4 !important;
    border-radius: 6px !important;
}

.landing-page .lp-cta {
    background: #1e5aa8 !important;
    background-image: none !important;
}

.landing-page .site-footer--landing {
    background: #050505 !important;
}

.landing-page .scroll-progress__bar {
    background: #1e5aa8 !important;
    background-image: none !important;
}

/* ─── Auth ─── */
.auth-page.landing-page {
    background: #f0f2f5 !important;
}

.auth-page .auth-panel--brand:not(.auth-panel--register-brand) {
    background: #1e5aa8 !important;
    background-image: none !important;
}

.auth-page .auth-brand-pattern {
    display: none !important;
}

.auth-page .auth-benefits li {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    backdrop-filter: none !important;
}

.auth-page .auth-check {
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    color: #fff !important;
}

.auth-page .auth-stat {
    border-radius: 6px !important;
}

.auth-page .auth-form-panel {
    background: #f0f2f5 !important;
    background-image: none !important;
}

.auth-page .auth-form-panel::before {
    display: none !important;
}

.auth-page .auth-title-accent {
    background: #1e5aa8 !important;
    background-image: none !important;
}

.auth-page .auth-trust-icon {
    border-radius: 50% !important;
}

.auth-page .btn-primary,
.auth-page .auth-submit {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

.auth-page .btn-primary:hover,
.auth-page .auth-submit:hover {
    background: #164578 !important;
}

/* ─── Pricing ─── */
.pricing-page .ph-hero:not(.lpg-hero--brand),
.pricing-page .ph-section--soft {
    background: #f0f2f5 !important;
    background-image: none !important;
}

.pricing-page .lpg-hero--brand {
    background: var(--ph-grad-brand, linear-gradient(135deg, #1e5aa8 0%, #164578 100%)) !important;
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

.pricing-page .ph-kpi,
.pricing-page .ph-benefit,
.pricing-page .ph-calc,
.pricing-page .ph-plan,
.pricing-page .ph-fee-table-wrap,
.pricing-page .ph-breakdown-wrap {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.pricing-page .ph-kpi--hero {
    background: #e8f1fa !important;
    border-color: #b5cbe3 !important;
}

.pricing-page .ph-btn--primary,
.pricing-page .ph-cta {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

.pricing-page .ph-btn--primary:hover {
    background: #164578 !important;
}

.pricing-page .ph-section .ph-eyebrow,
.pricing-page .ph-section-head .ph-eyebrow {
    background: #e8f1fa !important;
    color: #1e5aa8 !important;
    border-radius: 4px !important;
}

/* ─── Bayar ─── */
.pay-page-body,
.pay-page-body .pay-shell {
    background: #f0f2f5 !important;
    background-image: none !important;
}

.pay-page-body .pay-btn--primary {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    color: #fff !important;
}

.pay-page-body a.pay-btn--primary:hover,
.pay-page-body a.pay-btn--primary:focus,
.pay-page-body a.pay-btn--primary:focus-visible,
.pay-page-body a.pay-btn--primary:active,
.pay-page-body a.pay-btn--primary:visited,
.pay-page-body .pay-btn--primary:hover,
.pay-page-body .pay-btn--primary:focus-visible {
    background: #164578 !important;
    color: #fff !important;
}

.pay-page-body .pay-sheet,
.pay-page-body .pay-status {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.pay-page-body .pay-status--success .pay-status__icon {
    background: #31a24c !important;
    background-image: none !important;
    border-radius: 50% !important;
}

.pay-page-body .pay-hero {
    border-bottom-color: #e4e6eb !important;
}

/* Cek tagihan — gaya brand di check-bill.css (override di akhir file itu) */

/* ─── Portal pelanggan ─── */
.portal-page {
    background: #f0f2f5 !important;
    background-image: none !important;
}

.portal-page .topbar,
.portal-page .card,
.portal-page .section-card {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* ─── Error & setup ─── */
.error-page .app-content,
.setup-page,
.setup-bg {
    background: #f0f2f5 !important;
    background-image: none !important;
}

.setup-page .setup-card,
.setup-page .setup-wizard__panel {
    border-radius: 8px !important;
}

/* ═══════════════════════════════════════════════════════════
   App shell — halaman operator & developer
   ═══════════════════════════════════════════════════════════ */

.app-page .app-topbar,
.app-page .app-mobile-bar {
    background: #ffffff !important;
    background-image: none !important;
    border-bottom-color: #e4e6eb !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: none !important;
}

.app-page .page-header,
.dev-dashboard .page-header,
.dev-admin-page .page-header {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.app-page .kpi-card,
.app-page .kpi-card--accent,
.app-page .kpi-card--warn,
.app-page .kpi-card--success {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
}

.app-page .kpi-icon {
    background: #e8f1fa !important;
    background-image: none !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    color: #1e5aa8 !important;
}

@media (hover: hover) {
    .app-page .kpi-card:hover {
        transform: none !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    }
}

.dev-dashboard .app-main,
.dev-admin-page .app-main {
    background: var(--isp-canvas-fallback, #f0f2f5) !important;
}

.dev-bento-card,
.dev-kpi,
.dev-hub-card,
.dev-setup-card,
.dev-config-panel,
.dev-operator-card,
.dev-infra-card,
.wizard-steps,
.simulation-banner {
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.dev-hub-card__icon,
.dev-kpi__icon {
    border-radius: 50% !important;
    color: #1e5aa8 !important;
}

.dev-config-panel__head,
.dev-bento-card__head {
    border-bottom-color: #e4e6eb !important;
}

.dash-hero__title,
.dash-chart-card__title,
.page-header-text h1 {
    letter-spacing: -0.01em !important;
}

/* ─── Form controls flat ─── */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not(.auth-input):not(.sidebar-smart__search-input),
textarea {
    box-shadow: none !important;
    background-image: none !important;
}

select {
    box-shadow: none !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%2365676B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 16px !important;
}

fieldset,
fieldset.field-block {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.checkbox-row {
    border-color: #ccd0d5 !important;
    background: #fff !important;
}

@media (hover: hover) {
    .checkbox-row:hover {
        background: transparent !important;
    }
}

.setup-btn--primary,
.setup-btn.setup-btn--primary {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.setup-btn--primary:hover {
    background: #164578 !important;
    filter: none !important;
    box-shadow: none !important;
}

.setup-btn--ghost,
.setup-btn--secondary {
    background: #e4e6eb !important;
    border: none !important;
    box-shadow: none !important;
}

.wizard-steps li.active {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Tombol flat global di halaman app */
.app-page .btn-primary,
.dev-page .btn-primary,
.setup-page .btn-primary {
    background: #1e5aa8 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    color: #fff !important;
}

.app-page a.btn-primary:hover,
.app-page a.btn-primary:focus-visible,
.dev-page a.btn-primary:hover,
.dev-page a.btn-primary:focus-visible,
.app-page .btn-primary:hover,
.dev-page .btn-primary:hover {
    background: #164578 !important;
    color: #fff !important;
}

.app-page .btn-secondary,
.dev-page .btn-secondary {
    background: #e4e6eb !important;
    color: #050505 !important;
    border: none !important;
    border-radius: 6px !important;
}

/* Integrasi wizard */
.integration-progress,
.isp-progress-bar {
    border-radius: 4px !important;
    background: #e4e6eb !important;
}

.isp-progress-bar__track {
    background: #e4e6eb !important;
}

/* Tabel & modal */
.modal-content,
.modal-header,
.isp-modal {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
}

.modal-header {
    border-bottom-color: #e4e6eb !important;
}

.app-page .table-wrap {
    border-color: #ced0d4 !important;
    border-radius: 8px !important;
}

.app-page .table thead th {
    background: #f0f2f5 !important;
    background-image: none !important;
    border-bottom-color: #e4e6eb !important;
}