/* Shared Tarazmed interface tokens. Loaded by the public WordPress theme and
   imported by React. Customer website palettes and preview contents are separate. */
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-RD.woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; }
html:root {
  --tz-blue: #1717c9;
  --tz-blue-dark: #101099;
  --tz-blue-light: #5959df;
  --tz-blue-soft: #f0f0ff;
  --tz-lime: #bdd000;
  --tz-lime-dark: #536000;
  --tz-lime-soft: #f5f8df;
  --tz-ink: #202344;
  --tz-muted: #646a80;
  --tz-line: #e4e6ef;
  --tz-bg: #f8f9fc;
  --tz-white: #ffffff;
  --tz-success: #16835c;
  --tz-warning: #946000;
  --tz-error: #b42332;
  --tz-shadow: 0 8px 28px rgb(32 35 68 / 6%);
  --tz-font: "Vazirmatn", Tahoma, Arial, sans-serif;
  --pt-primary: var(--tz-blue);
  --pt-primary-2: var(--tz-blue-dark);
  --pt-primary-soft: var(--tz-blue-soft);
  --pt-navy: var(--tz-ink);
  --pt-ink: var(--tz-ink);
  --pt-muted: var(--tz-muted);
  --pt-line: var(--tz-line);
  --pt-bg: var(--tz-bg);
  --pt-card: var(--tz-white);
  --pt-gold: var(--tz-lime-dark);
  --pt-shadow: var(--tz-shadow);
  --bs-primary: var(--tz-blue);
  --bs-primary-rgb: 23, 23, 201;
  --bs-link-color: var(--tz-blue);
  --bs-link-hover-color: var(--tz-blue-dark);
  --bs-link-color-rgb: 23, 23, 201;
  --bs-link-hover-color-rgb: 16, 16, 153;
  --bs-body-color: var(--tz-ink);
  --bs-body-bg: var(--tz-bg);
}

html body { color: var(--tz-ink); background: var(--tz-bg); font-family: var(--tz-font); }
html :is(.site-header, .builder-topbar) { background: var(--tz-white); border-bottom: 1px solid var(--tz-line); box-shadow: none !important; }
html :is(.btn, .form-control, .form-select) { border-radius: 10px; }
html :is(.btn-primary, .otp-primary-button, .hero-primary-action, .nav-build-button) {
  --bs-btn-bg: var(--tz-blue); --bs-btn-border-color: var(--tz-blue);
  --bs-btn-hover-bg: var(--tz-blue-dark); --bs-btn-hover-border-color: var(--tz-blue-dark);
  --bs-btn-active-bg: var(--tz-blue-dark); --bs-btn-active-border-color: var(--tz-blue-dark);
  --bs-btn-disabled-bg: var(--tz-blue); --bs-btn-disabled-border-color: var(--tz-blue);
  color: var(--tz-white); border-color: var(--tz-blue); background: var(--tz-blue); box-shadow: none;
}
html :is(.btn-primary, .otp-primary-button, .hero-primary-action, .nav-build-button):hover { color: var(--tz-white); background: var(--tz-blue-dark); border-color: var(--tz-blue-dark); box-shadow: none; }
html :is(.btn-primary, .otp-primary-button, .hero-primary-action, .nav-build-button):disabled { opacity: .55; }
html .btn-soft { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); }
html .btn-outline-primary {
  --bs-btn-color: var(--tz-blue); --bs-btn-border-color: var(--tz-blue);
  --bs-btn-hover-bg: var(--tz-blue); --bs-btn-hover-border-color: var(--tz-blue);
  --bs-btn-active-bg: var(--tz-blue-dark); --bs-btn-active-border-color: var(--tz-blue-dark);
  --bs-btn-disabled-color: var(--tz-blue); --bs-btn-disabled-border-color: var(--tz-blue);
}
html :is(.form-control, .form-select):focus { border-color: var(--tz-blue); box-shadow: 0 0 0 3px rgb(23 23 201 / 12%); }
html :is(button, a, input, textarea, select):focus-visible { outline: 2px solid var(--tz-blue); outline-offset: 3px; }
html .tarazmed-brand-subtitle { color: var(--tz-muted); }
html .progress-bar { background: var(--tz-blue); }

/* Public landing page, including the same components rendered by Elementor. */
html .landing-navbar .nav-link { color: var(--tz-ink) !important; }
html .landing-navbar .nav-link i { color: var(--tz-blue); }
html .landing-navbar .nav-link:is(:hover, .is-active) { color: var(--tz-blue) !important; background: var(--tz-blue-soft); }
html .landing-navbar :is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > .nav-link:not(.is-active) { color: var(--tz-ink) !important; background: transparent; }
html .landing-navbar :is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > .nav-link:not(.is-active):hover { color: var(--tz-blue) !important; background: var(--tz-blue-soft); }
html .nav-build-button i { color: inherit; }
html .landing-hero { background: var(--tz-bg); }
html :is(.landing-hero .hero-badge, .hero-badge, .section-kicker) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); box-shadow: none; }
html .landing-hero .hero-title { color: var(--tz-ink); }
html :is(.landing-hero .hero-title .accent, .hero-title .accent) { color: var(--tz-blue); -webkit-text-fill-color: var(--tz-blue); background: none; }
html .landing-hero .hero-secondary-action { color: var(--tz-blue); border: 1px solid var(--tz-line); background: var(--tz-white); box-shadow: none; }
html .landing-hero .hero-secondary-action:hover { color: var(--tz-blue-dark); border-color: var(--tz-blue); background: var(--tz-blue-soft); }
html :is(.feature-band, .showcase-section, .testimonial-section, .how-band) { color: var(--tz-ink); background: var(--tz-bg); }
html .how-band :is(h2, h3, p, .text-white) { color: var(--tz-ink) !important; }
html .how-band .btn-light { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-white); }
html :is(.feature-card, .testimonial-card, .hero-chat-shell, .chat-shell, .website-frame) { border-color: var(--tz-line); background: var(--tz-white); box-shadow: var(--tz-shadow); }
html .feature-icon { color: var(--tz-blue); background: var(--tz-blue-soft) !important; box-shadow: none; border: 1px solid var(--tz-line); }
html .feature-icon::before { background: none; }
html :is(.feature-band .feature-icon i, .feature-icon i) { color: var(--tz-blue); text-shadow: none; }
html .feature-band .row > div:nth-child(n) .feature-icon { color: var(--tz-blue); background: var(--tz-blue-soft) !important; }
html :is(.hero-chat-shell .chat-head, .hero-chat-shell .chat-body) { background: var(--tz-white); border-color: var(--tz-line); }
html :is(.assistant-avatar, .hero-chat-shell .assistant-avatar) { color: var(--tz-blue); background: var(--tz-blue-soft); border: 1px solid var(--tz-line); box-shadow: none; }
html :is(.msg-user, .hero-chat-shell .msg-user, .hero-chat-shell .chat-input .btn) { color: var(--tz-white); background: var(--tz-blue); box-shadow: none; }
html :is(.floating-medical-icon, .hero-chat-shell) { border-color: var(--tz-line); background: var(--tz-white); }
html :is(.slider-dots .active, .carousel-indicators .active) { background-color: var(--tz-blue); }
html :is(.portrait-user-panel, .portrait-user-logout) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); }
html :is(.article-card, .single-article-content) { border-color: var(--tz-line); box-shadow: var(--tz-shadow); }
html :is(.article-category-pill, .article-read-more, .article-card h2 a, .article-breadcrumb a) { color: var(--tz-blue); }

/* Existing Elementor HTML sections have their own inline palette. Adapt their
   legacy variables locally without editing the administrator's page content. */
html :is(.taraz-brand-hero, .tm-smart-workflow, .tm-light-footer-wrapper) {
  --tm-navy: var(--tz-ink); --tm-navy-dark: var(--tz-ink);
  --tm-blue: var(--tz-blue); --tm-lime: var(--tz-lime);
  --tm-wisteria: var(--tz-blue-light); --tm-wisteria-light: var(--tz-blue-soft);
  --tm-amethyst: var(--tz-blue-soft); --tm-teal: var(--tz-blue);
  --tm-text-main: var(--tz-ink); --tm-text-primary: var(--tz-ink);
  --tm-text-body: var(--tz-muted); --tm-text-dim: var(--tz-muted); --tm-text-muted: var(--tz-muted);
  --tm-card-bg: var(--tz-white); --tm-card-border: var(--tz-line);
  --tm-bg-surface: var(--tz-white); --tm-bg-subtle: var(--tz-bg); --tm-border-light: var(--tz-line);
  --tm-lime-glow: transparent;
  color: var(--tz-ink); background: var(--tz-bg); font-family: var(--tz-font);
}
html .taraz-brand-hero * { font-family: var(--tz-font); }
html :is(.taraz-brand-hero, .tm-smart-workflow)::before { background: none; }
html :is(.tm-main-heading, .tm-w-title) { color: var(--tz-ink); }
html .tm-gradient-taraz { color: var(--tz-blue); -webkit-text-fill-color: var(--tz-blue); background: none; }
html :is(.tm-badge-tag, .tm-w-badge, .tm-service-pill, .tm-chip-opt) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); box-shadow: none; }
html :is(.tm-chat-card, .tm-smart-support-banner, .tm-step-card, .tm-col-delivery .tm-step-card) { border-color: var(--tz-line); background: var(--tz-white); box-shadow: var(--tz-shadow); }
html .tm-col-delivery .tm-step-card { box-shadow: inset 0 3px var(--tz-lime), var(--tz-shadow); }
html :is(.tm-btn-lime, .tm-btn-glow, .tm-lf-newsletter button) { color: var(--tz-white); border-color: var(--tz-blue); background: var(--tz-blue); box-shadow: none; border-radius: 10px; }
html :is(.tm-btn-lime, .tm-btn-glow, .tm-lf-newsletter button):hover { color: var(--tz-white); border-color: var(--tz-blue-dark); background: var(--tz-blue-dark); box-shadow: none; }
html .tm-btn-outline { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-white); box-shadow: none; border-radius: 10px; }
html .tm-bubble { color: var(--tz-ink); border-color: var(--tz-line); background: var(--tz-bg); }
html .tm-bubble.user { color: var(--tz-white); border-color: var(--tz-blue); background: var(--tz-blue); box-shadow: none; }
html :is(.tm-chat-input-bar, .tm-float-element, .tm-step-orb, .tm-support-pill) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); box-shadow: none; }
html .tm-smart-support-banner::before { background: none; }
html .tm-step-card::before { background: var(--tz-line); }
html :is(.tm-support-brand-badge .logo-main-box, .tm-lf-logo-icon) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); box-shadow: none; }
html .tm-light-accent-bar { background: var(--tz-lime); box-shadow: none; }

/* Customer authentication and the handoff waiting page. */
html :is(.otp-page, .otp-loading, .customer-dashboard-loading, .wp-login-wait) { color: var(--tz-ink); background: var(--tz-bg); }
html .otp-backdrop { background: radial-gradient(ellipse at 12% 12%, var(--tz-blue-soft), transparent 55%); }
html :is(.otp-card, .wp-login-wait-card) { border-color: var(--tz-line); background: var(--tz-white); box-shadow: var(--tz-shadow); border-radius: 18px; }
html .otp-brand { border-color: var(--tz-line); background: var(--tz-white); }
html .otp-icon { color: var(--tz-blue); background: var(--tz-blue-soft); box-shadow: none; }
html .otp-content :is(h1, p strong) { color: var(--tz-ink); }
html :is(.otp-phone-field > div, .otp-digits input):focus-within { border-color: var(--tz-blue); box-shadow: 0 0 0 3px rgb(23 23 201 / 12%); }
html :is(.otp-change-phone, .otp-resend button) { color: var(--tz-blue); }
html .otp-expiry:not(.ending) strong { color: var(--tz-blue); background: var(--tz-blue-soft); }
html .wp-login-wait-symbol:not(.failed) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); }
html :is(.wp-login-wait-status, .wp-login-wait-hint, .wp-login-wait-footer) { color: var(--tz-muted); }
html .wp-login-wait-progress { background: var(--tz-blue-soft); }
html .wp-login-wait-progress span { background: var(--tz-blue); }
html .wp-login-wait-actions button { background: var(--tz-blue); }
html .wp-login-wait-actions a { color: var(--tz-blue); }

/* Builder: retain the step layout and one chat scroll surface. */
html .builder-page {
  --builder-navy: var(--tz-blue); --builder-blue: var(--tz-blue-dark);
  --builder-teal: var(--tz-blue); --builder-mint: var(--tz-blue-soft);
  --builder-gold: var(--tz-blue); --builder-gold-soft: var(--tz-blue-soft);
  background: var(--tz-bg); color: var(--tz-ink);
}
html .builder-page::before { background: none; }
html .builder-topbar :is(.brand-title, .builder-topbar-title) { color: var(--tz-ink) !important; text-shadow: none; }
html .builder-topbar :is(.brand-subtitle, .tarazmed-brand-subtitle) { color: var(--tz-muted) !important; }
html .builder-topbar :is(.btn, .builder-close, .builder-panel-link, .builder-logout) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-white); box-shadow: none; }
html .builder-account-actions > a:not(.builder-close), html .builder-account-actions > button { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-white); box-shadow: none; }
html :is(.wizard-card, .builder-chat-panel, .summary-card) { border-color: var(--tz-line); background: var(--tz-white); box-shadow: var(--tz-shadow); backdrop-filter: none; }
html :is(.wizard-top, .wizard-body, .builder-chat-panel .chat-head, .summary-head) { color: var(--tz-ink); border-color: var(--tz-line); background: var(--tz-white); }
html .builder-page .step-pill:is(:nth-child(n), .locked):not(.active):not(.done) {
  color: var(--tz-muted); border-color: var(--tz-line) !important;
  background: var(--tz-bg) !important; box-shadow: none; opacity: 1 !important; filter: none;
}
html .builder-page .step-pill.done { color: var(--tz-blue); border-color: var(--tz-line) !important; background: var(--tz-blue-soft) !important; box-shadow: none; }
html .builder-page .step-pill.active {
  color: var(--tz-blue); border-color: var(--tz-blue) !important; background: var(--tz-blue-soft) !important;
  box-shadow: inset 0 -3px var(--tz-lime); opacity: 1 !important;
}
html .builder-page .step-pill.active::after { background: var(--tz-lime); box-shadow: none; }
html .builder-page .step-pill :is(.step-copy small, .step-copy strong) { color: inherit; text-shadow: none; }
html .builder-page .step-pill:is(.active, .done, :not(.active):not(.done)) .step-icon { border-color: var(--tz-line) !important; background: var(--tz-white) !important; box-shadow: none; }
html .builder-page .step-pill .step-icon img { filter: none; opacity: 1; }
html .builder-page .step-pill.done .step-icon > i { color: var(--tz-success); border-color: var(--tz-white); background: var(--tz-white); box-shadow: none; }
html :is(.active-step-context, .stepper-progress) { color: var(--tz-muted); }
html .active-step-context i { color: var(--tz-blue); }
html .stepper-progress > div { background: var(--tz-blue-soft); }
html .stepper-progress > div > i { background: var(--tz-blue); }
html :is(.stepper-status > span, .stepper-status > span i) { color: var(--tz-muted); background: transparent; border-color: var(--tz-line); }
html .stepper-status strong { color: var(--tz-ink); }
html .builder-chat-messages { background: var(--tz-bg); }
html :is(.conversation-content, .instant-value-message, .builder-chat-compose, .builder-chat-compose .form-control) { color: var(--tz-ink); border-color: var(--tz-line); background: var(--tz-white); box-shadow: none; }
html .conversation-message.user .conversation-content { background: var(--tz-blue); border-color: var(--tz-blue); box-shadow: none; }
html :is(.instant-value-title > span, .chat-step-icon, .chat-ai-icon) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); box-shadow: none; }
html :is(.instant-value-title strong, .instant-value-message li i) { color: var(--tz-blue); }
html .builder-chat-compose .input-group > .btn-primary { color: var(--tz-white); border-color: var(--tz-blue); background: var(--tz-blue); box-shadow: none; }
html .builder-chat-compose .input-group > .btn-primary:hover { border-color: var(--tz-blue-dark); background: var(--tz-blue-dark); }
html .builder-chat-compose .form-control:focus { border-color: var(--tz-blue); box-shadow: 0 0 0 3px rgb(23 23 201 / 12%); }
html :is(.quick-pills button, .hero-chat-shell .quick-pills button, .builder-chat-compose .suggestion-options > button, .catalog-choice-grid > button, .catalog-choice-custom, .wizard-choice-options label) { color: var(--tz-ink); background: var(--tz-white); border-color: var(--tz-line); box-shadow: none; }
html :is(.quick-pills button:hover, .hero-chat-shell .quick-pills button:hover, .builder-chat-compose .suggestion-options > button:is(:hover, .selected), .catalog-choice-grid > button.selected, .wizard-choice-options label.selected) { color: var(--tz-blue); background: var(--tz-blue-soft); border-color: var(--tz-blue); box-shadow: inset 0 -2px var(--tz-lime); }
html :is(.wizard-choice-options input, .brand-details input) { accent-color: var(--tz-blue); }
html .wizard-choice-options label:focus-within { outline-color: var(--tz-blue); }
html :is(.catalog-choice-panel, .catalog-choice-selection, .summary-row, .media-asset) { border-color: var(--tz-line); background: var(--tz-bg); }
html :is(.catalog-choice-search, .media-intake, .media-logo-candidate) { border-color: var(--tz-line); }
html :is(.catalog-choice-selection button, .media-intake button, .media-upload, .chat-attachments label, .chat-attachments button) { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); }
html :is(.catalog-choice-confirm, .builder-chat-compose .question-navigation > .question-next) { color: var(--tz-white); background: var(--tz-blue); border-color: var(--tz-blue); }
html .builder-chat-compose .question-navigation > :is(.question-prev, .question-previous) { color: var(--tz-blue); background: var(--tz-white); border-color: var(--tz-line); }
html :is(.wizard-choice-options legend, .site-contact-fields legend, .site-contact-field label) { color: var(--tz-ink); }
html :is(.site-contact-hint, .media-help, .summary-label, .summary-head .small) { color: var(--tz-muted); }
html :is(.summary-project-icon, .desktop-preview-head button) { color: var(--tz-white); background: var(--tz-blue); box-shadow: none; }
html .summary-label i { color: var(--tz-blue); }
html .security-note { color: var(--tz-muted); border-color: var(--tz-line); background: var(--tz-bg); }
html .security-note i { color: var(--tz-blue) !important; }
html .builder-page .content-generation-progress { border-color: var(--tz-line); background: var(--tz-blue-soft); box-shadow: none; }
html .builder-page .generation-progress-track span { background: var(--tz-blue); }
html :is(.product-plan-card, .service-modules) { border-color: var(--tz-line); background: var(--tz-white); box-shadow: none; }
html .product-plan-card { --plan-color: var(--tz-blue) !important; }
html .product-plan-card.selected { border-color: var(--tz-blue); background: var(--tz-blue-soft); box-shadow: inset 0 -3px var(--tz-lime); }
html .product-plan-card.recommended::before { background: var(--tz-lime); }
html :is(.plan-icon, .service-modules > header > div > span, .module-icon) { color: var(--tz-blue); background: var(--tz-blue-soft); box-shadow: none; }
html .service-module-grid > button.selected { background: var(--tz-blue-soft); border-color: var(--tz-blue); }
html .service-modules > header > strong { color: var(--tz-blue); background: var(--tz-blue-soft); }
html .domain-purchase-options label.selected { border-color: var(--tz-blue); background: var(--tz-blue-soft); }

/* Customer workspace. Increased scope also wins over its lazy-loaded CSS. */
html .customer-dashboard-v2 { --cd2-ink: var(--tz-ink); --cd2-muted: var(--tz-muted); --cd2-line: var(--tz-line); --cd2-shadow: var(--tz-shadow); color: var(--tz-ink); background: var(--tz-bg); font-family: var(--tz-font); }
html .customer-dashboard-v2 .cd2-sidebar { color: var(--tz-ink); border-left: 1px solid var(--tz-line); background: var(--tz-white); box-shadow: none; }
html .customer-dashboard-v2 :is(.cd2-brand, .cd2-brand:hover, .cd2-brand small, .tarazmed-brand-subtitle) { color: var(--tz-muted); }
html .customer-dashboard-v2 .cd2-nav button { color: var(--tz-muted); border-radius: 12px; }
html .customer-dashboard-v2 .cd2-nav button > svg:first-child { color: inherit; }
html .customer-dashboard-v2 .cd2-nav button:hover { color: var(--tz-blue); background: var(--tz-bg); }
html .customer-dashboard-v2 .cd2-nav button.active { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-blue-soft); box-shadow: inset -3px 0 var(--tz-lime); }
html .customer-dashboard-v2 .cd2-nav button.active svg { color: var(--tz-blue); }
html .customer-dashboard-v2 .cd2-support-card { min-height: 200px; color: var(--tz-ink); border-color: var(--tz-line); border-radius: 14px; background: var(--tz-bg); }
html .customer-dashboard-v2 .cd2-support-card::before, html .customer-dashboard-v2 .cd2-support-card::after { display: none; }
html .customer-dashboard-v2 .cd2-support-card > span { color: var(--tz-blue); background: var(--tz-blue-soft); box-shadow: none; }
html .customer-dashboard-v2 .cd2-support-card strong { color: var(--tz-ink); }
html .customer-dashboard-v2 .cd2-support-card small { color: var(--tz-muted); }
html .customer-dashboard-v2 .cd2-support-card button { color: var(--tz-blue); border: 1px solid var(--tz-line); background: var(--tz-white); }
html .customer-dashboard-v2 .cd2-logout { color: var(--tz-muted); }
html .customer-dashboard-v2 .cd2-logout:hover { color: var(--tz-error); }
html .customer-dashboard-v2 :is(.cd2-topbar, .cd2-search, .cd2-icon-btn) { border-color: var(--tz-line); background: var(--tz-white); box-shadow: none; }
html .customer-dashboard-v2 :is(.cd2-icon-btn, .cd2-stat > button, .cd2-site-actions > a, .cd2-site-actions > button, .cd2-panel-header > button) { color: var(--tz-blue); }
html .customer-dashboard-v2 :is(.cd2-topbar-user strong, .cd2-hero-copy h1, .cd2-stat > div strong, .cd2-site-info h3, .customer-page-title h1) { color: var(--tz-ink); }
html .customer-dashboard-v2 :is(.cd2-topbar-user small, .cd2-hero-copy > span, .cd2-hero-copy p, .cd2-stat h2, .cd2-search, .cd2-search input::placeholder) { color: var(--tz-muted); }
html .customer-dashboard-v2 :is(.cd2-main, .cd2-hero, .customer-page-title) { background: var(--tz-bg); }
html .customer-dashboard-v2 .cd2-hero-visual { opacity: .6; }
html .customer-dashboard-v2 :is(.cd2-create-site, .customer-page-title > button, .customer-primary-action, .customer-site-actions > .primary, .customer-ticket-form button, .tax-profile button, .wp-pages-workspace > aside > header button, .wp-editor-empty button, .wp-editor-panel button.save) { color: var(--tz-white); border-color: var(--tz-blue); background: var(--tz-blue); border-radius: 10px; box-shadow: none; }
html .customer-dashboard-v2 :is(.cd2-create-site, .customer-primary-action, .wp-editor-panel button.save):hover { background: var(--tz-blue-dark); }
html .customer-dashboard-v2 :is(.cd2-stat, .cd2-panel, .customer-panel, .customer-site-card) { border-color: var(--tz-line); border-radius: 14px; box-shadow: var(--tz-shadow); }
html .customer-dashboard-v2 .cd2-stat > div > span, html .customer-dashboard-v2 .cd2-panel-header > div > span { color: var(--tz-blue); background: var(--tz-blue-soft); border-radius: 12px; }
html .customer-dashboard-v2 .cd2-wave { background: var(--tz-blue-soft); opacity: .55; }
html .customer-dashboard-v2 .site-progress i { background: var(--tz-blue); }
html .customer-dashboard-v2 .cd2-invoice-empty button { color: var(--tz-blue); border-color: var(--tz-line); background: var(--tz-white); }
html .customer-dashboard-v2 .wp-pages-workspace > aside > button.active { color: var(--tz-blue); border-color: var(--tz-blue); background: var(--tz-blue-soft); box-shadow: inset -3px 0 var(--tz-lime); }

@media (max-width: 767.98px) {
  html .builder-page .steps .step-pill:is(.active, .done, .locked, :not(.active):not(.done)) { background: transparent !important; border: 0 !important; box-shadow: none; }
  html .builder-page .steps .step-pill.active .step-icon { background: var(--tz-blue-soft) !important; box-shadow: inset 0 -3px var(--tz-lime); }
}

/* The platform's own WordPress sign-in. Customer installations don't load this. */
body.login { background: var(--tz-bg); font-family: var(--tz-font); }
body.login #loginform { border: 1px solid var(--tz-line); border-radius: 16px; box-shadow: var(--tz-shadow); }
body.login .button-primary { color: var(--tz-white); border-color: var(--tz-blue); background: var(--tz-blue); border-radius: 8px; }
body.login :is(a, #backtoblog a, #nav a) { color: var(--tz-blue); }
body.login input:focus { border-color: var(--tz-blue); box-shadow: 0 0 0 1px var(--tz-blue); }