/* =========================================================
   TempMy Brand Refresh
   - cohesive palette, icon styling, buttons, logo treatment
   - keeps the current layout structure while giving it a full identity pass
   ========================================================= */

@font-face{
  font-family:"TempMy Nunito";
  src:url("../fonts/nunito-v9-latin-regular.woff2") format("woff2"),url("../fonts/nunito-v9-latin-regular.woff") format("woff");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"TempMy Nunito";
  src:url("../fonts/nunito-v9-latin-700.woff2") format("woff2"),url("../fonts/nunito-v9-latin-700.woff") format("woff");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
@font-face{
  font-family:"TempMy Nunito";
  src:url("../fonts/nunito-v9-latin-800.woff2") format("woff2"),url("../fonts/nunito-v9-latin-800.woff") format("woff");
  font-style:normal;
  font-weight:800;
  font-display:swap;
}

:root{
  --main-color:#0f172a !important;
      --color2:#06B6D4 !important;
  --color3:#DC2626 !important;

  --tm-primary:var(--color1) !important;
  --tm-primary-rgb:var(--color1-rgb) !important;
    --tm-accent:var(--color1) !important;
  --tm-accent-rgb:var(--color1-rgb) !important;
  --tm-accent-soft:rgba(var(--color1-rgb),.14) !important;
  --tm-bg:#f4f7fb !important;
  --tm-surface:#ffffff !important;
  --tm-surface-2:#eff6ff !important;
  --tm-border:rgba(15,23,42,.10) !important;
  --tm-text:#0f172a !important;
  --tm-muted:#64748b !important;
  --tm-font-body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --tm-font-display:"TempMy Nunito",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --tm-ring:0 0 0 .26rem rgba(var(--color1-rgb),.16) !important;
  --tm-shadow-xs:0 10px 24px rgba(15,23,42,.06) !important;
  --tm-shadow-sm:0 18px 48px rgba(15,23,42,.08) !important;
  --tm-shadow-md:0 24px 72px rgba(15,23,42,.12) !important;
  --tm-shadow-lg:0 36px 100px rgba(15,23,42,.16) !important;
  --tm-radius-sm:14px !important;
  --tm-radius-md:18px !important;
  --tm-radius-lg:26px !important;
  --tm-grid:rgba(var(--color1-rgb),.055) !important;
}

body.tm-dir-rtl,
body.tm-dir-rtl :root{
  --tm-font-body:Vazir,Tahoma,Arial,sans-serif;
  --tm-font-display:Vazir,Tahoma,Arial,sans-serif;
}

html{background:var(--tm-bg);}
body.tm-saas,
body.tm-auth{
  font-family:var(--tm-font-body) !important;
  background:
    radial-gradient(circle at top left, rgba(var(--color1-rgb),.05), transparent 28%),
    radial-gradient(circle at top right, rgba(var(--color1-rgb),.05), transparent 18%),
    var(--tm-bg) !important;
  color:var(--tm-text) !important;
}
body.tm-saas h1,
body.tm-saas h2,
body.tm-saas h3,
body.tm-saas h4,
body.tm-saas h5,
body.tm-auth h1,
body.tm-auth h2,
body.tm-auth h3,
body.tm-auth h4,
body.tm-auth h5,
body.tm-saas .btn,
body.tm-auth .btn,
body.tm-saas .tm-iconbtn,
body.tm-saas .tm-header__brandText,
body.tm-auth .tm-header__brandText,
body.tm-saas .section-title h2,
body.tm-saas .tm-page-title,
body.tm-saas .tm-price-amount,
body.tm-saas .tm-step-icon,
body.tm-saas .tm-stat-value,
body.tm-saas .tm-pricing-badge,
body.tm-auth .card .card-header h4{
  font-family:var(--tm-font-display) !important;
}
body.tm-saas p,
body.tm-auth p,
body.tm-saas li,
body.tm-auth li,
body.tm-saas input,
body.tm-saas select,
body.tm-saas textarea,
body.tm-auth input,
body.tm-auth textarea{
  font-family:var(--tm-font-body) !important;
}

body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item){
  color:var(--color1);
}
body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item):hover{
  color:var(--color1);
}

/* Header + brand */
body.tm-saas .tm-header,
body.tm-auth .tm-header{
  background:rgba(255,255,255,.84) !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
}
body.tm-saas .tm-header__inner,
body.tm-auth .tm-header__inner{
  min-height:64px;
}
.tm-header__brand{
  gap:9px !important;
}
.tm-header__brandMark{
  width:46px;
  height:46px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 76% 22%, rgba(var(--color1-rgb),.26), transparent 28%),
    linear-gradient(135deg, rgba(var(--color1-rgb),.12), rgba(var(--color1-rgb),.18));
  border:1px solid rgba(var(--color1-rgb),.12);
  box-shadow:0 12px 30px rgba(var(--color1-rgb),.18), inset 0 1px 0 rgba(255,255,255,.7);
  flex:0 0 auto;
}
.tm-header__brandIcon{
  width:24px !important;
  height:24px !important;
  display:block;
}
.tm-header__brandText{
  position:relative;
  font-size:19px !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
}
.tm-header__brandTemp{color:#0f172a !important;}
.tm-header__brandMy{
  color:var(--color1) !important;
  position:relative;
}
.tm-header__brandMy::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius: 14px;
  background:var(--color1);
  right:-8px;
  top:2px;
  box-shadow:0 0 0 4px rgba(var(--color1-rgb),.14);
}
body.tm-dir-rtl .tm-header__brandMy::after{
  right:auto;
  left:-8px;
}

.tm-header__actionsScroll{
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px;
  border-radius: 14px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}
.tm-header__logoutForm{display:flex;}

.tm-header__actionsScroll--marketing a[href="#how-it-works"],
.tm-header__actionsScroll--marketing a[href="#use-cases"],
.tm-header__actionsScroll--marketing a[href="#faq"],
.tm-header__actionsScroll--marketing a[href*="register"]{
  display:none !important;
}

.tm-header__langBtn,
.tm-header__langMenu,
.tm-header__actionsScroll,
.tm-iconbtn,
.btn,
.form-control,
.card,
.tm-home-preview,
.tm-preview-card,
.tm-badge,
.tm-trust-item,
.tm-pricing-badge,
.tm-price-savings,
.tm-mini-faq li,
.tm-contact-meta__item,
.tm-faq-search,
.tm-pro-inboxes,
.tm-pro-inboxes__item,
.tm-cookie__inner,
.tm-cookie-modal__dialog{
  border-radius:var(--tm-radius-md) !important;
}

/* Buttons */
body.tm-saas .btn,
body.tm-auth .btn,
body.tm-saas .tm-iconbtn,
body.tm-auth .tm-iconbtn{
  border:1px solid transparent !important;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease;
}
body.tm-saas .btn:hover,
body.tm-auth .btn:hover,
body.tm-saas .tm-iconbtn:hover,
body.tm-auth .tm-iconbtn:hover{
  transform:translateY(-1px);
}
body.tm-saas .tm-iconbtn,
body.tm-auth .tm-iconbtn,
body.tm-saas .btn-2,
body.tm-saas .btn-outline-primary,
body.tm-saas .btn-outline-secondary,
body.tm-auth .btn-outline-primary,
body.tm-auth .btn-outline-secondary{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(var(--color1-rgb),.14) !important;
  color:var(--tm-text) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}
body.tm-saas .tm-iconbtn--primary,
body.tm-auth .tm-iconbtn--primary,
body.tm-saas .btn-1,
body.tm-saas .btn-primary,
body.tm-auth .btn-primary,
body.tm-saas .tm-copy-btn,
body.tm-saas .tm-home-preview-refresh,
body.tm-saas .tm-copy-btn:not(:disabled):not(.btn-2){
  background:linear-gradient(135deg,var(--color1) 0%, var(--color1) 54%, var(--color1) 120%) !important;
  border-color:rgba(var(--color1-rgb),.92) !important;
  color:#fff !important;
  box-shadow:0 18px 40px rgba(var(--color1-rgb),.24) !important;
}
body.tm-saas .btn-1:hover,
body.tm-saas .btn-primary:hover,
body.tm-auth .btn-primary:hover,
body.tm-saas .tm-iconbtn--primary:hover,
body.tm-saas .tm-copy-btn:hover,
body.tm-saas .tm-home-preview-refresh:hover{
  color:#fff !important;
  box-shadow:0 20px 44px rgba(var(--color1-rgb),.30) !important;
}
body.tm-saas .btn-2:hover,
body.tm-saas .btn-outline-primary:hover,
body.tm-saas .btn-outline-secondary:hover,
body.tm-auth .btn-outline-primary:hover,
body.tm-auth .btn-outline-secondary:hover,
body.tm-saas .tm-iconbtn:hover:not(.tm-iconbtn--primary){
  background:rgba(var(--color1-rgb),.06) !important;
  border-color:rgba(var(--color1-rgb),.22) !important;
  color:#0f172a !important;
}
body.tm-saas .btn-1:focus,
body.tm-saas .btn-2:focus,
body.tm-saas .btn-primary:focus,
body.tm-saas .btn-outline-primary:focus,
body.tm-saas .tm-iconbtn:focus,
body.tm-auth .btn-primary:focus,
body.tm-auth .btn-outline-primary:focus,
body.tm-auth .tm-iconbtn:focus{
  box-shadow:var(--tm-ring), 0 16px 40px rgba(15,23,42,.08) !important;
}

body.tm-saas .btn-1 i,
body.tm-saas .btn-2 i,
body.tm-saas .btn-primary i,
body.tm-saas .btn-outline-primary i,
body.tm-saas .btn-outline-secondary i,
body.tm-auth .btn-primary i,
body.tm-auth .btn-outline-primary i,
body.tm-saas .tm-iconbtn i,
body.tm-auth .tm-iconbtn i{
  width:1.85em;
  height:1.85em;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
body.tm-saas .btn-1 i,
body.tm-saas .btn-primary i,
body.tm-saas .tm-iconbtn--primary i,
body.tm-auth .btn-primary i,
body.tm-auth .tm-iconbtn--primary i,
body.tm-saas .tm-copy-btn i,
body.tm-saas .tm-home-preview-refresh i{
  background:rgba(255,255,255,.16);
  color:#fff;
}
body.tm-saas .btn-2 i,
body.tm-saas .btn-outline-primary i,
body.tm-saas .btn-outline-secondary i,
body.tm-auth .btn-outline-primary i,
body.tm-saas .tm-iconbtn:not(.tm-iconbtn--primary) i,
body.tm-auth .tm-iconbtn:not(.tm-iconbtn--primary) i{
  background:rgba(var(--color1-rgb),.10);
  color:var(--color1);
}

/* Dropdown */
.tm-header__langBtn{padding:0 15px !important; gap:10px !important; min-width:unset !important; width:auto !important;}
.tm-header__langBtn .tm-iconbtn__label{font-weight:700; color:#0f172a;}
.tm-header__langMenu{
  padding:10px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 24px 60px rgba(15,23,42,.14) !important;
  background:rgba(255,255,255,.98) !important;
}
.tm-header__langMenu .dropdown-item{
  gap:10px !important;
  padding:11px 12px !important;
  font-weight:650;
  color:#0f172a !important;
}
.tm-header__langMenu .dropdown-item.active,
.tm-header__langMenu .dropdown-item:active{
  background:linear-gradient(135deg, rgba(var(--color1-rgb),.12), rgba(var(--color1-rgb),.10)) !important;
}
.tm-header__langMenu .dropdown-item:hover{
  background:rgba(var(--color1-rgb),.06) !important;
}

/* Hero */
body.tm-saas .home.tm-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(59,130,246,.22), transparent 18%),
    radial-gradient(circle at 82% 22%, rgba(var(--color1-rgb),.20), transparent 16%),
    linear-gradient(135deg, #0f172a 0%, #111d35 42%, #182b4d 100%) !important;
  border-radius:0 0 44px 44px !important;
}
body.tm-saas .home.tm-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(var(--tm-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--tm-grid) 1px, transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.7), rgba(0,0,0,.2));
}
body.tm-saas .tm-hero-copy,
body.tm-saas .tm-hero-visual{position:relative; z-index:1;}
body.tm-saas .tm-hero-title{
  color:#fff !important;
  font-size:clamp(2.45rem, 4vw, 4.25rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  margin-bottom:16px !important;
}
body.tm-saas .tm-hero-subtitle{
  color:rgba(255,255,255,.76) !important;
  font-size:1.05rem;
  max-width:48ch;
}
body.tm-saas .tm-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(2,6,23,.18);
  backdrop-filter:blur(10px);
}
body.tm-saas .tm-badge.tm-badge--muted{
  background:rgba(15,23,42,.34) !important;
}
body.tm-saas .tm-badge i,
body.tm-saas .tm-trust-item i{
  width:32px;
  height:32px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.16);
  color:#fff;
}
body.tm-saas .tm-home-preview{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  padding:12px;
  box-shadow:0 24px 54px rgba(2,6,23,.18);
  backdrop-filter:blur(14px);
}
body.tm-saas .tm-home-preview-input{
  height:56px !important;
  border-radius: 14px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  color:#0f172a !important;
  box-shadow:none !important;
}
body.tm-saas .tm-home-preview-input:focus,
body.tm-saas .tm-email-input:focus{
  border-color:rgba(var(--color1-rgb),.40) !important;
  box-shadow:var(--tm-ring) !important;
}
body.tm-saas .tm-home-preview-note,
body.tm-saas .tm-counter-note{
  color:rgba(255,255,255,.72) !important;
}
body.tm-saas .tm-trust-item{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  padding:12px 14px;
  box-shadow:0 14px 28px rgba(2,6,23,.14);
}
body.tm-saas .tm-stat-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94)) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:20px !important;
  box-shadow:0 22px 56px rgba(2,6,23,.16);
}
body.tm-saas .tm-stat-label{color:#475569 !important; font-weight:700;}
body.tm-saas .tm-stat-value{font-size:clamp(1.65rem, 3vw, 2.5rem) !important; color:#0f172a !important;}
body.tm-saas .tm-preview-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), #fff 70%) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:28px !important;
  box-shadow:0 40px 90px rgba(2,6,23,.26);
}
body.tm-saas .tm-preview-top,
body.tm-saas .tm-preview-footer{border-color:rgba(148,163,184,.18) !important;}
body.tm-saas .tm-preview-pill{
  background:rgba(var(--color1-rgb),.10) !important;
  color:var(--color1) !important;
  border:1px solid rgba(var(--color1-rgb),.12) !important;
}
body.tm-saas .tm-preview-pill.tm-preview-pill--muted{
  background:rgba(var(--color1-rgb),.14) !important;
  color:#1D4ED8 !important;
  border-color:rgba(var(--color1-rgb),.18) !important;
}
body.tm-saas .tm-preview-dot{background:linear-gradient(135deg, var(--color1), var(--color1)) !important;}
body.tm-saas .tm-preview-line{background:linear-gradient(90deg, rgba(var(--color1-rgb),.12), rgba(var(--color1-rgb),.04)) !important;}

/* Shared sections */
body.tm-saas .tm-section--alt,
body.tm-saas .messages,
body.tm-saas .view,
body.tm-saas .blog-listing,
body.tm-saas .popular-posts{
  background:transparent !important;
}
body.tm-saas .section-title h2,
body.tm-saas .tm-how-head h2,
body.tm-saas .tm-page-title,
body.tm-saas .tm-legal-card .card-header h2,
body.tm-saas .tm-section--pricing h1{
  color:#0f172a !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
}
body.tm-saas .section-title p,
body.tm-saas .tm-how-head p,
body.tm-saas .text-muted,
body.tm-saas .tm-help,
body.tm-auth .text-muted{
  color:var(--tm-muted) !important;
}
body.tm-saas .card,
body.tm-auth .card,
body.tm-saas .tm-step-card,
body.tm-saas .tm-feature-card,
body.tm-saas .tm-highlight-card,
body.tm-saas .tm-legal-card,
body.tm-saas .tm-contact-meta__item,
body.tm-saas .tm-mini-faq li,
body.tm-saas .tm-pro-inboxes,
body.tm-saas .tm-pro-inboxes__item,
body.tm-mode-inbox #inbox .tm-inbox-card{
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 22px 54px rgba(15,23,42,.07) !important;
  background:#fff !important;
}
body.tm-saas .card-header,
body.tm-auth .card-header,
body.tm-mode-inbox #inbox .tm-inbox-card__head{
  background:linear-gradient(180deg, rgba(239,246,255,.72), rgba(255,255,255,.92)) !important;
  color:#0f172a !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
  text-transform:none !important;
}
body.tm-saas .tm-step-card,
body.tm-saas .tm-feature-card,
body.tm-saas .tm-highlight-card,
body.tm-saas .tm-legal-card,
body.tm-saas .tm-pricing-card,
body.tm-saas .tm-pricing-compare{
  padding:0;
}
body.tm-saas .tm-step-card,
body.tm-saas .tm-feature-card,
body.tm-saas .tm-highlight-card{
  padding:24px 22px !important;
  height:100%;
}
body.tm-saas .tm-step-icon,
body.tm-saas .tm-highlight-icon,
body.tm-saas .tm-feature-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(var(--color1-rgb),.12), rgba(var(--color1-rgb),.12));
  border:1px solid rgba(var(--color1-rgb),.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 12px 24px rgba(var(--color1-rgb),.10);
  color:var(--color1) !important;
  margin-bottom:16px;
}
body.tm-saas .tm-step-icon{
  font-size:1.15rem;
  font-weight:800;
}
body.tm-saas .tm-highlight-icon i,
body.tm-saas .tm-feature-icon i{
  color:var(--color1) !important;
  font-size:1.2rem;
}
body.tm-saas .tm-step-card h3,
body.tm-saas .tm-feature-card h3,
body.tm-saas .tm-highlight-card h3,
body.tm-saas .tm-mini-faq__title,
body.tm-saas .tm-pricing-card h2,
body.tm-saas .tm-legal-card h2{
  font-weight:800 !important;
  letter-spacing:-.02em;
  color:#0f172a !important;
}
body.tm-saas .tm-step-card p,
body.tm-saas .tm-feature-card p,
body.tm-saas .tm-highlight-card p,
body.tm-saas .tm-mini-faq__a,
body.tm-saas .tm-contact-meta__item,
body.tm-saas .tm-prose,
body.tm-saas .tm-faq{
  color:#475569 !important;
}

/* TEMPMY_LEGAL_READABILITY_GUARD_V1 — pin the legal/static content wrapper
   (Terms, Privacy, FAQ, Cookies) to a light card with dark text so it can
   never inherit a dark-on-dark combination from upstream theme changes. */
body.tm-saas .tm-legal-card,
body.tm-saas .tm-legal-body,
body.tm-saas .tm-legal-card .card-header{
  background:#fff !important;
  color:#0f172a !important;
}
body.tm-saas .tm-legal-card .tm-prose,
body.tm-saas .tm-legal-body.tm-prose{
  background:#fff !important;
  color:#475569 !important;
}

/* Pricing */
body.tm-saas .tm-section--pricing .tm-pricing-card .card-body{
  padding:28px !important;
}
body.tm-saas .tm-pricing-card{
  position:relative;
  overflow:hidden;
}
body.tm-saas .tm-pricing-card.tm-pricing-pro{
  border-color:rgba(var(--color1-rgb),.20) !important;
  background:linear-gradient(180deg, rgba(239,246,255,.94), #fff 44%) !important;
}
body.tm-saas .tm-pricing-card.tm-pricing-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right, rgba(var(--color1-rgb),.14), transparent 24%), radial-gradient(circle at left bottom, rgba(var(--color1-rgb),.08), transparent 30%);
  pointer-events:none;
}
body.tm-saas .tm-pricing-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  background:linear-gradient(135deg,#0f172a,#1e3a8a) !important;
  color:#fff !important;
  border-radius: 14px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.18);
}
body.tm-saas .tm-pricing-badge::before{
  content:"\f005";
  font-family:"Font Awesome 5 Free";
  font-weight: 800;
  color:var(--color1);
}
body.tm-saas .tm-price{display:flex; align-items:flex-end; gap:8px; margin:8px 0 12px;}
body.tm-saas .tm-price-currency{font-size:1.2rem; font-weight:800; color:var(--color1); margin-bottom:.5rem;}
body.tm-saas .tm-price-amount{font-size:3.35rem; line-height:.9; color:#0f172a !important;}
body.tm-saas .tm-price-period{font-weight:700; color:var(--tm-muted) !important; margin-bottom:.45rem;}
body.tm-saas .tm-price-sub{display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:var(--tm-muted); font-weight:700;}
body.tm-saas .tm-price-savings{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius: 14px !important;
  background:rgba(var(--color1-rgb),.16);
  color:#1D4ED8 !important;
  font-weight:800;
}
body.tm-saas .tm-feature-list{list-style:none; padding:0; margin:22px 0 0;}
body.tm-saas .tm-feature-list li{
  position:relative;
  padding-left:32px;
  margin-bottom:14px;
  color:#0f172a;
}
body.tm-dir-rtl .tm-feature-list li{padding-left:0; padding-right:32px;}
body.tm-saas .tm-feature-list li::before{
  content:"\f00c";
  font-family:"Font Awesome 5 Free";
  font-weight: 800;
  position:absolute;
  left:0;
  top:1px;
  width:22px;
  height:22px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(var(--color1-rgb),.10);
  color:var(--color1);
  font-size:11px;
}
body.tm-dir-rtl .tm-feature-list li::before{left:auto; right:0;}
body.tm-saas .tm-pricing-actions .btn{min-height:50px;}
body.tm-saas .tm-compare-table thead th,
body.tm-saas .tm-compare-table tbody th{
  font-family:var(--tm-font-display) !important;
  font-weight:800 !important;
  color:#0f172a !important;
}
body.tm-saas .tm-compare-table td,
body.tm-saas .tm-compare-table th{
  border-color:rgba(148,163,184,.16) !important;
  vertical-align:middle;
}
body.tm-saas .tm-compare-table thead th{
  background:rgba(239,246,255,.64);
}

/* Inbox blend */
body.tm-mode-inbox #inbox .tm-current-email{
  background:linear-gradient(180deg, rgba(var(--color1-rgb),.06), rgba(var(--color1-rgb),.05)) !important;
  border-color:rgba(var(--color1-rgb),.16) !important;
}
body.tm-mode-inbox #inbox .tm-pill{
  background:rgba(var(--color1-rgb),.06) !important;
  border-color:rgba(var(--color1-rgb),.12) !important;
}
body.tm-mode-inbox #inbox .tm-btn,
body.tm-mode-inbox #inbox .tm-btn--ghost,
body.tm-mode-inbox #inbox .tm-btn--primary,
body.tm-mode-inbox #inbox .tm-btn--danger,
body.tm-mode-inbox #inbox .tm-btn--outline{
  border-radius: 14px !important;
}
body.tm-mode-inbox #inbox .tm-msg-item.is-unread{box-shadow:inset 3px 0 0 var(--color1);}
body.tm-mode-inbox #inbox .tm-msg-subject{color:#0f172a !important;}

/* Legal + contact */
body.tm-saas .tm-contact-meta{
  display:grid;
  gap:12px;
}
body.tm-saas .tm-contact-meta__item,
body.tm-saas .tm-mini-faq li{
  padding:14px 16px !important;
  background:linear-gradient(180deg, rgba(239,246,255,.55), rgba(255,255,255,.96)) !important;
}
body.tm-saas .tm-mini-faq__list{display:grid; gap:12px; margin:0; padding:0; list-style:none;}
body.tm-saas .tm-faq-search{
  position:relative;
  padding:12px;
  margin-bottom:18px;
  background:linear-gradient(180deg, rgba(239,246,255,.78), rgba(255,255,255,.96));
  border:1px solid rgba(148,163,184,.16);
}
body.tm-saas .tm-faq-search::before{
  content:"\f002";
  font-family:"Font Awesome 5 Free";
  font-weight: 800;
  position:absolute;
  left:26px;
  top:50%;
  transform:translateY(-2px);
  color:var(--color1);
  pointer-events:none;
}
body.tm-dir-rtl .tm-faq-search::before{left:auto; right:26px;}
body.tm-saas .tm-faq-search .form-control{
  padding-left:44px !important;
  background:#fff !important;
}
body.tm-dir-rtl .tm-faq-search .form-control{padding-left:14px !important; padding-right:44px !important;}
body.tm-saas .tm-prose h2,
body.tm-saas .tm-prose h3,
body.tm-saas .tm-prose strong{
  color:#0f172a !important;
}
body.tm-saas .tm-prose a{color:var(--color1) !important;}

/* Forms */
body.tm-saas .form-control,
body.tm-auth .form-control,
body.tm-saas .custom-email-input,
body.tm-saas .tm-emailfield__input,
body.tm-saas select,
body.tm-saas textarea,
body.tm-auth textarea{
  border-radius: 14px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:#f8fbff !important;
  color:#0f172a !important;
  box-shadow:none !important;
}
body.tm-saas .form-control:focus,
body.tm-auth .form-control:focus,
body.tm-saas select:focus,
body.tm-saas textarea:focus,
body.tm-auth textarea:focus{
  border-color:rgba(var(--color1-rgb),.28) !important;
  box-shadow:var(--tm-ring) !important;
  background:#fff !important;
}
body.tm-saas .change_email form,
body.tm-auth .card .card-body form{text-align:left;}
body.tm-dir-rtl .change_email form,
body.tm-dir-rtl .tm-auth-page form{text-align:right;}

/* Auth */
body.tm-auth .tm-auth-page{
  min-height:calc(100vh - 96px);
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 20% 14%, rgba(var(--color1-rgb),.07), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(var(--color1-rgb),.07), transparent 18%);
}
body.tm-auth .card{
  background:rgba(255,255,255,.98) !important;
}
body.tm-auth .card .card-header{
  padding:24px 24px 14px !important;
}
body.tm-auth .card .card-body{padding:24px !important;}
body.tm-auth .btn-link,
body.tm-auth a:not(.btn):not(.tm-header__brand):not(.dropdown-item){color:var(--color1) !important;}
body.tm-auth .btn-primary,
body.tm-auth .btn-primary:hover{color:#fff !important;}
body.tm-auth .tm-auth-footer{
  color:var(--tm-muted);
  padding-bottom: max(30px, calc(12px + env(safe-area-inset-bottom)));
}

/* Footer + cookie */
body.tm-saas .footer .nav,
body.tm-auth .tm-auth-footer-links{
  gap:12px 18px;
}
body.tm-saas .footer .nav a,
body.tm-auth .tm-auth-footer-links a{
  color:var(--tm-muted) !important;
  font-weight:700;
}
body.tm-saas .footer .nav a:hover,
body.tm-auth .tm-auth-footer-links a:hover{
  color:var(--color1) !important;
}
body.tm-saas .tm-cookie__inner,
body.tm-saas .tm-cookie-modal__dialog,
body.tm-auth .tm-cookie__inner,
body.tm-auth .tm-cookie-modal__dialog{
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.18) !important;
}
body.tm-saas .tm-cookie__btn--primary,
body.tm-auth .tm-cookie__btn--primary{
  background:linear-gradient(135deg,var(--color1) 0%, var(--color1) 54%, var(--color1) 120%) !important;
  color:#fff !important;
}
body.tm-saas .tm-cookie__btn--outline,
body.tm-auth .tm-cookie__btn--outline{
  border-color:rgba(var(--color1-rgb),.14) !important;
}

/* Responsive touch-ups */
@media (max-width:991.98px){
  .tm-header__actionsScroll{
    padding:6px;
    gap:8px;
    border-radius:18px;
  }
  .tm-header__brandMark{width:42px; height:42px; border-radius:15px;}
  .tm-header__brandText{font-size:19px !important;}
  body.tm-saas .home.tm-hero{border-radius:0 0 34px 34px !important;}
}
@media (max-width:575.98px){
  .tm-header__actionsScroll{
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0;
  }
  .tm-header__langBtn{padding:0 12px !important;}
  body.tm-saas .tm-hero-title{font-size:2.35rem !important; text-align:center !important;}
  body.tm-saas .tm-hero-subtitle{text-align:center !important; margin-left:auto; margin-right:auto;}
  body.tm-saas .tm-hero-badges,
  body.tm-saas .tm-hero-actions,
  body.tm-saas .tm-hero-trust,
  body.tm-saas .tm-hero-stats{justify-content:center !important;}
  body.tm-saas .tm-home-preview{padding:10px;}
  body.tm-saas .tm-home-preview-row{gap:8px;}
  body.tm-saas .tm-price-amount{font-size:2.9rem !important;}
  body.tm-saas .tm-section--pricing .tm-pricing-card .card-body,
  body.tm-saas .card-body,
  body.tm-auth .card .card-body{padding:20px !important;}
}
@media (prefers-reduced-motion:reduce){
  body.tm-saas .btn,
  body.tm-auth .btn,
  body.tm-saas .tm-iconbtn,
  body.tm-auth .tm-iconbtn{transition:none !important;}
  body.tm-saas .btn:hover,
  body.tm-auth .btn:hover,
  body.tm-saas .tm-iconbtn:hover,
  body.tm-auth .tm-iconbtn:hover{transform:none !important;}
}


/* =========================================================
   TempMy original identity rollback
   - restore original SVG logo treatment
   - restore lemon/blue primary color used by the site
   ========================================================= */
:root{
  --main-color:#161a1d !important;
  --color1:#2563EB !important;
  --color1-rgb:37,99,235 !important;
  --color2:#06B6D4 !important;
  --color3:#DC2626 !important;
  --tm-primary:#2563EB !important;
  --tm-primary-rgb:37,99,235 !important;
  --tm-on-primary:#161a1d !important;
  --tm-accent:#06B6D4 !important;
  --tm-accent-rgb:6,182,212 !important;
  --tm-accent-soft:rgba(6,182,212,.14) !important;
  --tm-text:#161a1d !important;
  --tm-muted:#667085 !important;
  --tm-ring:0 0 0 .26rem rgba(37,99,235,.18) !important;
  --tm-grid:rgba(37,99,235,.06) !important;
}

body.tm-saas,
body.tm-auth{
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.05), transparent 28%),
    radial-gradient(circle at top right, rgba(6,182,212,.05), transparent 18%),
    var(--tm-bg) !important;
}

body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item){
  color:#2563EB;
}
body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item):hover{
  color:#1D4ED8;
}

.tm-header__brand{
  gap:10px !important;
  direction:ltr !important;
}
.tm-header__brandMark{
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.tm-header__brandIcon{
  width:24px !important;
  height:24px !important;
  display:block;
}
.tm-header__brandText{
  display:inline-flex !important;
  align-items:baseline !important;
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
  direction:ltr !important;
}
.tm-header__brandTemp{
  color:var(--main-color) !important;
}
.tm-header__brandMy{
  color:var(--color1) !important;
  position:static !important;
}
.tm-header__brandMy::after{
  content:none !important;
}

body.tm-saas .tm-header,
body.tm-auth .tm-header{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.tm-header__actionsScroll{
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}

body.tm-saas .tm-iconbtn,
body.tm-auth .tm-iconbtn,
body.tm-saas .btn-2,
body.tm-saas .btn-outline-primary,
body.tm-saas .btn-outline-secondary,
body.tm-auth .btn-outline-primary,
body.tm-auth .btn-outline-secondary{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(0,0,0,.10) !important;
  color:var(--main-color) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}

body.tm-saas .tm-iconbtn--primary,
body.tm-auth .tm-iconbtn--primary,
body.tm-saas .btn-1,
body.tm-saas .btn-primary,
body.tm-auth .btn-primary,
body.tm-saas .tm-copy-btn,
body.tm-saas .tm-home-preview-refresh,
body.tm-saas .tm-copy-btn:not(:disabled):not(.btn-2){
  background:var(--color1) !important;
  border-color:rgba(37,99,235,.84) !important;
  color:var(--main-color) !important;
  box-shadow:0 18px 40px rgba(37,99,235,.24) !important;
}
body.tm-saas .btn-1:hover,
body.tm-saas .btn-primary:hover,
body.tm-auth .btn-primary:hover,
body.tm-saas .tm-iconbtn--primary:hover,
body.tm-saas .tm-copy-btn:hover,
body.tm-saas .tm-home-preview-refresh:hover,
body.tm-saas .tm-copy-btn:not(:disabled):not(.btn-2):hover{
  background:#06B6D4 !important;
  color:var(--main-color) !important;
  border-color:#06B6D4 !important;
}
body.tm-saas .btn-1 i,
body.tm-saas .btn-primary i,
body.tm-saas .tm-iconbtn--primary i,
body.tm-auth .btn-primary i,
body.tm-auth .tm-iconbtn--primary i,
body.tm-saas .tm-copy-btn i,
body.tm-saas .tm-home-preview-refresh i{
  background:rgba(255,255,255,.36) !important;
  color:var(--main-color) !important;
}
body.tm-saas .btn-2 i,
body.tm-saas .btn-outline-primary i,
body.tm-saas .btn-outline-secondary i,
body.tm-auth .btn-outline-primary i,
body.tm-saas .tm-iconbtn:not(.tm-iconbtn--primary) i,
body.tm-auth .tm-iconbtn:not(.tm-iconbtn--primary) i{
  background:rgba(37,99,235,.12) !important;
  color:var(--main-color) !important;
}

.tm-header__langBtn .tm-iconbtn__label{
  color:var(--main-color) !important;
}
.tm-header__langMenu .dropdown-item{
  color:var(--main-color) !important;
}
.tm-header__langMenu .dropdown-item.active,
.tm-header__langMenu .dropdown-item:active{
  background:rgba(37,99,235,.12) !important;
}
.tm-header__langMenu .dropdown-item:hover{
  background:rgba(37,99,235,.06) !important;
}

body.tm-saas .home.tm-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(37,99,235,.20), transparent 18%),
    radial-gradient(circle at 82% 22%, rgba(6,182,212,.18), transparent 16%),
    linear-gradient(135deg, #161a1d 0%, #20262b 42%, #2a333c 100%) !important;
}
body.tm-saas .tm-home-preview-input:focus,
body.tm-saas .tm-email-input:focus,
body.tm-saas input:focus,
body.tm-auth input:focus,
body.tm-auth textarea:focus,
body.tm-saas textarea:focus,
body.tm-saas select:focus{
  border-color:rgba(37,99,235,.45) !important;
  box-shadow:var(--tm-ring) !important;
}

body.tm-saas .tm-preview-dot,
body.tm-saas .tm-stat-icon,
body.tm-saas .tm-step-icon,
body.tm-saas .tm-msg-avatar,
body.tm-saas .tm-pricing-badge,
body.tm-saas .tm-price-savings,
body.tm-saas .tm-pro-feature-icon,
body.tm-saas .tm-mini-faq-icon,
body.tm-auth .tm-auth-icon{
  background:rgba(37,99,235,.12) !important;
  border-color:rgba(37,99,235,.22) !important;
  color:var(--main-color) !important;
}
body.tm-saas .tm-preview-dot{
  background:linear-gradient(135deg,#2563EB,#06B6D4) !important;
}
body.tm-saas .tm-price-savings,
body.tm-saas .tm-pricing-badge{
  color:#64748B !important;
}
body.tm-saas .tm-mode-inbox #inbox .tm-msg-item.is-unread{
  box-shadow:inset 3px 0 0 var(--color1) !important;
}
body.tm-saas .tm-mode-inbox #inbox .tm-msg-link:hover,
body.tm-saas .tm-mode-inbox #inbox .tm-msg-item:hover{
  background:rgba(37,99,235,.05) !important;
}
body.tm-saas .tm-hero-cta .btn,
body.tm-saas .tm-home-preview .btn,
body.tm-saas .tm-pricing-card .btn,
body.tm-auth .card .btn,
body.tm-saas .tm-cookie__btn--primary,
body.tm-saas .tm-cookie-modal__save{
  background:var(--color1) !important;
  color:var(--main-color) !important;
}
body.tm-saas .tm-cookie__btn--primary:hover,
body.tm-saas .tm-cookie-modal__save:hover{
  background:#06B6D4 !important;
  color:var(--main-color) !important;
}


/* Restore classic TempMy logo + original lemon primary */
.tm-header__brand,
.tm-header__brandText{
  direction:ltr !important;
  unicode-bidi:isolate !important;
}
.tm-header__brand{
  gap:10px !important;
}
.tm-header__brandIcon{
  width:26px !important;
  height:26px !important;
  flex:0 0 auto;
}
.tm-header__brandMark{
  display:none !important;
}
body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item),
body.tm-auth a:not(.btn):not(.tm-header__brand):not(.dropdown-item){
  color:var(--color1) !important;
}
body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item):hover,
body.tm-auth a:not(.btn):not(.tm-header__brand):not(.dropdown-item):hover{
  color:var(--color1) !important;
}
body.tm-saas .tm-iconbtn--primary,
body.tm-auth .tm-iconbtn--primary,
body.tm-saas .btn-1,
body.tm-auth .btn-1,
body.tm-saas .btn-primary,
body.tm-auth .btn-primary,
body.tm-saas .tm-copy-btn--sticky,
body.tm-saas .tm-refresh-btn{
  background:var(--color1) !important;
  border-color:var(--color1) !important;
  color:var(--tm-on-primary,#111) !important;
  box-shadow:0 16px 34px rgba(var(--color1-rgb),.24) !important;
}
body.tm-saas .tm-iconbtn--primary i,
body.tm-auth .tm-iconbtn--primary i,
body.tm-saas .btn-1 i,
body.tm-auth .btn-1 i,
body.tm-saas .btn-primary i,
body.tm-auth .btn-primary i{
  color:inherit !important;
}

.tm-header__brandMy::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   TempMy tweak 02
   Restore classic SVG logo + legacy lemon primary accent
   ========================================================= */
:root{
  --tm-primary: var(--color1) !important;
  --tm-primary-rgb: var(--color1-rgb) !important;
  --tm-accent: #06B6D4 !important;
  --tm-accent-rgb: 6,182,212 !important;
  --tm-accent-soft: rgba(var(--color1-rgb), .14) !important;
  --tm-ring: 0 0 0 .26rem rgba(var(--color1-rgb), .18) !important;
}

.tm-header__brand{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  direction:ltr !important;
  text-decoration:none !important;
}
.tm-header__brandMark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  flex:0 0 auto !important;
}
.tm-header__brandIcon{
  width:24px !important;
  height:24px !important;
  display:block !important;
}
.tm-header__brandText{
  display:inline-flex !important;
  align-items:baseline !important;
  flex-direction:row !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  font-size:18px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.tm-header__brandTemp{color:var(--main-color) !important;}
.tm-header__brandMy{
  color:var(--color1) !important;
  position:static !important;
}
.tm-header__brandMy::after{
  display:none !important;
  content:none !important;
}
@media (max-width:360px){
  .tm-header__brandText{font-size:16px !important;}
}

body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item),
body.tm-auth a:not(.btn):not(.tm-header__brand):not(.dropdown-item){
  color:#2563EB !important;
}
body.tm-saas a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):not(.tm-mobile-nav__item):hover,
body.tm-auth a:not(.btn):not(.tm-header__brand):not(.dropdown-item):hover{
  color:#2563EB !important;
}

body.tm-saas .tm-iconbtn--primary,
body.tm-auth .tm-iconbtn--primary,
body.tm-saas .btn-1,
body.tm-auth .btn-1,
body.tm-saas .btn-primary,
body.tm-auth .btn-primary,
body.tm-saas .tm-copy-btn,
body.tm-saas .tm-copy-btn--sticky,
body.tm-saas .tm-home-preview-refresh,
body.tm-saas .tm-refresh-btn,
body.tm-saas .tm-cookie__btn--primary,
body.tm-auth .tm-cookie__btn--primary,
body.tm-saas .tm-cookie-modal__save,
body.tm-auth .tm-cookie-modal__save{
  background:var(--color1) !important;
  border-color:var(--color1) !important;
  color:var(--tm-on-primary,#111) !important;
  box-shadow:0 16px 34px rgba(var(--color1-rgb),.24) !important;
}
body.tm-saas .tm-iconbtn--primary:hover,
body.tm-auth .tm-iconbtn--primary:hover,
body.tm-saas .btn-1:hover,
body.tm-auth .btn-1:hover,
body.tm-saas .btn-primary:hover,
body.tm-auth .btn-primary:hover,
body.tm-saas .tm-copy-btn:hover,
body.tm-saas .tm-home-preview-refresh:hover,
body.tm-saas .tm-refresh-btn:hover,
body.tm-saas .tm-cookie__btn--primary:hover,
body.tm-auth .tm-cookie__btn--primary:hover,
body.tm-saas .tm-cookie-modal__save:hover,
body.tm-auth .tm-cookie-modal__save:hover{
  background:#06B6D4 !important;
  border-color:#06B6D4 !important;
  color:var(--tm-on-primary,#111) !important;
}
body.tm-saas .tm-iconbtn--primary i,
body.tm-auth .tm-iconbtn--primary i,
body.tm-saas .btn-1 i,
body.tm-auth .btn-1 i,
body.tm-saas .btn-primary i,
body.tm-auth .btn-primary i,
body.tm-saas .tm-copy-btn i,
body.tm-saas .tm-home-preview-refresh i,
body.tm-saas .tm-refresh-btn i{
  color:inherit !important;
  background:rgba(255,255,255,.28) !important;
}
body.tm-saas .tm-iconbtn:not(.tm-iconbtn--primary) i,
body.tm-auth .tm-iconbtn:not(.tm-iconbtn--primary) i,
body.tm-saas .btn-outline-primary i,
body.tm-auth .btn-outline-primary i,
body.tm-saas .btn-outline-secondary i{
  background:rgba(var(--color1-rgb), .12) !important;
  color:var(--main-color) !important;
}
body.tm-saas .tm-iconbtn:hover:not(.tm-iconbtn--primary),
body.tm-auth .tm-iconbtn:hover:not(.tm-iconbtn--primary),
body.tm-saas .btn-outline-primary:hover,
body.tm-auth .btn-outline-primary:hover,
body.tm-saas .btn-outline-secondary:hover{
  background:rgba(var(--color1-rgb), .06) !important;
  border-color:rgba(var(--color1-rgb), .22) !important;
  color:var(--main-color) !important;
}

.tm-header__langMenu .dropdown-item.active,
.tm-header__langMenu .dropdown-item:active{
  background:rgba(var(--color1-rgb),.12) !important;
}
.tm-header__langMenu .dropdown-item:hover{
  background:rgba(var(--color1-rgb),.06) !important;
}

body.tm-saas .home.tm-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--color1-rgb),.20), transparent 18%),
    radial-gradient(circle at 82% 22%, rgba(6,182,212,.18), transparent 16%),
    linear-gradient(135deg, #161a1d 0%, #20262b 42%, #2a333c 100%) !important;
}
body.tm-saas .tm-home-preview-input:focus,
body.tm-saas .tm-email-input:focus,
body.tm-saas input:focus,
body.tm-auth input:focus,
body.tm-auth textarea:focus,
body.tm-saas textarea:focus,
body.tm-saas select:focus{
  border-color:rgba(var(--color1-rgb),.45) !important;
  box-shadow:var(--tm-ring) !important;
}

body.tm-saas .tm-preview-pill{
  background:rgba(var(--color1-rgb),.10) !important;
  color:#2563EB !important;
  border-color:rgba(var(--color1-rgb),.16) !important;
}
body.tm-saas .tm-preview-pill.tm-preview-pill--muted{
  background:rgba(var(--color1-rgb),.14) !important;
  color:#1E3A8A !important;
  border-color:rgba(var(--color1-rgb),.18) !important;
}
body.tm-saas .tm-preview-dot{
  background:linear-gradient(135deg,var(--color1),#06B6D4) !important;
}
body.tm-saas .tm-preview-line{
  background:linear-gradient(90deg, rgba(var(--color1-rgb),.12), rgba(var(--color1-rgb),.04)) !important;
}

body.tm-saas .tm-step-icon,
body.tm-saas .tm-highlight-icon,
body.tm-saas .tm-feature-icon,
body.tm-saas .tm-pro-feature-icon,
body.tm-saas .tm-mini-faq-icon,
body.tm-saas .tm-msg-avatar,
body.tm-auth .tm-auth-icon{
  background:rgba(var(--color1-rgb),.12) !important;
  border-color:rgba(var(--color1-rgb),.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 12px 24px rgba(var(--color1-rgb),.10) !important;
  color:#2563EB !important;
}
body.tm-saas .tm-highlight-icon i,
body.tm-saas .tm-feature-icon i,
body.tm-saas .tm-step-icon i,
body.tm-saas .tm-step-icon,
body.tm-saas .tm-faq-search::before{
  color:#2563EB !important;
}
body.tm-saas .tm-price-savings{
  background:rgba(var(--color1-rgb),.16) !important;
  color:#1E3A8A !important;
}
body.tm-saas .tm-feature-list li::before{
  background:rgba(var(--color1-rgb),.12) !important;
  border:1px solid rgba(var(--color1-rgb),.18) !important;
  color:#1E3A8A !important;
}
body.tm-saas .tm-compare-table thead th{
  background:rgba(var(--color1-rgb),.08) !important;
}

body.tm-mode-inbox #inbox .tm-current-email{
  background:linear-gradient(180deg, rgba(var(--color1-rgb),.06), rgba(6,182,212,.05)) !important;
  border-color:rgba(var(--color1-rgb),.16) !important;
}
body.tm-mode-inbox #inbox .tm-pill{
  background:rgba(var(--color1-rgb),.06) !important;
  border-color:rgba(var(--color1-rgb),.12) !important;
}
body.tm-mode-inbox #inbox .tm-msg-item.is-unread{
  box-shadow:inset 3px 0 0 var(--color1) !important;
}
body.tm-mode-inbox #inbox .tm-msg-link:hover,
body.tm-mode-inbox #inbox .tm-msg-item:hover{
  background:rgba(var(--color1-rgb),.05) !important;
}

body.tm-auth .tm-auth-page{
  background:
    radial-gradient(circle at 20% 14%, rgba(var(--color1-rgb),.07), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(6,182,212,.07), transparent 18%) !important;
}

/* TEMPMY_SEO_CHIPS_V1 */
.tm-seo-links{padding-top:2rem!important;padding-bottom:2rem!important}.tm-seo-links h2{font-size:clamp(1.6rem,5vw,2.4rem);margin-bottom:1rem}.tm-seo-link-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem}.tm-seo-link-list li{margin:0}.tm-seo-link-list a{display:inline-flex;align-items:center;border:1px solid rgba(178,124,27,.25);background:rgba(37,99,235,.08);border-radius: 14px;padding:.55rem .9rem;font-weight:700;text-decoration:none}.tm-seo-link-list a:hover{text-decoration:none;transform:translateY(-1px)}@media(max-width:575px){.tm-seo-links{padding-top:1.5rem!important}.tm-seo-link-list{gap:.55rem}.tm-seo-link-list a{font-size:.95rem;padding:.5rem .75rem}}

/* TEMPMY_FOOTER_SOCIAL_SVG_V1 */
.footer .nav .tm-footer-social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:.6rem;
}
.footer .nav .tm-footer-social .tm-footer-social-link{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  padding:.45rem .65rem;
  border-radius: 14px;
  line-height:1;
}
.footer .nav .tm-footer-social svg{
  width:1rem;
  height:1rem;
  fill:currentColor;
  flex:0 0 auto;
}
@media(max-width:575px){
  .footer .nav .tm-footer-social{
    width:100%;
    margin-top:.25rem;
  }
}

/* TEMPMY_FOOTER_PREMIUM_V1 — premium dark footer (brand + Product/Resources/Legal
   columns) shared across all pages via layouts/user.blade.php. Keeps the
   existing dark .footer background and copyright-text markup untouched. */
.tm-footer-premium .tm-footer-premium__top{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  padding-bottom:32px;
  text-align:left;
}
@media(min-width:768px){
  .tm-footer-premium .tm-footer-premium__top{
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:24px;
  }
}
.tm-footer-premium__logo{
  font-family:var(--tm-font-display, inherit);
  font-size:22px;
  font-weight:700;
  color:#fff;
  margin:0 0 10px;
}
/* Specificity must beat the global accessibility-contrast rule's `.footer p`
   (0,1,1) — using two classes here (0,2,0) wins outright regardless of
   stylesheet load order, no :not() chain needed since it's class+class. */
.footer .tm-footer-premium__trust{
  color:rgba(255,255,255,.65) !important;
  font-size:14px;
  line-height:1.6;
  margin:0 0 16px;
  max-width:320px;
}
/* Same accessibility rule also forces dark text on .footer .copyright-text
   (a <p>); restore the light color the dark footer background needs. */
.footer .copyright-text{
  color:rgba(255,255,255,.9) !important;
}
.tm-footer-premium__col h3{
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:rgba(255,255,255,.45);
  margin:0 0 12px;
}
.tm-footer-premium__col a{
  display:block;
  padding:5px 0;
  font-size:14px;
  text-decoration:none;
}
.tm-footer-premium .tm-footer-social{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:flex-start;
}
.tm-footer-premium .tm-footer-social .tm-footer-social-link{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  padding:.4rem .65rem;
  border-radius: 14px;
  background:rgba(255,255,255,.06);
  line-height:1;
}
.tm-footer-premium .tm-footer-social .tm-footer-social-link:hover{
  background:rgba(255,255,255,.12);
}
/* Outranks the global body.tm-saas a:not(...) link-color rule (same :not()
   chain is required to win — see TEMPMY note near .tm-home-footer-lite a:hover
   above) so footer column/social links read as light text, not blue-on-navy. */
body.tm-saas .tm-footer-premium__col a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn),
body.tm-saas .tm-footer-premium .tm-footer-social-link:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn){
  color:rgba(255,255,255,.82) !important;
}
body.tm-saas .tm-footer-premium__col a:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):hover,
body.tm-saas .tm-footer-premium .tm-footer-social-link:not(.btn):not(.tm-iconbtn):not(.dropdown-item):not(.tm-header__brand):not(.tm-skip-link):not(.tm-home-btn):hover{
  color:#fff !important;
}
.tm-footer-premium .tm-footer-social svg{
  width:1rem;
  height:1rem;
  fill:currentColor;
  flex:0 0 auto;
}
@media(max-width:575px){
  .tm-footer-premium .tm-footer-premium__top{
    gap:20px;
    padding-bottom:22px;
    text-align:center;
  }
  .tm-footer-premium__logo{
    margin-bottom:6px;
  }
  .tm-footer-premium__trust{
    max-width:none;
    margin-bottom:12px;
    margin-left:auto;
    margin-right:auto;
  }
  .tm-footer-premium__col h3{
    margin-bottom:8px;
  }
  .tm-footer-premium__col a{
    padding:3px 0;
    font-size:13.5px;
  }
  .tm-footer-premium .tm-footer-social{
    justify-content:center;
    gap:.4rem;
  }
  .tm-footer-premium .tm-footer-social .tm-footer-social-link{
    padding:.35rem .55rem;
  }
}

/* TempMy brand polish: cleaner logo/header and softer gradients */
.tm-header,
body.tm-saas .tm-header,
body.tm-auth .tm-header{
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:saturate(160%) blur(12px) !important;
  backdrop-filter:saturate(160%) blur(12px) !important;
  border-bottom:1px solid rgba(15,23,42,.07) !important;
}

.tm-header__brand{
  gap:8px !important;
}

.tm-header__brandIcon{
  width:24px !important;
  height:24px !important;
  border-radius:8px !important;
  box-shadow:0 5px 14px rgba(37,99,235,.18) !important;
}

.tm-header__brandText{
  letter-spacing:-.035em !important;
  font-weight: 800 !important;
}

.tm-header__brandMy::after{
  opacity:.38 !important;
}

/* soften over-strong section gradients */
body.tm-saas,
html{
  background:#fbfcfd !important;
}

.tm-hero,
.tm-home-hero,
.tm-section,
.tm-pricing,
.tm-auth-card,
.tm-card{
  background-blend-mode:normal !important;
}

body.tm-saas .tm-hero,
body.tm-saas .tm-home-hero{
  background:
    radial-gradient(circle at 72% 18%, rgba(37,99,235,.08), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.96)) !important;
}

body.tm-saas .tm-hero::before,
body.tm-saas .tm-home-hero::before{
  opacity:.28 !important;
}

/* TEMPMY_HERO_BADGES_PILLS_V1 — badges row had no styling at all, so spans wrapped as plain
   inline text and the last one ("Free to use") read as an orphan line. Give them pill chrome
   and let flex-wrap handle the wrap gracefully instead. */
.tm-home-hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.tm-home-hero__badges span{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius: 14px;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.18);
  color:#0F172A;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
}

body.tm-saas .tm-feature-card,
body.tm-saas .tm-trust-card,
body.tm-saas .tm-price-card,
body.tm-saas .tm-card{
  background:#fff !important;
}


/* TEMPMY_BLUE_CYAN_ROOT_FINAL_V1 */
:root,
body,
body.tm-saas {
  --color1: #2563EB !important;
  --color1-rgb: 37, 99, 235 !important;
  --tm-primary: #2563EB !important;
  --tm-primary-rgb: 37, 99, 235 !important;
  --tm-accent: #06B6D4 !important;
  --tm-accent-rgb: 6, 182, 212 !important;
  --tm-ring: 0 0 0 .26rem rgba(37, 99, 235, .18) !important;
  --tm-radius-pill: 999px !important;
}

.tm-header__brandMy {
  color: #06B6D4 !important;
}

.tm-iconbtn--primary,
.btn-primary,
.btn.btn-1,
.tm-copy-btn,
.tmx-btn--primary,
.tm-refresh-btn {
  background: linear-gradient(135deg, #2563EB, #06B6D4) !important;
  border-color: #2563EB !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(37, 99, 235, .24) !important;
}

.tm-cookie__msg a,
.tm-cookie a,
.tm-cookie__btn--ghost,
.tm-cookie__btn--outline:hover {
  color: #2563EB !important;
}

.tm-cookie__btn--primary {
  background: linear-gradient(135deg, #2563EB, #06B6D4) !important;
  color: #ffffff !important;
}

.tm-mobile-nav {
  --color1: #2563EB !important;
  --color1-rgb: 37, 99, 235 !important;
}

.tm-mobile-nav__item,
.tm-mobile-nav__item:visited,
.tm-mobile-nav__item i,
.tm-mobile-nav__item svg,
.tm-mobile-nav__item span {
  color: #64748B !important;
  fill: currentColor !important;
}

/* TEMPMY_MOBILE_NAV_ACTIVE_FIX_V1 — removed a duplicate active-state override
   that also matched :first-child unconditionally, which permanently tinted
   the Inbox tab as "active" regardless of the current page. The correct,
   already-better-designed solid-pill active style lives in
   tm-mobile-bottom-nav.css (.tm-mobile-nav__item.is-active) and now applies
   without being fought by this rule. */

.tm-mobile-more a,
.tm-mobile-more a:visited,
.tm-mobile-more__panel a,
.tm-mobile-more__panel a:visited {
  color: #2563EB !important;
}

.tm-price-currency,
.tm-pricing-card .fa-check,
.tm-pricing-card i,
.pricing .fa-check,
.pricing i.fa-check,
.fa-star,
.fa-bolt,
.fa-gem {
  color: #2563EB !important;
}

.tm-change-result__title,
.tm-premium-domains__badge,
.tmx-actions a[href*="change"],
.tmx-actions a[href*="change"] i,
.tmx-actions a[href*="change"] span {
  color: #2563EB !important;
}

/* TEMPMY_HERO_EFFECT_BRAND_FIX_V1 */
.effect-wrap .effect-2 {
  color: #2563EB !important;
}

.effect-wrap .effect-3 {
  color: #06B6D4 !important;
}

/* TEMPMY_MOBILE_VISUAL_FIX_SCROLL_OFFSET_V1 */
@media (max-width: 767.98px) {
  .tm-home-section,
  section[id],
  h1[id],
  h2[id],
  h3[id],
  .tm-page-title,
  .tm-pricing-hero,
  .tm-legal-card,
  .card[id] {
    scroll-margin-top: calc(58px + env(safe-area-inset-top) + 16px);
  }
}

/* TEMPMY_MOBILE_VISUAL_FIX_FOOTER_CONTRAST_V1 */
body.tm-saas .footer .nav a,
body.tm-auth .tm-auth-footer-links a {
  color: rgba(255, 255, 255, .82) !important;
}

/* TEMPMY_MOBILE_VISUAL_FIX_CTA_CONTRAST_V1 */
body.tm-saas .tm-home-pricing-card__actions a.tm-home-btn--primary,
body.tm-saas a.tm-home-btn--primary {
  background: linear-gradient(135deg, #1E40AF, #0E7490) !important;
  color: #ffffff !important;
}

/* TEMPMY_AUTH_BTN_HIERARCHY_V1 — "Forgot password?" is a tertiary link, not
   a primary CTA. A broad ".btn{background:var(--color1) !important}" rule
   above applies to every Bootstrap .btn (including .btn-link) and was never
   countered with a background reset, so it rendered as a solid blue pill
   identical to and overlapping the Login button. */
body.tm-auth .btn-link,
body.tm-auth .card .btn-link {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  margin-left: 10px;
}

body.tm-auth.tm-dir-rtl .btn-link,
body.tm-auth.tm-dir-rtl .card .btn-link {
  margin-left: 0;
  margin-right: 10px;
}

/* ============================================================
   TEMPMY_PAGE_PRIMITIVES_V1
   Shared building blocks so Login / Pro / New inbox match the
   Inbox page's visual language (single-elevation card, blue->cyan
   gradient primary pill, light outline secondary, compact inputs).
   Scoped to body.tm-saas so other pages are unaffected.
   ============================================================ */

body.tm-saas .tm-page-title{
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
}

body.tm-saas .tm-input{
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.14);
  background: #fff;
  font-size: 15px;
  color: #0F172A;
  transition: border-color .15s ease, box-shadow .15s ease;
}

body.tm-saas .tm-input:focus{
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 4px rgba(37,99,235,.16);
}

/* .tm-input is always paired with .form-control so Bootstrap's
   .form-control.is-invalid ~ .invalid-feedback sibling selector still
   shows validation messages; re-assert the red border here since
   body.tm-saas .tm-input otherwise outranks .form-control.is-invalid. */
body.tm-saas .tm-input.is-invalid{
  border-color: #dc3545;
}

body.tm-saas .tm-input.is-invalid:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 4px rgba(220,53,69,.16);
}

body.tm-saas .tm-card{
  border-radius: 22px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.07) !important;
}

@media (max-width: 575.98px){
  body.tm-saas .tm-page-title{ font-size: 20px; }
  body.tm-saas .tm-card{ border-radius: 18px !important; }
}

/* Field shell shared by Login and Change/New-inbox forms. .tm-form-label
   was already used as a class name on the Change page but had no CSS
   definition anywhere, so it rendered as a plain unstyled <label>. */
body.tm-saas .tm-field{
  margin-bottom: 16px;
}

body.tm-saas .tm-form-label{
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #475569;
}

body.tm-saas .tm-checkbox{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.tm-saas .tm-checkbox input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

body.tm-saas .tm-checkbox__box{
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid rgba(15,23,42,.22);
  background: #fff;
  position: relative;
  transition: background-color .15s ease, border-color .15s ease;
}

body.tm-saas .tm-checkbox__box::after{
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}

body.tm-saas .tm-checkbox input[type="checkbox"]:checked + .tm-checkbox__box{
  background: linear-gradient(135deg, #2563EB, #06B6D4);
  border-color: transparent;
}

body.tm-saas .tm-checkbox input[type="checkbox"]:checked + .tm-checkbox__box::after{
  opacity: 1;
}

body.tm-saas .tm-checkbox input[type="checkbox"]:focus-visible + .tm-checkbox__box{
  box-shadow: 0 0 0 4px rgba(37,99,235,.18);
}

body.tm-saas .tm-checkbox__label{
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
}

/* Login page: compact single-card layout, replacing the old Bootstrap
   row/col grid form (which added unused 2-column gutter spacing). */
body.tm-auth .tm-auth-card{
  max-width: 420px;
  margin: 0 auto;
}

body.tm-auth .tm-auth-card .card-body{
  padding: 28px 24px;
}

body.tm-auth .tm-auth-card__title{
  margin-bottom: 20px;
  text-align: center;
}

body.tm-auth .tm-auth-form__below{
  text-align: center;
  margin-top: 14px;
}

body.tm-auth .tm-auth-link{
  font-size: 13px;
  font-weight: 600;
  color: #64748B !important;
}

body.tm-auth .tm-auth-link:hover{
  color: #2563EB !important;
}

body.tm-auth .tm-auth-card__footer{
  margin: 18px 0 0;
  text-align: center;
  font-size: 14px;
  color: #64748B;
}

body.tm-auth .tm-auth-card__footer a{
  font-weight: 700;
  color: #2563EB;
}

/* ============================================================
   TEMPMY_TOOLTIP_V1
   Reusable accessible tooltip: hover (desktop) + tap (mobile),
   keyboard-operable, closes on Escape/outside-tap (see tm-site.js
   initTooltips()). Only the visual reveal toggles here — the
   trigger keeps aria-describedby pointing at the panel at all times.
   ============================================================ */
.tm-tooltip-wrap{
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.tm-tooltip-trigger{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 14px;
  background: rgba(37,99,235,.10);
  color: #2563EB;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
}

.tm-tooltip-trigger:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(37,99,235,.25);
}

.tm-tooltip{
  position: absolute;
  z-index: 60;
  bottom: calc(100% + 8px);
  left: 0;
  width: max-content;
  max-width: 240px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #0F172A;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: 0 12px 28px rgba(15,23,42,.22);
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
}

.tm-tooltip.is-open{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

@media (max-width: 575.98px){
  .tm-tooltip{
    left: 50%;
    transform: translate(-50%, 4px);
    max-width: min(72vw, 260px);
  }

  .tm-tooltip.is-open{
    transform: translate(-50%, 0);
  }
}

/* ============================================================
   TEMPMY_CHANGE_PAGE_V2
   "New inbox" / Change page: only ONE visible domain control. The
   native <select> stays the real submitted field (name="domain"),
   but lives invisibly over the chevron trigger instead of rendering
   as its own separate dropdown box — tapping/clicking the chevron
   (or focusing it via Tab) opens the native picker, scoped to
   whatever the search input has filtered. Typing in the search input
   never shows a second visible control.
   ============================================================ */
body.tm-saas .tm-domain-combobox{
  display: flex;
  align-items: stretch;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}

body.tm-saas .tm-domain-combobox .tm-domain-search{
  flex: 1 1 auto;
  min-width: 0;
  border: 0 !important;
  border-radius: 0 !important;
  height: 46px;
  box-shadow: none !important;
}

body.tm-saas .tm-domain-combobox .tm-domain-search:focus{
  box-shadow: none !important;
}

body.tm-saas .tm-domain-combobox__trigger{
  position: relative;
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(15,23,42,.10);
  background: rgba(248,250,252,.7);
}

body.tm-saas .tm-domain-combobox__trigger .tm-domain-select{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  border: 0;
  cursor: pointer;
}

body.tm-saas .tm-domain-combobox__chevron{
  color: #64748B;
  font-size: 13px;
  pointer-events: none;
}

body.tm-saas .tm-domain-combobox__trigger .tm-domain-select:focus + .tm-domain-combobox__chevron{
  color: #2563EB;
}

body.tm-saas .tm-domain-combobox:focus-within{
  border-color: #2563EB;
  box-shadow: 0 0 0 4px rgba(37,99,235,.16);
}

body.tm-saas .tm-domain-label-row__end{
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ============================================================
   TEMPMY_HEADER_AUTH_STATE_V1
   Make the mobile account icon visibly different when signed in
   (subtle ring + background + status dot) instead of looking
   identical to the guest icon, and add a name/email/plan summary
   block at the top of its dropdown, ahead of Profile/Settings/Logout.
   ============================================================ */
.tm-header__accountBtn--signedIn{
  background: rgba(37,99,235,.10) !important;
  border: 1px solid rgba(37,99,235,.28) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.10);
}

.tm-header__accountDot{
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 14px;
  background: #16A34A;
  border: 2px solid #fff;
  pointer-events: none;
}

body.tm-dir-rtl .tm-header__accountDot{
  right: auto;
  left: 4px;
}

.tm-header__accountSummary{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px 12px;
}

.tm-header__accountSummaryName{
  font-size: 14px;
  font-weight: 800;
  color: #0F172A;
}

.tm-header__accountSummaryEmail{
  font-size: 12px;
  color: #64748B;
  overflow-wrap: anywhere;
}

.tm-header__accountSummaryBadge{
  display: inline-flex;
  align-self: flex-start;
  margin-top: 2px;
  padding: 3px 10px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.tm-header__accountSummaryBadge.is-free{
  background: rgba(100,116,139,.12);
  color: #475569;
}

.tm-header__accountSummaryBadge.is-pro{
  background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(6,182,212,.14));
  color: #1D4ED8;
}

/* New inbox / Change page: trim vertical rhythm so the Create-inbox
   button and the "Your new email" preview aren't sitting right at the
   edge of the page-level bottom-nav safe area, and add extra clearance
   on top of that reservation since this form is one of the taller pages. */
@media (max-width: 767.98px){
  body.tm-saas .view.section-padding{
    padding-top: 18px !important;
    padding-bottom: calc(48px + env(safe-area-inset-bottom)) !important;
  }

  body.tm-saas .tm-change-form .form-group{
    margin-bottom: 14px;
  }

  body.tm-saas .tm-change-side{
    margin-top: 16px;
    gap: 10px;
  }

  body.tm-saas .tm-side-card{
    padding: 14px;
  }
}

/* Buttons: defined after the BLUE_CYAN_ROOT_FINAL block above so they
   win on equal specificity via source order, without needing to touch
   the broad .btn-primary / .btn rules other pages still depend on. */
body.tm-saas .tm-btn-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 14px;
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #2563EB, #06B6D4) !important;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
  box-shadow: 0 16px 34px rgba(37,99,235,.24) !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

body.tm-saas .tm-btn-primary:hover{
  filter: brightness(1.04);
  transform: translateY(-1px);
  color: #ffffff !important;
}

body.tm-saas .tm-btn-primary:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(37,99,235,.28) !important;
}

body.tm-saas .tm-btn-primary:disabled{
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

body.tm-saas .tm-btn-secondary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.14) !important;
  background: #ffffff !important;
  color: #0F172A !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

body.tm-saas .tm-btn-secondary:hover{
  background: rgba(15,23,42,.04) !important;
  border-color: rgba(15,23,42,.22) !important;
}

body.tm-saas .tm-btn-secondary:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(37,99,235,.16);
}

@media (max-width: 575.98px){
  body.tm-saas .tm-btn-primary--main{
    width: 100%;
    display: flex;
  }
}

body.tm-saas .tm-btn-primary--block,
body.tm-saas .tm-btn-secondary--block{
  width: 100%;
  display: flex;
}

/* Bottom-nav-safe utility: account for the fixed mobile bottom nav
   (~116px incl. its own margin, see tm-mobile-bottom-nav.css) plus the
   iOS Safari home-indicator inset, for content that isn't already
   covered by that page-level reservation (e.g. tm-auth pages, which
   render no bottom nav at all). */
.tm-bottom-safe{
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}

@media (max-width: 767.98px){
  body.tm-saas:not(.tm-auth) .tm-bottom-safe{
    padding-bottom: calc(var(--tm-fixed-nav-reserve, var(--tm-mobile-bottom-nav-reserve, 92px)) + env(safe-area-inset-bottom));
  }
}



/* TEMPMY_DESIGN_SYSTEM_V1 */
:root,
body.tm-saas{
  --tm-ds-bg:#F8FAFC;
  --tm-ds-surface:#FFFFFF;
  --tm-ds-surface-blue:#EFF6FF;
  --tm-ds-text:#0F172A;
  --tm-ds-muted:#64748B;
  --tm-ds-border:rgba(15,23,42,.10);
  --tm-ds-border-strong:rgba(37,99,235,.20);
  --tm-ds-primary:#2563EB;
  --tm-ds-primary-rgb:37,99,235;
  --tm-ds-accent:#06B6D4;
  --tm-ds-radius-sm:12px;
  --tm-ds-radius-md:18px;
  --tm-ds-radius-lg:22px;
  --tm-ds-radius-xl:26px;
  --tm-ds-pill:999px;
  --tm-ds-shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --tm-ds-shadow-sm:0 8px 22px rgba(15,23,42,.065);
  --tm-ds-shadow-md:0 16px 40px rgba(15,23,42,.095);
  --tm-ds-gradient:linear-gradient(135deg,#2563EB 0%,#06B6D4 100%);
  --tm-bg:var(--tm-ds-bg);
  --tm-surface:var(--tm-ds-surface);
  --tm-surface-2:var(--tm-ds-surface-blue);
  --tm-text:var(--tm-ds-text);
  --tm-muted:var(--tm-ds-muted);
  --tm-border:#E2E8F0;
  --tm-primary:var(--tm-ds-primary);
  --tm-primary-rgb:var(--tm-ds-primary-rgb);
  --tm-accent:var(--tm-ds-accent);
  --tm-radius-sm:var(--tm-ds-radius-sm);
  --tm-radius-md:var(--tm-ds-radius-md);
  --tm-radius-lg:var(--tm-ds-radius-lg);
  --tm-shadow-xs:var(--tm-ds-shadow-xs);
  --tm-shadow-sm:var(--tm-ds-shadow-sm);
  --tm-shadow-md:var(--tm-ds-shadow-md);
}

body.tm-saas{
  background:var(--tm-ds-bg);
  color:var(--tm-ds-text);
  text-rendering:optimizeLegibility;
}

body.tm-saas .tm-header,
body.tm-saas header.tm-header{
  border-bottom:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
}

body.tm-saas .tm-header__brandText,
body.tm-saas .tm-header__brandName{
  letter-spacing:0;
  font-weight: 800;
}

body.tm-saas .tm-btn-primary,
body.tm-saas .btn-primary,
body.tm-saas .btn.btn-1,
body.tm-saas .tm-copy-btn,
body.tm-saas .tm-iconbtn--primary{
  min-height:46px;
  border-radius:var(--tm-ds-pill) !important;
  border-color:transparent !important;
  background:var(--tm-ds-gradient) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(37,99,235,.20) !important;
  font-weight: 800;
}

body.tm-saas .tm-btn-secondary,
body.tm-saas .btn-outline-primary,
body.tm-saas .btn-outline-secondary,
body.tm-saas .tm-iconbtn:not(.tm-iconbtn--primary){
  min-height:44px;
  border-radius:var(--tm-ds-pill) !important;
  border:1px solid var(--tm-ds-border) !important;
  background:#fff !important;
  color:var(--tm-ds-text) !important;
  box-shadow:var(--tm-ds-shadow-xs);
  font-weight:850;
}

body.tm-saas .tm-feature-card,
body.tm-saas .tm-trust-card,
body.tm-saas .tm-price-card,
body.tm-saas .tm-card,
body.tm-saas .card{
  border-radius:var(--tm-ds-radius-lg);
  border-color:var(--tm-ds-border);
  box-shadow:var(--tm-ds-shadow-sm);
}

body.tm-saas .tm-chip,
body.tm-saas .tm-badge,
body.tm-saas .badge,
body.tm-saas .tm-home-hero__badges span{
  border-radius:var(--tm-ds-pill);
  border:1px solid rgba(37,99,235,.16);
  background:rgba(37,99,235,.08);
  color:#1E40AF;
  font-weight:850;
}

body.tm-saas input.form-control,
body.tm-saas select.form-control,
body.tm-saas textarea.form-control{
  border-radius:var(--tm-ds-radius-md);
  border-color:var(--tm-ds-border);
  background:#fff;
  box-shadow:var(--tm-ds-shadow-xs);
}

body.tm-saas input.form-control:focus,
body.tm-saas select.form-control:focus,
body.tm-saas textarea.form-control:focus{
  border-color:rgba(37,99,235,.42);
  box-shadow:0 0 0 .24rem rgba(37,99,235,.14);
}

body.tm-saas .tm-footer-premium__col a{
  display:block;
  width:max-content;
  max-width:100%;
  padding:5px 0;
  line-height:1.35;
}

@media (max-width:767.98px){
  body.tm-saas .tm-footer-premium__col a{
    width:auto;
    min-height:30px;
  }

  body.tm-saas .tm-btn-primary,
  body.tm-saas .tm-btn-secondary,
  body.tm-saas .btn-primary,
  body.tm-saas .btn-outline-primary,
  body.tm-saas .btn-outline-secondary{
    min-height:46px;
  }
}

/* TEMPMY_FOOTER_COPYRIGHT_DIVIDER_V1 — visual separator between nav grid and copyright */
.tm-footer-premium .container > .row{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:4px;
  padding-top:18px;
}
.tm-footer-premium .copyright-text{
  font-size:13px !important;
  text-align:center;
  margin-bottom:4px;
  color:rgba(255,255,255,.50) !important;
}
/* TEMPMY_PRODUCT_UI_REPAIR_20260625 */
body.tm-saas .tm-header,
body.tm-auth .tm-header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
}
body.tm-saas .tm-header__inner,
body.tm-auth .tm-header__inner{min-height:58px;}
body.tm-saas .tm-header__actionsScroll,
body.tm-auth .tm-header__actionsScroll{gap:3px !important;}
body.tm-saas .tm-header__actionsScroll .tm-iconbtn,
body.tm-auth .tm-header__actionsScroll .tm-iconbtn{min-height:40px;padding:8px 11px !important;border-radius:12px !important;font-size:13px;box-shadow:none !important;}
body.tm-saas .tm-header__actionsScroll .tm-iconbtn i,
body.tm-auth .tm-header__actionsScroll .tm-iconbtn i{width:1.45em;height:1.45em;background:transparent !important;}
body.tm-saas .tm-header__actionsScroll--marketing a[href="#how-it-works"],
body.tm-saas .tm-header__actionsScroll--marketing a[href="#use-cases"],
body.tm-saas .tm-header__actionsScroll--marketing a[href="#faq"]{display:none !important;}
@media (min-width:992px){
  body.tm-saas .tm-header__actionsScroll .tm-iconbtn__label,
  body.tm-auth .tm-header__actionsScroll .tm-iconbtn__label{display:inline;}
}
@media (max-width:1199.98px){
  body.tm-saas .tm-header__actionsScroll .tm-iconbtn__label,
  body.tm-auth .tm-header__actionsScroll .tm-iconbtn__label{display:none;}
}

/* TEMPMY_FULL_VISUAL_REPAIR_20260626 */
body.tm-saas,
body.tm-auth{
  --tm-muted:#475569 !important;
  --tm-border:#dbe4ef !important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 34%,#fff 100%) !important;
}

body.tm-saas .tm-header,
body.tm-auth .tm-header{
  position:sticky;
  top:0;
  z-index:1040;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 6px 20px rgba(15,23,42,.045) !important;
}

body.tm-saas .tm-header__inner,
body.tm-auth .tm-header__inner{min-height:60px;}

body.tm-saas .tm-header__brandMark,
body.tm-auth .tm-header__brandMark{
  width:40px;
  height:40px;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.8);
}

body.tm-saas .tm-header__brandText,
body.tm-auth .tm-header__brandText{
  font-size:18px !important;
  letter-spacing:0 !important;
}

body.tm-saas .tm-header__actionsScroll,
body.tm-auth .tm-header__actionsScroll{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

body.tm-saas .tm-header__actionsScroll .tm-iconbtn,
body.tm-auth .tm-header__actionsScroll .tm-iconbtn{
  min-width:40px;
  min-height:40px;
}

body.tm-saas p,
body.tm-saas li,
body.tm-saas .text-muted,
body.tm-auth p,
body.tm-auth .text-muted{color:#475569 !important;}

body.tm-saas .small,
body.tm-saas small,
body.tm-auth .small,
body.tm-auth small{color:#475569;}

body.tm-saas .card,
body.tm-auth .card{
  border-color:rgba(15,23,42,.09) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
}

body.tm-saas .btn,
body.tm-auth .btn,
body.tm-saas .tm-iconbtn,
body.tm-auth .tm-iconbtn,
body.tm-saas .tm-btn-primary,
body.tm-saas .tm-btn-secondary{min-height:44px;}

body.tm-saas .btn:focus-visible,
body.tm-auth .btn:focus-visible,
body.tm-saas .tm-iconbtn:focus-visible,
body.tm-auth .tm-iconbtn:focus-visible,
body.tm-saas .tm-btn-primary:focus-visible,
body.tm-saas .tm-btn-secondary:focus-visible{
  outline:2px solid #2563eb !important;
  outline-offset:3px;
  box-shadow:0 0 0 4px rgba(37,99,235,.16) !important;
}

body.tm-saas .tm-section--alt,
body.tm-saas .messages,
body.tm-saas .view,
body.tm-saas .blog-listing,
body.tm-saas .popular-posts{
  background:linear-gradient(180deg,#fff,#f8fafc 58%,#fff) !important;
}

body.tm-saas .tm-footer-premium{
  background:linear-gradient(180deg,#0f172a 0%,#111827 100%) !important;
  color:rgba(255,255,255,.78) !important;
  padding-top:36px !important;
  padding-bottom:calc(24px + env(safe-area-inset-bottom)) !important;
}

body.tm-saas .tm-footer-premium h1,
body.tm-saas .tm-footer-premium h2,
body.tm-saas .tm-footer-premium h3,
body.tm-saas .tm-footer-premium h4,
body.tm-saas .tm-footer-premium h5{color:#fff !important;}

body.tm-saas .tm-footer-premium p,
body.tm-saas .tm-footer-premium li,
body.tm-saas .tm-footer-premium a,
body.tm-saas .tm-footer-premium .copyright-text{color:rgba(255,255,255,.72) !important;}

body.tm-saas .tm-footer-premium a:hover{color:#fff !important;}

@media (max-width:767.98px){
  body.tm-saas,
  body.tm-auth{overflow-x:hidden;}

  body.tm-saas .tm-header__inner,
  body.tm-auth .tm-header__inner{min-height:56px;}

  body.tm-saas .tm-header__brandMark,
  body.tm-auth .tm-header__brandMark{
    width:36px;
    height:36px;
    border-radius:12px;
  }

  body.tm-saas .tm-header__brandText,
  body.tm-auth .tm-header__brandText{font-size:17px !important;}

  body.tm-saas .tm-header__actionsScroll .tm-iconbtn,
  body.tm-auth .tm-header__actionsScroll .tm-iconbtn{
    min-width:38px;
    min-height:38px;
    padding:8px !important;
  }

  body.tm-saas .tm-footer-premium{
    padding-top:30px !important;
    padding-bottom:calc(var(--tm-fixed-nav-reserve, var(--tm-mobile-bottom-nav-reserve, 92px)) + 28px + env(safe-area-inset-bottom)) !important;
  }

  body.tm-saas .tm-footer-premium__col{margin-bottom:18px;}

  body.tm-saas .tm-footer-premium__col a{
    min-height:36px;
    padding:7px 0;
    font-size:14px;
  }
}

/* TEMPMY_PRICING_FEATURE_ICONS_SAFE_20260626 */
body.tm-saas .tm-feature-list {
  list-style: none !important;
  padding: 0 !important;
}

body.tm-saas .tm-feature-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 10px 0 !important;
  padding: 0 !important;
}

body.tm-saas .tm-feature-list li::before {
  content: none !important;
  display: none !important;
}

body.tm-saas .tm-feature-list li i.fa-check {
  color: var(--color1, #2563EB) !important;
  font-size: 14px !important;
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}

/* TM UIUX HOTFIX AD COLUMNS START */
.row > .col-md-2:empty {
    display: none !important;
}

.row > .col-md-8:only-child,
.row > .col-lg-8:only-child,
.row > .col-xl-8:only-child {
    flex: 0 0 100% !important;
    max-width: min(100%, 980px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.tm-ad-side {
    overflow: hidden;
    min-width: 0;
}

.tm-ad-side iframe,
.tm-ad-side img,
.tm-ad-side ins {
    max-width: 100% !important;
}
/* TM UIUX HOTFIX AD COLUMNS END */

/* TM UIUX HOTFIX BUTTON RADIUS START */
.tm-home-btn,
.tm-home-cta,
.tm-home-cta-primary,
.tm-home-cta-secondary,
.tmx-btn,
.tmx-action,
.tm-pricing-cta,
.tm-pricing-button,
.tm-btn,
.btn-primary {
    border-radius: 14px !important;
}
/* TM UIUX HOTFIX BUTTON RADIUS END */