/* CA_SITE_COMPACT_V1 + V2 (sign-in pages) - phone screens only: smaller fonts, less empty space, no stretched (justified) text.
   Loaded last in <head>. Off switch: storage/app/site-compact.off */
@media (max-width: 767px) {

/* ---------- 1. whole site ---------- */
html body p, html body ul li, html body ol li, html body dl li { text-align: inherit; }
html body .heading { font-size: 17px; line-height: 1.3; }
html body .smallHeading { font-size: 15px; line-height: 1.35; }
html body .twoliner { font-size: 13px; }

/* "Click For More" style buttons */
html body .text-center > a.btn, html body .ca-home-articles-more-wrap > a.btn, html body button.btn {
  font-size: 13px; line-height: 1.3; padding: 7px 18px; border-radius: 8px; border-width: 1.5px;
}

/* ---------- 2. home page ---------- */
html body .ca-home-hero-section > img.mobile, html body .ca-home-hero-section > .ca-home-hero-box { min-height: 200px !important; }
html body .ca-home-hero-box { padding: 14px !important; }
html body .ca-home-hero-heading { font-size: 18px !important; line-height: 1.3 !important; }
html body .ca-home-hero-subtitle { font-size: 12.5px !important; line-height: 1.45 !important; margin-top: 6px !important; }
html body .ca-home-hero-box > div.text-center { padding-top: 10px !important; }
html body .ca-home-hero-box > div.text-center > a.ca-home-job-cta { height: 38px !important; min-height: 38px !important; font-size: 13.5px !important; border-radius: 10px !important; }

/* section headings: "Latest News and Updates", "Latest Job Vacancies", "Latest Articles" */
html body main .container.pb-2.pt-5 { padding-top: 6px !important; padding-bottom: 0 !important; }
html body main h2.heading.mt-5 { margin-top: 12px !important; }
html body main .container.pb-2.pt-5 > .py-3 { padding-top: 8px !important; padding-bottom: 6px !important; }

/* news slider + list */
html body .ca-home-news-swiper .swiper-slide .p-3 { padding: 8px 4px 4px !important; }
html body .ca-home-news-swiper .swiper-slide h3 { font-size: 14px !important; line-height: 1.4 !important; margin-bottom: 4px !important; }
html body .mobile > div.p-3.mb-2 { padding: 9px 2px !important; margin-bottom: 0 !important; border-bottom-width: 1px !important; }
html body .mobile > div.p-3.mb-2 p { font-size: 13.5px !important; line-height: 1.45 !important; text-align: left !important; }
html body .mobile > div.p-3.mb-2 i p { font-size: 11.5px !important; margin-top: 2px !important; }

/* job cards on the home page */
html body .ca-job-mobile-3d { margin-bottom: 8px !important; border-radius: 12px !important; box-shadow: 0 3px 10px rgba(28,39,54,.08) !important; }
html body .ca-job-mobile-3d > a.p-4 { padding: 10px 12px 10px 15px !important; }
html body .ca-job-mobile-3d .ca-job-3d-title { font-size: 14px !important; line-height: 1.35 !important; margin-bottom: 4px !important; text-align: left !important; }
html body .ca-job-mobile-3d .ca-job-3d-company,
html body .ca-job-mobile-3d .ca-job-3d-meta,
html body .ca-job-mobile-3d .ca-job-3d-date { font-size: 12.5px !important; line-height: 1.45 !important; margin-bottom: 1px !important; text-align: left !important; }

/* "Popular Job Searches" / "Jobs by Company" / "Jobs by Role and City" chips */
html body section[aria-labelledby="ca-home-popular-job-searches"] { padding-top: 6px !important; padding-bottom: 6px !important; }
html body section[aria-labelledby="ca-home-popular-job-searches"] h2,
html body section[aria-labelledby="ca-home-popular-job-searches"] h3 { font-size: 14.5px !important; line-height: 1.3 !important; margin: 14px 0 8px !important; text-align: left !important; font-weight: 700 !important; }
html body section[aria-labelledby="ca-home-popular-job-searches"] h2 { margin-top: 4px !important; }
html body section[aria-labelledby="ca-home-popular-job-searches"] nav { justify-content: flex-start !important; gap: 6px !important; }
html body section[aria-labelledby="ca-home-popular-job-searches"] nav > a {
  font-size: 12.5px !important; line-height: 1.25 !important; padding: 5px 10px !important; border-radius: 999px !important; border-color: #d5dde7 !important; background: #fff !important;
}

/* "Why CA Samaaj?", "Quick Links", contact box */
html body main section.container.py-6 { padding-top: 10px !important; padding-bottom: 10px !important; }
html body main section.container.py-6 h3.heading { padding-top: 6px !important; padding-bottom: 4px !important; }
html body main section.container.py-6 p.paragraph { padding-top: 4px !important; padding-bottom: 4px !important; font-size: 12.5px !important; line-height: 1.55 !important; }
html body main section.container.py-6 img.w-full { max-width: 260px !important; }
html body main section.bg-action.py-6 { padding-top: 16px !important; padding-bottom: 16px !important; margin-top: 12px !important; margin-bottom: 12px !important; }
html body main section.bg-action.py-6 p.paragraph { font-size: 12px !important; line-height: 1.5 !important; padding-top: 4px !important; padding-bottom: 6px !important; margin-bottom: 4px !important; }
html body main section.bg-action.py-6 .row { gap: 8px !important; }
html body main section.bg-action.py-6 .row > div { padding: 8px 10px !important; border-radius: 10px !important; }
html body main section.bg-action.py-6 .row > div > a { display: grid !important; grid-template-columns: 40px 1fr !important; column-gap: 12px !important; align-items: center !important; text-align: left !important; }
html body main section.bg-action.py-6 .row > div img { grid-row: span 2 !important; width: 40px !important; height: 40px !important; padding: 0 !important; margin: 0 !important; }
html body main section.bg-action.py-6 .row > div h3 { text-align: left !important; padding: 0 !important; font-size: 14px !important; }
html body main section.bg-action.py-6 .row > div p { text-align: left !important; font-size: 11.5px !important; padding: 0 !important; margin: 0 !important; }
html body main section.py-6.my-6:not(.bg-action) { padding-top: 14px !important; padding-bottom: 14px !important; margin-top: 12px !important; margin-bottom: 12px !important; }
html body main section.py-6.my-6:not(.bg-action) p.paragraph { margin-bottom: 8px !important; padding-top: 4px !important; padding-bottom: 4px !important; }
html body main section.py-6.my-6 .formInput { padding: 7px 10px !important; font-size: 13px !important; }
html body main section.py-6.my-6 .mb-3 { margin-bottom: 8px !important; }
html body main section.py-6.my-6 textarea.formInput { height: 96px !important; }

/* home articles slider */
html body .ca-home-articles-section { padding: 6px 0 10px !important; }
html body .ca-home-articles-section .container.pb-2.py-3 { padding-top: 0 !important; padding-bottom: 0 !important; }
html body .ca-home-articles-shell { padding-top: 8px !important; padding-bottom: 8px !important; }
html body .ca-home-article-text { padding: 8px 4px 4px !important; }
html body .ca-home-article-text h3 { font-size: 14px !important; line-height: 1.4 !important; margin-bottom: 4px !important; }
html body .ca-home-articles-more-wrap { margin-top: 12px !important; }

/* ---------- 3. shared promo cards (home, job pages, job list) ---------- */
html body .rbc--band, html body .rmc--band, html body .cax--band { margin-top: 14px !important; margin-bottom: 14px !important; padding-left: 12px !important; padding-right: 12px !important; }
html body .rbc__in, html body .rmc__inner, html body .cax__inner { padding: 14px !important; gap: 10px !important; border-radius: 14px !important; }
html body .rbc__ey, html body .rmc__eyebrow, html body .cax__eyebrow { font-size: 10.5px !important; letter-spacing: .07em !important; margin-bottom: 4px !important; text-align: left !important; }
html body .rbc__t, html body .rmc__title, html body .cax__title { font-size: 16.5px !important; line-height: 1.3 !important; }
html body .rbc__x, html body .rmc__text, html body .cax__text { font-size: 13px !important; line-height: 1.55 !important; margin-top: 5px !important; text-align: left !important; }
html body .rbc__b, html body .rmc__btn { min-height: 0 !important; padding: 9px 14px !important; font-size: 13.5px !important; border-radius: 10px !important; box-shadow: none !important; }
html body .rbc__b svg, html body .rmc__btn svg { width: 16px !important; height: 16px !important; }
html body .cax__points { margin-top: 8px !important; gap: 4px !important; }
html body .cax__points li { font-size: 12.5px !important; line-height: 1.45 !important; padding-left: 22px !important; text-align: left !important; }
html body .cax__points li::before { width: 15px !important; height: 15px !important; top: 1px !important; background-size: 10px !important; }
html body .cax__actions { margin-top: 8px !important; gap: 6px 14px !important; }
html body .cax__badge img { width: 128px !important; height: 50px !important; margin: -5px -6px !important; }
html body .cax__more { font-size: 13px !important; }
html body .cax__note { font-size: 11.5px !important; line-height: 1.45 !important; margin-top: 6px !important; text-align: left !important; }
html body .rmc--strip .rmc__inner { padding: 12px 14px !important; }
html body .rmc--strip .rmc__title { font-size: 15.5px !important; }
html body .rmc--strip .rmc__text { font-size: 12.5px !important; }
html body .rmc--strip .rmc__btn { min-height: 0 !important; padding: 8px 14px !important; font-size: 13.5px !important; }
html body .rmc--line, html body .rbc--line { font-size: 12.5px !important; padding: 8px 11px !important; }

/* ---------- 4. newsletter + footer ---------- */
html body #subscribe_form { margin-top: 12px !important; margin-bottom: 12px !important; padding-top: 12px !important; padding-bottom: 12px !important; }
html body #subscribe_form h2 { font-size: 14.5px !important; }
html body #subscribe_form section { padding-left: 10px !important; padding-right: 10px !important; }
html body #subscribe_form p { font-size: 11.5px !important; }
html body footer.bg-action { padding-top: 6px !important; padding-bottom: 6px !important; }
html body footer.bg-action .my-5 { margin-top: 10px !important; margin-bottom: 10px !important; }
html body footer.bg-action ul { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 12px !important; }
html body footer.bg-action ul li { font-size: 12px !important; line-height: 1.35 !important; padding-top: 4px !important; padding-bottom: 4px !important; text-align: left !important; }
html body footer.bg-action .p-2 { padding: 6px 4px !important; }
html body footer.bg-action img.nav-logo { width: 84px !important; height: auto !important; }

/* ---------- 5. resume match page (/resume-match) ---------- */
html body main.rm .rm-hero { padding-top: 14px !important; gap: 14px !important; }
html body main.rm .rm-eyebrow { font-size: 10.5px !important; padding: 4px 10px !important; }
html body main.rm .rm-hero h1 { font-size: 21px !important; line-height: 1.22 !important; }
html body main.rm .rm-hero h1 em { margin-top: 2px !important; }
html body main.rm .rm-lead { font-size: 13.5px !important; line-height: 1.55 !important; margin-top: 8px !important; }
html body main.rm .rm-points { margin-top: 10px !important; gap: 6px !important; }
html body main.rm .rm-points li { font-size: 12.5px !important; line-height: 1.45 !important; padding-left: 24px !important; }
html body main.rm .rm-points li::before { width: 16px !important; height: 16px !important; }
html body main.rm #upload.rm-card { padding: 14px !important; border-radius: 14px !important; }
html body main.rm #upload.rm-card h2 { font-size: 17px !important; line-height: 1.3 !important; margin-bottom: 2px !important; }
html body main.rm #upload .rm-sub { font-size: 12.5px !important; line-height: 1.45 !important; }
html body main.rm #upload .rm-drop { padding: 14px 10px !important; margin-top: 12px !important; border-radius: 12px !important; }
html body main.rm #upload .rm-drop__icon { width: 38px !important; height: 38px !important; margin-bottom: 6px !important; }
html body main.rm #upload .rm-drop__icon svg { width: 18px !important; height: 18px !important; }
html body main.rm #upload .rm-drop__title { font-size: 14px !important; line-height: 1.35 !important; }
html body main.rm #upload .rm-drop__hint { font-size: 11.5px !important; margin-top: 3px !important; }
html body main.rm #upload .rm-consent { font-size: 11.5px !important; line-height: 1.5 !important; margin-top: 10px !important; gap: 8px !important; }
html body main.rm #upload .rm-upload-actions { margin-top: 12px !important; gap: 6px !important; }
html body main.rm #upload .rm-btn--p { font-size: 14px !important; padding: 10px 16px !important; min-height: 0 !important; border-radius: 10px !important; }
html body main.rm #upload .rm-fine { font-size: 11.5px !important; }
html body main.rm .rm-section { padding-top: 18px !important; }
html body main.rm .rm-section h2 { font-size: 17px !important; line-height: 1.3 !important; margin-bottom: 8px !important; letter-spacing: -.2px !important; }
html body main.rm .rm-section > h2::before { width: 26px !important; height: 3px !important; margin-bottom: 8px !important; }
html body main.rm .rm-steps { gap: 8px !important; margin-top: 10px !important; }
html body main.rm .rm-step { grid-template-columns: 30px minmax(0,1fr) !important; column-gap: 10px !important; padding: 11px 12px !important; border-radius: 12px !important; box-shadow: 0 1px 3px rgba(6,35,71,.05) !important; }
html body main.rm .rm-step b { width: 30px !important; height: 30px !important; font-size: 14px !important; border-radius: 9px !important; }
html body main.rm .rm-step h3 { font-size: 14.5px !important; margin: 0 0 1px !important; }
html body main.rm .rm-step p { font-size: 12.5px !important; line-height: 1.45 !important; margin: 0 !important; }
html body main.rm .rm-section[aria-labelledby="rm-privacy-title"] { margin-top: 18px !important; padding: 14px !important; border-radius: 14px !important; box-shadow: 0 1px 3px rgba(6,35,71,.05) !important; }
html body main.rm .rm-section[aria-labelledby="rm-privacy-title"]::before { width: 30px !important; height: 30px !important; margin-bottom: 8px !important; border-radius: 9px !important; background-size: 17px !important; }
html body main.rm .rm-section[aria-labelledby="rm-privacy-title"] > h2 { font-size: 16px !important; margin-bottom: 0 !important; }
html body main.rm .rm-section[aria-labelledby="rm-privacy-title"] .rm-intro { font-size: 13px !important; line-height: 1.55 !important; margin-top: 4px !important; }
html body main.rm .rm-faq details { margin-top: 6px !important; padding: 0 12px !important; border-radius: 10px !important; }
html body main.rm .rm-faq summary, html body main.rm .rm-faq details[open] summary, html body main.rm .rm-faq details[open] > summary { padding: 10px 0 !important; font-size: 13.5px !important; }
html body main.rm .rm-faq summary::after { width: 22px !important; height: 22px !important; border-radius: 7px !important; background-size: 13px !important; }
html body main.rm .rm-faq details p { font-size: 12.5px !important; line-height: 1.55 !important; padding-bottom: 10px !important; }
html body main.rm .rm-links { gap: 6px !important; }
html body main.rm .rm-links a { font-size: 12.5px !important; padding: 5px 11px !important; min-height: 0 !important; }

/* ---------- 6. job list (/job-vacancies, /jobs/...) ---------- */
html body .job-vacancies-browser { padding-top: 12px !important; padding-bottom: 20px !important; }
html body .job-vacancies-list { gap: 10px !important; }
html body .job-vacancy-card { padding: 12px !important; gap: 10px !important; border-radius: 14px !important; }
html body .job-vacancy-card__logo { width: 36px !important; height: 36px !important; border-radius: 10px !important; font-size: 15px !important; }
html body .job-vacancy-card__company { margin-top: 3px !important; }
html body .job-vacancy-badge { padding: 4px 9px !important; margin-top: 6px !important; min-height: 0 !important; font-size: 10.5px !important; }
html body .job-vacancy-card__meta { margin: 8px 0 !important; gap: 4px 12px !important; }
html body .job-vacancy-card__tags { gap: 5px !important; }
html body .job-vacancy-card__tags span { padding: 3px 8px !important; }
html body .job-vacancy-card__footer { margin-top: 10px !important; padding-top: 10px !important; gap: 10px !important; }
html body .job-vacancy-card__footer .ca-jm-foot { gap: 6px !important; }
html body .ca-jm-btn { min-height: 32px !important; height: auto !important; padding: 5px 10px !important; font-size: 12px !important; border-radius: 9px !important; }
html body .job-vacancy-card__footer .job-vacancies-button { min-height: 34px !important; padding: 7px 14px !important; font-size: 13.5px !important; border-radius: 10px !important; }
html body section.job-seo-trust, html body section.job-vacancies-about, html body section.job-seo-related { padding-top: 22px !important; padding-bottom: 22px !important; }
html body #job-vacancies-faq-title, html body #popular-job-searches-title, html body section.job-vacancies-about h2 { font-size: 18px !important; line-height: 1.3 !important; margin-bottom: 10px !important; }
html body section.job-vacancies-about p { font-size: 13px !important; line-height: 1.55 !important; }
html body .job-popular-searches__group { margin-bottom: 14px !important; }
html body .job-popular-searches__group h3 { font-size: 14px !important; margin-bottom: 8px !important; }
html body .job-popular-searches__group a { padding: 5px 10px !important; font-size: 12px !important; min-height: 0 !important; }
html body .job-vacancies-hero h1 { font-size: 18px !important; line-height: 1.25 !important; }

/* ---------- 7. job details page ---------- */
html body article.job-vacancy-detail { padding-top: 12px !important; }
html body article.job-vacancy-detail h1.ca-preview-job-title { font-size: 17px !important; line-height: 1.35 !important; }
html body article.job-vacancy-detail .job-vacancy-detail__layout { margin-top: 14px !important; gap: 14px !important; }
html body article.job-vacancy-detail .job-vacancy-detail__facts { padding: 12px 14px !important; border-radius: 14px !important; }
html body article.job-vacancy-detail .ca-job-opportunity-heading-row h2 { font-size: 17px !important; line-height: 1.3 !important; }
html body article.job-vacancy-detail dl.job-vacancy-canonical-facts > div { padding: 7px 6px 7px 40px !important; }
html body article.job-vacancy-detail dl.job-vacancy-canonical-facts dd { font-size: 13.5px !important; margin-top: 2px !important; }
html body article.job-vacancy-detail .ca-detail-extras__card > h3 { font-size: 14.5px !important; margin-bottom: 8px !important; }
html body article.job-vacancy-detail ul.ca-detail-extras__list li { font-size: 13.5px !important; line-height: 1.55 !important; margin-bottom: 4px !important; }
html body article.job-vacancy-detail .ca-detail-extras__card p { font-size: 13.5px !important; line-height: 1.6 !important; }
html body article.job-vacancy-detail a[href$="/report"] { font-size: 13.5px !important; padding: 9px 14px !important; }

/* ---------- 8. resume builder page (/resume-builder) - outside the builder itself ---------- */
html body main.rbp .rbp-hero { margin-top: 8px !important; gap: 12px !important; }
html body main.rbp #rbp-title { font-size: 20px !important; line-height: 1.2 !important; }
html body main.rbp .rbp-hero p { font-size: 13px !important; line-height: 1.55 !important; }
html body main.rbp .rbp-sec { margin-top: 22px !important; }
html body main.rbp .rbp-sec h2 { font-size: 17.5px !important; line-height: 1.3 !important; margin-bottom: 6px !important; }
html body main.rbp .rbp-lead { font-size: 13px !important; line-height: 1.55 !important; margin-bottom: 10px !important; }
html body main.rbp ol.rbp-steps { gap: 8px !important; }
html body main.rbp ol.rbp-steps > li { padding: 12px !important; }
html body main.rbp ol.rbp-steps > li h3 { font-size: 14px !important; margin-bottom: 2px !important; }
html body main.rbp ol.rbp-steps > li p, html body main.rbp .rbp-card p, html body main.rbp .rbp-card li { font-size: 12.5px !important; line-height: 1.5 !important; }
html body main.rbp .rbp-card { padding: 12px !important; }
html body main.rbp .rbp-card h3 { font-size: 14.5px !important; margin-bottom: 3px !important; line-height: 1.35 !important; }
html body main.rbp .rbp-faq summary { font-size: 13.5px !important; padding: 10px 12px !important; }
html body main.rbp .rbp-faq details p { font-size: 12.5px !important; line-height: 1.55 !important; padding: 0 12px 10px !important; }

/* ---------- 9. articles list (/articles) ---------- */
html body .ca-articles-hero { padding-top: 14px !important; padding-bottom: 16px !important; }
html body .ca-articles-hero h1 { font-size: 21px !important; line-height: 1.2 !important; }
html body .ca-articles-hero p { font-size: 13px !important; line-height: 1.55 !important; margin-top: 8px !important; }
html body .ca-articles-body { padding-top: 12px !important; }
html body .ca-section-heading h2, html body .ca-hub-section h2 { font-size: 18px !important; line-height: 1.3 !important; }
html body .ca-hub-section { margin-bottom: 24px !important; }
html body .ca-articles-grid { gap: 12px !important; }
html body .ca-article-card-body { padding: 12px !important; }
html body .ca-article-card-body h3 { font-size: 15.5px !important; line-height: 1.35 !important; margin-bottom: 4px !important; }
html body .ca-article-excerpt { font-size: 13px !important; line-height: 1.55 !important; margin-top: 4px !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; }
html body .ca-article-meta { margin-top: 8px !important; font-size: 11.5px !important; }
html body .ca-hub-explainer { padding: 14px !important; }
html body .ca-hub-explainer p { font-size: 13px !important; line-height: 1.6 !important; }
html body .ca-hub-explainer aside { padding: 14px !important; }
html body .ca-hub-explainer aside h2 { font-size: 15.5px !important; }

/* ---------- 10. one article (/articles/...) - reading text stays comfortable ---------- */
html body .article-detail__header { padding: 16px 14px 12px !important; }
html body .article-detail__header h1 { font-size: 20px !important; line-height: 1.28 !important; }
html body .article-detail__layout { padding: 14px 14px 28px !important; }
html body .article-content h2 { font-size: 18px !important; line-height: 1.3 !important; margin-top: 22px !important; margin-bottom: 8px !important; }
html body .article-content h3 { font-size: 16px !important; line-height: 1.35 !important; margin-top: 18px !important; margin-bottom: 6px !important; }
html body .article-topic-navigation { padding: 14px !important; margin-bottom: 20px !important; }
html body .article-topic-navigation h2 { font-size: 17px !important; line-height: 1.3 !important; }
html body .article-related { margin-top: 22px !important; }
html body .article-related article { padding: 14px !important; }

/* app promo strip on job pages */
html body .cax--compact { padding: 12px !important; gap: 10px !important; border-radius: 14px !important; }
html body .cax__icon { width: 34px !important; height: 34px !important; border-radius: 10px !important; }
html body .cax__ctitle { font-size: 14px !important; line-height: 1.3 !important; }
html body .cax__csub { font-size: 12.5px !important; line-height: 1.45 !important; }
html body .cax__cbtn { min-height: 0 !important; padding: 8px 14px !important; font-size: 13.5px !important; border-radius: 10px !important; }

/* ---------- 11. sign-in pages (/login, /forgot-password, /reset-password, /register) - V2 ---------- */
html body .auth-page { padding: 10px 10px 14px !important; min-height: 0 !important; }
html body .auth-shell { border-radius: 16px !important; box-shadow: 0 8px 24px rgba(3,34,69,.10) !important; }
html body .auth-brand-panel { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 9px 14px !important; min-height: 0 !important; }
html body .auth-brand-panel__logo { width: auto !important; padding: 4px 8px !important; border-radius: 9px !important; line-height: 0 !important; }
html body .auth-brand-panel__logo img { width: auto !important; height: 46px !important; }
html body .auth-panel { padding: 16px 16px 16px !important; }
html body .auth-heading { margin-bottom: 12px !important; }
html body .auth-heading .account-eyebrow { font-size: 10.5px !important; letter-spacing: .08em !important; }
html body .auth-heading h2 { font-size: 19px !important; line-height: 1.25 !important; margin: 2px 0 4px !important; }
html body .auth-heading p:last-child { font-size: 12.5px !important; line-height: 1.45 !important; }
html body .auth-provider-button { min-height: 40px !important; font-size: 13px !important; border-radius: 10px !important; }
html body .auth-provider-button img { width: 18px !important; height: 18px !important; }
html body .auth-divider { margin: 12px 0 !important; font-size: 10px !important; }
html body .auth-form { gap: 10px !important; }
html body .auth-page .account-field label, html body .auth-label-row label { font-size: 12px !important; margin-bottom: 4px !important; }
html body .auth-label-row { margin-bottom: 4px !important; }
html body .auth-link, html body .auth-switch a { font-size: 12px !important; }
html body .auth-page input[type="email"], html body .auth-page input[type="password"], html body .auth-page input[type="text"], html body .auth-page input#password, html body .auth-page select {
  min-height: 40px !important; height: 40px !important; padding-top: 8px !important; padding-bottom: 8px !important; font-size: 14px !important; border-radius: 9px !important;
}
html body .auth-check-row { min-height: 24px !important; font-size: 12px !important; }
html body .auth-submit { min-height: 42px !important; padding: 9px 14px !important; font-size: 14px !important; border-radius: 10px !important; }
html body .auth-switch { margin-top: 12px !important; font-size: 12.5px !important; }
html body .auth-footer-note { margin-top: 10px !important; font-size: 10.5px !important; }
html body .auth-validation { margin-bottom: 10px !important; padding: 9px 11px !important; font-size: 12px !important; }
html body .auth-page small, html body .auth-page .account-help, html body .auth-page .account-field p { font-size: 11px !important; line-height: 1.45 !important; margin-top: 4px !important; }

/* register (/register) - same card look as sign in */
html body.auth-body main#main-content { background: #fff !important; border: 1px solid #dce6f0 !important; border-radius: 16px !important; box-shadow: 0 8px 24px rgba(3,34,69,.10) !important; margin: 10px !important; padding: 16px !important; max-width: none !important; }
html body.auth-body main#main-content h1.heading { font-size: 19px !important; margin-bottom: 10px !important; text-align: left !important; }
html body.auth-body main#main-content label { display: block !important; font-size: 12px !important; font-weight: 700 !important; color: #263b50 !important; margin: 8px 0 4px !important; }
html body.auth-body main#main-content .formInput { height: 40px !important; padding: 8px 10px !important; font-size: 14px !important; border-radius: 9px !important; border-color: #cbd8e5 !important; }
html body.auth-body main#main-content .flex.gap-2.mb-3 { margin: 10px 0 0 !important; gap: 6px !important; }
html body.auth-body main#main-content .flex.gap-2.mb-3 .btn { padding: 5px 14px !important; font-size: 12.5px !important; border-radius: 999px !important; }
html body.auth-body main#main-content .col-span-12.text-center > .btn { margin-top: 12px !important; height: 42px !important; font-size: 14px !important; padding: 8px 14px !important; border-radius: 10px !important; }
html body.auth-body main#main-content .col-span-12.text-center > p { margin: 10px 0 0 !important; font-size: 12.5px !important; }
html body.auth-body main#main-content > .flex.mt-4 { margin-top: 10px !important; }
html body.auth-body main#main-content a.bg-primary { padding: 9px 12px !important; margin-top: 0 !important; border-radius: 10px !important; }
html body.auth-body main#main-content a.bg-primary p { font-size: 13px !important; }
}