/* DawaFill v9.8 — official site-wide brand system.
   Loaded after app.css so legacy versioned overrides resolve to one coherent theme. */

:root {
  --df-brand-navy: #002f50;
  --df-brand-teal-deep: #003b4a;
  --df-brand-mint: #22ddb0;
  --df-brand-coral: #ff5a4f;
  --df-brand-coral-dark: #e94c43;
  --df-brand-ice: #edf8f6;
  --df-brand-canvas: #f3f8f8;
  --df-brand-glass: rgba(255, 255, 255, .86);
  --df-brand-glass-strong: rgba(255, 255, 255, .94);
  --df-brand-line: rgba(0, 59, 74, .13);
  --df-brand-line-strong: rgba(0, 59, 74, .22);
  --df-brand-shadow: 0 18px 52px rgba(0, 47, 80, .09);
  --df-brand-shadow-soft: 0 8px 28px rgba(0, 47, 80, .065);

  --df-logo-blue: var(--df-brand-navy);
  --df-logo-blue-deep: #00253f;
  --df-logo-teal: var(--df-brand-mint);
  --df-logo-teal-deep: #13b992;
  --df-brand-blue: var(--df-brand-teal-deep);
  --df-brand-blue-deep: var(--df-brand-navy);
  --df-brand-teal: var(--df-brand-mint);
  --df-blue: var(--df-brand-teal-deep);
  --df-blue-600: var(--df-brand-navy);
  --df-teal: var(--df-brand-mint);
  --df-teal-600: #087d68;
  --df-blue-soft: #eaf7f4;
  --df-mint: #ddf8f0;
  --df-canvas: var(--df-brand-canvas);
  --df-ink: var(--df-brand-navy);
  --df-muted: #617984;
  --df-border: var(--df-brand-line);
  --df-success: #0a8b72;
  --df-danger: #c94743;
  --df-warning: #b87516;
  --df-shadow: var(--df-brand-shadow-soft);
  --bs-primary: var(--df-brand-teal-deep);
  --bs-primary-rgb: 0, 59, 74;
  --bs-success: #0a8b72;
  --bs-info: #0aa88c;
}

html { background: var(--df-brand-canvas); }

body {
  color: var(--df-brand-navy) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(34, 221, 176, .09), transparent 25rem),
    radial-gradient(circle at 100% 12%, rgba(0, 59, 74, .07), transparent 30rem),
    var(--df-brand-canvas) !important;
}

::selection { color: #fff; background: var(--df-brand-teal-deep); }
a { color: #087d68; }
a:hover { color: var(--df-brand-navy); }
:focus-visible { outline: 3px solid rgba(34, 221, 176, .48); outline-offset: 2px; }

/* Shared logo sizing */
.df-header-logo,
.df-mobile-logo,
.df-site-logo,
.df-site-footer-logo,
.df-signin-logo,
.df-register-logo {
  display: block !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
}
.df-header-logo { width: 190px !important; }
.df-mobile-logo { width: 176px !important; }
.df-site-logo { width: 192px !important; }
.df-site-footer-logo { width: 184px !important; }
.df-signin-logo,
.df-register-logo { width: 238px !important; max-width: 100%; }

/* Application shell */
.df-navbar {
  background: rgba(255, 255, 255, .88) !important;
  border-bottom: 1px solid var(--df-brand-line) !important;
  box-shadow: 0 8px 30px rgba(0, 47, 80, .06) !important;
  -webkit-backdrop-filter: saturate(155%) blur(18px);
  backdrop-filter: saturate(155%) blur(18px);
}
.df-navbar .navbar-brand {
  background: rgba(255, 255, 255, .68) !important;
  border-right-color: var(--df-brand-line) !important;
}
.df-org-avatar,
.df-side-mark,
.df-help-icon,
.df-stat-icon,
.df-payment-option-icon,
.df-contact-card-icon {
  color: #087d68 !important;
  background: linear-gradient(145deg, #e8fbf6, #d6f5ed) !important;
  border: 1px solid rgba(34, 221, 176, .2);
}
.df-user-avatar {
  color: #fff !important;
  background: linear-gradient(145deg, var(--df-brand-teal-deep), var(--df-brand-navy)) !important;
  box-shadow: 0 7px 18px rgba(0, 59, 74, .18);
}
.df-plan-badge {
  color: var(--df-brand-teal-deep) !important;
  background: rgba(221, 248, 240, .9) !important;
  border-color: rgba(0, 125, 103, .16) !important;
}
.df-user-menu:hover,
.df-user-menu:focus {
  background: rgba(237, 248, 246, .85) !important;
  border-color: var(--df-brand-line) !important;
}
.dropdown-menu,
.offcanvas,
.modal-content {
  background: var(--df-brand-glass-strong) !important;
  border: 1px solid var(--df-brand-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--df-brand-shadow) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.df-sidebar {
  background: rgba(255, 255, 255, .84) !important;
  border-right: 1px solid var(--df-brand-line) !important;
  -webkit-backdrop-filter: saturate(145%) blur(18px);
  backdrop-filter: saturate(145%) blur(18px);
}
.df-sidebar-footer { background: rgba(245, 251, 249, .76) !important; }
.df-nav-label { color: #789099 !important; }
.df-nav-link {
  color: #4d6873 !important;
  border: 1px solid transparent;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease !important;
}
.df-nav-link:hover {
  color: var(--df-brand-navy) !important;
  background: rgba(232, 248, 244, .8) !important;
  border-color: rgba(0, 59, 74, .08);
  transform: translateX(2px);
}
.df-nav-link:hover i { color: #087d68 !important; }
.df-nav-link.active {
  color: var(--df-brand-navy) !important;
  background: linear-gradient(90deg, rgba(34, 221, 176, .17), rgba(255, 255, 255, .72)) !important;
  border-color: rgba(0, 125, 103, .13) !important;
  box-shadow: inset 3px 0 0 var(--df-brand-mint), 0 7px 20px rgba(0, 47, 80, .04) !important;
}
.df-nav-link.active i { color: #087d68 !important; }
.df-help-link:hover,
.df-help-link.active { color: var(--df-brand-navy) !important; background: rgba(232, 248, 244, .82) !important; }
.df-sidebar-legal a { color: #71878f !important; }

.df-main {
  background:
    radial-gradient(circle at 90% 0%, rgba(34, 221, 176, .07), transparent 24rem),
    linear-gradient(180deg, rgba(247, 251, 251, .84), rgba(241, 247, 247, .94));
}
.df-content { padding-bottom: 3rem !important; }
.df-mobile-context { background: rgba(255, 255, 255, .72) !important; border-color: var(--df-brand-line) !important; }
.df-page-kicker,
.df-section-index,
.df-eyebrow,
.df-final-label,
.df-contact-card-kicker { color: #087d68 !important; }
.df-page-title,
.df-section-heading h2,
.df-product-copy h2,
.df-security-title { color: var(--df-brand-navy) !important; }

/* Glass surfaces used throughout dashboards, reports and forms */
.df-card,
.mc-card,
.df-stat,
.mc-kpi,
.df-form-surface,
.df-auth-surface,
.df-help-section,
.df-help-card,
.df-legal-card,
.df-contact-card,
.df-contact-thanks-card,
.df-enterprise-note,
.df-template-guide,
.df-payment-option,
.df-onboarding-step,
.accordion-item {
  background: var(--df-brand-glass) !important;
  border: 1px solid var(--df-brand-line) !important;
  box-shadow: var(--df-brand-shadow-soft) !important;
  -webkit-backdrop-filter: saturate(130%) blur(14px);
  backdrop-filter: saturate(130%) blur(14px);
}
.df-card,
.df-stat,
.df-form-surface,
.df-auth-surface,
.df-help-section,
.df-help-card,
.df-contact-card,
.df-contact-thanks-card { border-radius: 16px !important; }
.df-card-header {
  background: rgba(255, 255, 255, .62) !important;
  border-bottom-color: var(--df-brand-line) !important;
  border-radius: 16px 16px 0 0 !important;
}
.df-stat::after {
  background: radial-gradient(circle, rgba(34, 221, 176, .13), rgba(34, 221, 176, 0) 70%) !important;
}
.df-stat-label { color: #647c85 !important; }
.df-stat-value { color: var(--df-brand-navy) !important; }
.df-empty i { color: rgba(0, 59, 74, .35) !important; }

/* Tables */
.table-responsive { border-radius: 0 0 16px 16px; }
.df-table thead th,
.mc-table thead th {
  color: #58727c !important;
  background: rgba(232, 248, 244, .7) !important;
  border-bottom-color: var(--df-brand-line) !important;
}
.df-table td,
.mc-table td { border-color: rgba(0, 59, 74, .075) !important; }
.df-table tbody tr:hover,
.mc-table tbody tr:hover { background: rgba(232, 248, 244, .46) !important; }

/* Forms and controls */
.form-label { color: #345762 !important; }
.form-control,
.form-select,
.input-group-text {
  color: var(--df-brand-navy) !important;
  background-color: rgba(255, 255, 255, .84) !important;
  border-color: rgba(0, 59, 74, .19) !important;
  border-radius: 11px !important;
}
.form-control:hover,
.form-select:hover { border-color: rgba(0, 125, 103, .42) !important; }
.form-control:focus,
.form-select:focus {
  background-color: #fff !important;
  border-color: #0aa88c !important;
  box-shadow: 0 0 0 .2rem rgba(34, 221, 176, .17) !important;
}
.form-control:disabled,
.form-select:disabled { background: rgba(231, 239, 239, .8) !important; }
.form-check-input:checked {
  background-color: #0a9f83 !important;
  border-color: #0a9f83 !important;
}
.form-check-input:focus { box-shadow: 0 0 0 .2rem rgba(34, 221, 176, .18) !important; }
.df-section-step {
  color: #087d68 !important;
  background: linear-gradient(145deg, #e5faf4, #d2f4ea) !important;
  border: 1px solid rgba(34, 221, 176, .22);
}
.df-form-rule,
.df-form-actions,
.modal-header,
.modal-footer { border-color: var(--df-brand-line) !important; }

/* Buttons: restrained in-app, coral for public conversion actions */
.btn {
  border-radius: 10px !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease !important;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary,
.btn-success {
  color: #fff !important;
  background: linear-gradient(145deg, #075464, var(--df-brand-teal-deep)) !important;
  border-color: var(--df-brand-teal-deep) !important;
  box-shadow: 0 8px 18px rgba(0, 59, 74, .14);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  color: #fff !important;
  background: var(--df-brand-navy) !important;
  border-color: var(--df-brand-navy) !important;
  box-shadow: 0 10px 24px rgba(0, 47, 80, .22) !important;
}
.btn-outline-primary {
  color: var(--df-brand-teal-deep) !important;
  background: rgba(255, 255, 255, .66) !important;
  border-color: rgba(0, 59, 74, .34) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: var(--df-brand-navy) !important;
  background: #e6f8f3 !important;
  border-color: #0aa88c !important;
}
.btn-outline-secondary {
  color: #4d6873 !important;
  background: rgba(255, 255, 255, .58) !important;
  border-color: rgba(0, 59, 74, .2) !important;
}
.df-status-success { color: #08735f !important; background: #def6ee !important; }
.df-status-info { color: #075c69 !important; background: #e2f5f2 !important; }
.df-status-neutral { color: #5a717a !important; background: #edf2f2 !important; }
.df-status-warning { color: #89580e !important; background: #fff2da !important; }
.df-status-danger { color: #963934 !important; background: #fce9e7 !important; }

/* Authentication and account recovery */
.df-auth-page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 14%, rgba(34, 221, 176, .18), transparent 24rem),
    radial-gradient(circle at 88% 88%, rgba(0, 59, 74, .12), transparent 28rem),
    linear-gradient(145deg, #f8fbfb, #edf6f5) !important;
}
.df-auth-page::before,
.df-auth-page::after {
  content: "";
  position: fixed;
  z-index: -1;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  filter: blur(1px);
  opacity: .58;
  pointer-events: none;
}
.df-auth-page::before { top: -8rem; right: -6rem; background: rgba(34, 221, 176, .2); }
.df-auth-page::after { bottom: -10rem; left: -7rem; background: rgba(0, 47, 80, .11); }
.df-auth-brand { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.df-auth-surface {
  background: rgba(255, 255, 255, .78) !important;
  border-color: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 24px 70px rgba(0, 47, 80, .12) !important;
  -webkit-backdrop-filter: saturate(140%) blur(22px);
  backdrop-filter: saturate(140%) blur(22px);
}
.df-auth-surface .form-floating > .form-control { border-radius: 12px !important; }
.df-password-toggle { color: #557079 !important; }
.df-auth-divider::before,
.df-auth-divider::after { background: var(--df-brand-line) !important; }
.df-auth-trust { color: #617984 !important; }

/* Public navigation and landing page */
.df-site-main,
.df-contact-page,
.df-public-help {
  color: var(--df-brand-navy) !important;
  background: var(--df-brand-canvas) !important;
}
.df-site-nav {
  background: rgba(255, 255, 255, .82) !important;
  border-bottom-color: var(--df-brand-line) !important;
  box-shadow: 0 9px 34px rgba(0, 47, 80, .055);
  -webkit-backdrop-filter: saturate(165%) blur(20px) !important;
  backdrop-filter: saturate(165%) blur(20px) !important;
}
.df-site-links a { color: #536f79 !important; }
.df-site-links a:hover,
.df-site-links a.active { color: var(--df-brand-navy) !important; }
.df-site-links a::after { background: var(--df-brand-mint) !important; }
.df-site-signin { color: var(--df-brand-navy) !important; }
.df-site-cta,
.df-hero-primary,
.df-site-final .btn-primary,
.df-contact-submit .btn-primary,
.df-mobile-dock-cta {
  color: #fff !important;
  background: linear-gradient(145deg, #ff6a60, var(--df-brand-coral)) !important;
  border-color: var(--df-brand-coral) !important;
  box-shadow: 0 10px 24px rgba(255, 90, 79, .24) !important;
}
.df-site-cta:hover,
.df-site-cta:focus,
.df-hero-primary:hover,
.df-hero-primary:focus,
.df-site-final .btn-primary:hover,
.df-contact-submit .btn-primary:hover,
.df-mobile-dock-cta:hover {
  color: #fff !important;
  background: var(--df-brand-coral-dark) !important;
  border-color: var(--df-brand-coral-dark) !important;
}
.df-mobile-menu-toggle {
  color: var(--df-brand-navy) !important;
  background: rgba(232, 248, 244, .8) !important;
  border-color: var(--df-brand-line) !important;
}
.df-mobile-menu-links a:hover { background: #edf9f6 !important; }

.df-hero-v2 {
  position: relative;
  background:
    radial-gradient(circle at 12% 18%, rgba(34, 221, 176, .12), transparent 25rem),
    radial-gradient(circle at 92% 10%, rgba(0, 59, 74, .10), transparent 30rem),
    linear-gradient(180deg, #fbfdfd 0%, #eef7f6 100%) !important;
}
.df-hero-v2-title { color: var(--df-brand-navy) !important; }
.df-hero-v2-copy,
.df-product-copy p,
.df-section-heading p,
.df-security-copy { color: #617984 !important; }
.df-hero-trust i,
.df-feature-lines i,
.df-pricing-card li i { color: #0a9f83 !important; }
.df-product-frame,
.df-hero-product,
.df-proof-rail,
.df-workflow-line,
.df-security-grid,
.df-pricing-card,
.df-final-panel {
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid var(--df-brand-line) !important;
  box-shadow: var(--df-brand-shadow) !important;
  -webkit-backdrop-filter: saturate(130%) blur(15px);
  backdrop-filter: saturate(130%) blur(15px);
}
.df-product-frame,
.df-hero-product,
.df-proof-rail,
.df-pricing-card,
.df-final-panel { border-radius: 18px !important; }
.df-window-bar,
.df-frame-caption { background: rgba(238, 249, 246, .8) !important; border-color: var(--df-brand-line) !important; }
.df-proof-icon,
.df-workflow-step i,
.df-security-grid i {
  color: #087d68 !important;
  background: linear-gradient(145deg, #e8fbf6, #d9f6ee) !important;
  border-color: rgba(34, 221, 176, .18) !important;
}
.df-site-section { background: transparent !important; }
.df-site-section-white { background: rgba(255, 255, 255, .6) !important; }
.df-security-band {
  background:
    radial-gradient(circle at 90% 50%, rgba(34, 221, 176, .09), transparent 28rem),
    linear-gradient(145deg, #eff8f6, #f8fbfb) !important;
}
.df-security-grid > div,
.df-workflow-step { background: rgba(255, 255, 255, .62) !important; border-color: var(--df-brand-line) !important; }
.df-pricing-featured {
  border-color: rgba(34, 221, 176, .7) !important;
  box-shadow: 0 20px 50px rgba(0, 125, 103, .13) !important;
}
.df-pricing-tag {
  color: #08735f !important;
  background: #def8f0 !important;
  border-color: rgba(34, 221, 176, .3) !important;
}
.df-payment-note { background: rgba(255, 255, 255, .72) !important; border-color: var(--df-brand-line) !important; }
.df-site-final { background: rgba(255, 255, 255, .56) !important; }
.df-site-final .df-final-panel {
  color: #fff !important;
  background: linear-gradient(135deg, var(--df-brand-navy), var(--df-brand-teal-deep)) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
.df-site-final .df-final-label { color: #91f1d9 !important; }
.df-site-final .df-final-panel h2 { color: #fff !important; }
.df-site-final .df-final-panel p { color: #c9e4e2 !important; }
.df-site-final .btn-outline-secondary { color: #fff !important; border-color: rgba(255, 255, 255, .45) !important; background: rgba(255, 255, 255, .08) !important; }
.df-site-final .btn-outline-secondary:hover { background: rgba(255, 255, 255, .18) !important; }

/* Public contact and help */
.df-contact-hero {
  background:
    radial-gradient(circle at 9% 12%, rgba(34, 221, 176, .11), transparent 24rem),
    linear-gradient(180deg, #fbfdfd, #eff7f6) !important;
}
.df-contact-intro h1,
.df-contact-card-head h2,
.df-contact-thanks-card h1 { color: var(--df-brand-navy) !important; }
.df-contact-help > div { border-color: var(--df-brand-line) !important; }
.df-contact-help > div > i,
.df-contact-card-icon {
  color: #087d68 !important;
  background: #e2f8f1 !important;
}
.df-contact-security-note {
  color: var(--df-brand-teal-deep) !important;
  background: rgba(226, 248, 241, .76) !important;
  border-color: rgba(0, 125, 103, .14) !important;
}
.df-help-outcome,
.df-help-flow > div {
  color: var(--df-brand-navy) !important;
  background: rgba(255, 255, 255, .68) !important;
  border-color: var(--df-brand-line) !important;
}
.df-help-outcome:hover { background: #eaf8f4 !important; border-color: rgba(0, 125, 103, .25) !important; }

/* Footer and mobile app-like navigation */
.df-site-footer {
  color: #fff !important;
  background: linear-gradient(135deg, #002f50, #003b4a) !important;
  border-top: 4px solid var(--df-brand-mint) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.df-site-footer p { color: #a9cccf !important; }
.df-site-footer-meta,
.df-site-footer-meta a { color: #c2dddf !important; }
.df-site-footer-meta a:hover { color: #fff !important; }
.df-mobile-dock {
  background: rgba(255, 255, 255, .9) !important;
  border: 1px solid rgba(0, 59, 74, .12) !important;
  box-shadow: 0 -8px 30px rgba(0, 47, 80, .11) !important;
  -webkit-backdrop-filter: saturate(155%) blur(18px);
  backdrop-filter: saturate(155%) blur(18px);
}
.df-mobile-dock a { color: #59727c !important; }
.df-mobile-dock a:hover { color: var(--df-brand-navy) !important; }

/* Semantic alerts */
.alert { border-width: 1px !important; box-shadow: 0 8px 24px rgba(0, 47, 80, .045); }
.alert-info { color: #075c69 !important; background: rgba(226, 245, 242, .92) !important; border-color: rgba(0, 125, 103, .16) !important; }
.alert-success { color: #08735f !important; background: rgba(222, 246, 238, .92) !important; border-color: rgba(10, 139, 114, .16) !important; }
.alert-warning { color: #7d510e !important; background: rgba(255, 242, 218, .94) !important; }
.alert-danger { color: #8c342f !important; background: rgba(252, 233, 231, .94) !important; }

@media (max-width: 991.98px) {
  .df-site-nav { background: rgba(255, 255, 255, .91) !important; }
  .df-product-frame,
  .df-hero-product { box-shadow: var(--df-brand-shadow-soft) !important; }
}

@media (max-width: 767.98px) {
  .df-header-logo { width: 168px !important; }
  .df-site-logo { width: 174px !important; }
  .df-signin-logo,
  .df-register-logo { width: 216px !important; }
  .df-content { padding-left: .35rem !important; padding-right: .35rem !important; }
  .df-card,
  .df-form-surface,
  .df-auth-surface,
  .df-help-section,
  .df-contact-card { border-radius: 14px !important; }
  .df-auth-page { align-items: flex-start !important; padding-top: 2rem !important; }
  .df-site-footer-inner { padding-top: 2rem !important; padding-bottom: 6.5rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .btn:hover,
  .df-nav-link:hover { transform: none !important; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .df-navbar,
  .df-sidebar,
  .df-site-nav,
  .df-card,
  .df-form-surface,
  .df-auth-surface,
  .df-product-frame,
  .df-pricing-card { background: #fff !important; }
}

/* v9.9 button and badge colour retouch
   Explicit link states prevent legacy :visited selectors from muting button labels. */
.btn {
  font-weight: 750 !important;
  letter-spacing: -.01em;
}

button.btn-primary,
a.btn.btn-primary:link,
a.btn.btn-primary:visited,
a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
a.btn.btn-primary:active {
  color: #fff !important;
  text-decoration: none !important;
}

button.btn-primary,
a.btn.btn-primary:link,
a.btn.btn-primary:visited {
  background: linear-gradient(145deg, #086176, #003b4a) !important;
  border-color: #075565 !important;
  box-shadow: 0 8px 19px rgba(0, 59, 74, .18) !important;
}

button.btn-primary:hover,
button.btn-primary:focus,
a.btn.btn-primary:hover,
a.btn.btn-primary:focus {
  background: linear-gradient(145deg, #004b5e, #002f50) !important;
  border-color: #002f50 !important;
  box-shadow: 0 12px 26px rgba(0, 47, 80, .25) !important;
}

button.btn-primary:focus-visible,
a.btn.btn-primary:focus-visible,
button.btn-outline-primary:focus-visible,
a.btn.btn-outline-primary:focus-visible,
button.btn-outline-secondary:focus-visible,
a.btn.btn-outline-secondary:focus-visible {
  outline: 3px solid rgba(34, 221, 176, .55) !important;
  outline-offset: 3px !important;
}

button.btn-outline-primary,
a.btn.btn-outline-primary:link,
a.btn.btn-outline-primary:visited {
  color: #003b4a !important;
  background: rgba(255, 255, 255, .72) !important;
  border-color: rgba(0, 59, 74, .42) !important;
}

button.btn-outline-primary:hover,
button.btn-outline-primary:focus,
a.btn.btn-outline-primary:hover,
a.btn.btn-outline-primary:focus {
  color: #002f50 !important;
  background: #dff8f0 !important;
  border-color: #0aa88c !important;
  box-shadow: 0 9px 20px rgba(0, 125, 103, .14) !important;
}

button.btn-outline-secondary,
a.btn.btn-outline-secondary:link,
a.btn.btn-outline-secondary:visited {
  color: #365b66 !important;
  background: rgba(255, 255, 255, .66) !important;
  border-color: rgba(0, 59, 74, .3) !important;
}

button.btn-outline-secondary:hover,
button.btn-outline-secondary:focus,
a.btn.btn-outline-secondary:hover,
a.btn.btn-outline-secondary:focus {
  color: #002f50 !important;
  background: #edf9f6 !important;
  border-color: rgba(0, 125, 103, .45) !important;
  box-shadow: 0 9px 20px rgba(0, 59, 74, .1) !important;
}

.btn-danger,
.btn-outline-danger:hover,
.btn-outline-danger:focus {
  color: #fff !important;
  background: #d84e47 !important;
  border-color: #d84e47 !important;
}

.btn-danger:hover,
.btn-danger:focus {
  color: #fff !important;
  background: #bb3e38 !important;
  border-color: #bb3e38 !important;
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  transform: none !important;
  box-shadow: none !important;
  opacity: .62 !important;
}

/* Stronger, readable pill badges */
.df-plan-badge {
  color: #003b4a !important;
  background: linear-gradient(145deg, #e4faf4, #cff4e9) !important;
  border-color: rgba(0, 125, 103, .22) !important;
  box-shadow: 0 5px 14px rgba(0, 59, 74, .07);
}

.df-pricing-tag {
  color: #005f50 !important;
  background: #d9f8ef !important;
  border-color: rgba(0, 125, 103, .28) !important;
}

.df-status,
.df-plan-badge,
.df-pricing-tag {
  font-weight: 800 !important;
  letter-spacing: .01em;
}

.df-status-success { color: #006b58 !important; background: #d5f6ec !important; border: 1px solid rgba(0, 107, 88, .12); }
.df-status-info { color: #00566a !important; background: #dff3f4 !important; border: 1px solid rgba(0, 86, 106, .12); }
.df-status-neutral { color: #4f656d !important; background: #e9efef !important; border: 1px solid rgba(79, 101, 109, .1); }
.df-status-warning { color: #80510a !important; background: #ffedcc !important; border: 1px solid rgba(128, 81, 10, .11); }
.df-status-danger { color: #8d332e !important; background: #fae2df !important; border: 1px solid rgba(141, 51, 46, .11); }

/* Dark final conversion panel shown in the supplied screenshot */
.df-site-final .df-final-label {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  margin-bottom: .85rem !important;
  padding: .46rem .72rem;
  color: #003b4a !important;
  background: linear-gradient(145deg, #dffbf3, #aef2df) !important;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 999px;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .11);
  font-size: .68rem !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
}

.df-site-final a.btn.btn-primary:link,
.df-site-final a.btn.btn-primary:visited {
  color: #fff !important;
  background: linear-gradient(145deg, #ff6d63, #ff5147) !important;
  border-color: #ff6a60 !important;
  box-shadow: 0 10px 24px rgba(255, 90, 79, .29) !important;
}

.df-site-final a.btn.btn-primary:hover,
.df-site-final a.btn.btn-primary:focus,
.df-site-final a.btn.btn-primary:active {
  color: #fff !important;
  background: linear-gradient(145deg, #f05249, #d9433b) !important;
  border-color: #f76a61 !important;
  box-shadow: 0 14px 30px rgba(255, 90, 79, .37) !important;
  transform: translateY(-2px);
}

.df-site-final a.btn.btn-outline-secondary:link,
.df-site-final a.btn.btn-outline-secondary:visited {
  color: #fff !important;
  background: rgba(255, 255, 255, .075) !important;
  border-color: rgba(255, 255, 255, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.df-site-final a.btn.btn-outline-secondary:hover,
.df-site-final a.btn.btn-outline-secondary:focus,
.df-site-final a.btn.btn-outline-secondary:active {
  color: #002f50 !important;
  background: #22ddb0 !important;
  border-color: #60e9c8 !important;
  box-shadow: 0 12px 26px rgba(34, 221, 176, .26) !important;
  transform: translateY(-2px);
}

.df-site-final a.btn.btn-primary:focus-visible,
.df-site-final a.btn.btn-outline-secondary:focus-visible {
  outline-color: #9af1dc !important;
}

@media (hover: none) {
  .btn:hover,
  .df-site-final a.btn.btn-primary:hover,
  .df-site-final a.btn.btn-outline-secondary:hover { transform: none !important; }
}