@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@500;600;700;800&display=swap');

/* assets/auth-sunset.css — направление «Сансет» для входа/регистрации: login.php,
   complete-profile.php (анкета после звонка), edit-profile.php (редактирование). Общий файл —
   все три делят карточку .tm-card + .tm-field формы. Подключается только здесь через $tm_extra_head. */

:root{
  --sun-coral:#ff6f59; --sun-pink:#ff3d7a; --sun-gold:#ffb648;
  --sun-paper:#fffaf6; --sun-ink:#2c1720; --sun-soft:#8a7178; --sun-line:#f3e3df;
}

body{ background:var(--sun-paper); }
.tm-topbar{ background:var(--sun-paper); border-bottom-color:var(--sun-line); }
.tm-logo{ font-family:'Golos Text',sans-serif; font-weight:700; color:var(--sun-ink); }
.tm-nav a{ color:var(--sun-soft); }
.tm-nav a:hover{ background:#fff; color:var(--sun-ink); }
.tm-nav a.active{ background:#fff; color:var(--sun-pink); }
.tm-nav-badge{ background:var(--sun-pink); }
.tm-search-link::before{ background:var(--sun-line); }
.tm-search-link:hover{ background:#fff; }
.tm-nav a.tm-nav-highlight{ background:#fff; color:var(--sun-pink); box-shadow:0 0 0 1px var(--sun-line) inset; }
.tm-nav a.tm-nav-highlight:hover, .tm-nav a.tm-nav-highlight.active{ background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)); color:#fff; box-shadow:none; }
.tm-consultant-btn{ background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)); }

.tm-back-link{ color:var(--sun-soft); }
.tm-back-link:hover{ color:var(--sun-pink); }

.tm-card{ background:#fff; border-color:var(--sun-line); border-radius:22px; box-shadow:0 14px 34px rgba(255,90,90,.12); }
.tm-card h1{ font-family:'Golos Text',sans-serif; font-weight:800; color:var(--sun-ink); }
.tm-card p.tm-sub{ color:var(--sun-soft); }
.tm-auth-badge{ background:linear-gradient(135deg,var(--sun-gold) 0%,var(--sun-coral) 55%,var(--sun-pink) 100%); box-shadow:0 8px 20px rgba(255,90,90,.30); }

.tm-field label{ color:var(--sun-ink); }
.tm-field input, .tm-field select, .tm-field textarea{ border-color:var(--sun-line) !important; background:var(--sun-paper) !important; color:var(--sun-ink) !important; }
.tm-field input:focus, .tm-field select:focus, .tm-field textarea:focus{ outline:none !important; border-color:var(--sun-coral) !important; }

.tm-action-btn.primary{
  background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)) !important;
  box-shadow:0 4px 14px rgba(255,61,122,.28) !important;
}
.tm-action-btn.primary:hover{ box-shadow:0 6px 20px rgba(255,61,122,.38) !important; transform:translateY(-1px); }
.tm-action-btn.neutral{ background:var(--sun-paper); color:var(--sun-soft); }
.tm-action-btn.neutral:hover{ background:var(--sun-line); color:var(--sun-ink); }

.tm-call-number{ background:var(--sun-paper); border-color:#ffd9c9; color:var(--sun-ink); }
.tm-call-number:hover{ border-color:var(--sun-coral); color:var(--sun-pink); }
.tm-call-status{ color:var(--sun-soft); }
.tm-call-spinner{ border-color:var(--sun-line); border-top-color:var(--sun-coral); }

.tm-mp-avatar-edit{ background:linear-gradient(135deg,var(--sun-coral),var(--sun-pink)); }
.tm-mp-avatar-edit:hover{ background:linear-gradient(135deg,var(--sun-pink),var(--sun-coral)); }

.tm-mp-section{ background:#fff; }
.tm-mp-section h2{ font-family:'Golos Text',sans-serif; color:var(--sun-ink); border-bottom-color:var(--sun-line); }

.tm-countries-grid--chips label{ border-color:var(--sun-line); background:#fff; color:var(--sun-soft); }
.tm-countries-grid--chips label:hover{ border-color:var(--sun-coral); color:var(--sun-pink); }
.tm-countries-grid--chips label:has(input:checked){ background:linear-gradient(90deg,var(--sun-coral),var(--sun-pink)); border-color:transparent; color:#fff; }