/* ChaloKaamPe go-live UI regression hardening — 09 Aug 2026
   Loaded last. Scope is intentionally defensive: alignment, contrast, compact logos,
   responsive wrapping and public-home cascade fixes. No workflow behaviour changes. */
:root{
  --ckp-ui-ink:#10233d;
  --ckp-ui-muted:#61738a;
  --ckp-ui-line:#dce6ef;
  --ckp-ui-navy:#06152d;
  --ckp-ui-navy-2:#0a2550;
  --ckp-ui-teal:#078b79;
  --ckp-ui-orange:#f27a18;
}
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
main,section,article,aside,header,footer,nav,form,.container,.card,.panel,.grid>*{min-width:0}
h1,h2,h3,h4,p,li,.help,.lead,.alert,.section-title,.page-title{overflow-wrap:break-word}
.badge,.pill,.chip,.tag{max-width:100%;white-space:normal;overflow-wrap:break-word}
img,svg,video,canvas{max-width:100%}
input,select,textarea,button{max-width:100%}
pre,code{max-width:100%;overflow:auto}
.table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.actions,.hero-actions,.section-title,.page-title,.footer,.footer-links{flex-wrap:wrap}
button,.btn,.topnav a{line-height:1.2;text-align:center}
.btn{white-space:normal}

/* Compact brand marks: use a clean white tile so the symbol remains visible
   on white, navy, gradient and image backgrounds. */
.brand-mark.has-brand-image,
.portal-brand-mark.has-brand-image,
.worker-brand-mark.has-brand-image,
.logo-mark.has-brand-image,
.admin-brand-mark.has-brand-image,
.employer-logo.has-brand-image,
.prelaunch-brand-mark,
.recruiter-auth-brand .logo-mark.has-brand-image,
.recruiter-login-logo-icon,
.worker-desktop-logo{
  background:#fff!important;
  border:1px solid rgba(23,48,84,.14)!important;
  box-shadow:0 7px 20px rgba(8,28,57,.13)!important;
  overflow:hidden!important;
}
.brand-mark.has-brand-image img,
.portal-brand-mark.has-brand-image img,
.worker-brand-mark.has-brand-image img,
.logo-mark.has-brand-image img,
.admin-brand-mark.has-brand-image img,
.employer-logo.has-brand-image img,
.prelaunch-brand-mark img,
.recruiter-auth-brand .logo-mark.has-brand-image img,
.recruiter-login-logo-icon img,
.worker-desktop-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:3px!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.brand,.portal-brand,.seo-brand,.admin-sidebar-brand,.employer-brand{min-width:0}
.brand>span:last-child,.portal-brand>span:last-child,.seo-brand>span:last-child{min-width:0}
.brand strong,.portal-brand strong,.seo-brand strong{overflow:hidden;text-overflow:ellipsis}
.seo-brand img{background:#fff;border:1px solid rgba(23,48,84,.14);border-radius:12px;padding:3px;object-fit:contain}

/* Public homepage: platform-refresh made the topbar light while the bespoke
   homepage remained dark. Restore one intentional visual system. */
body.public-home-body>.topbar{
  background:rgba(5,20,44,.96)!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 34px rgba(2,13,31,.20)!important;
}
body.public-home-body>.topbar .brand,
body.public-home-body>.topbar .brand strong{color:#fff!important}
body.public-home-body>.topbar .brand small{color:#c1d0e1!important}
body.public-home-body>.topbar .topnav a{
  color:#f6fbff!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
body.public-home-body>.topbar .topnav a:hover{
  background:rgba(18,200,207,.15)!important;
  border-color:rgba(18,200,207,.52)!important;
  color:#fff!important;
}
body.public-home-body>.topbar .topnav a:last-child{
  background:linear-gradient(135deg,#ff9825,#f36b19)!important;
  border-color:transparent!important;
}
.ckp-public-home,.ckp-prelaunch-home{background:linear-gradient(180deg,#06152d 0 770px,#f7fbfd 770px 100%)!important}
.ckp-home-hero{
  color:#fff!important;
  background:radial-gradient(circle at 76% 18%,rgba(115,88,255,.24),transparent 26%),radial-gradient(circle at 22% 25%,rgba(18,200,207,.17),transparent 28%),linear-gradient(135deg,#06152d 0%,#082451 57%,#071d3d 100%)!important;
}
.ckp-home-hero h1{color:#fff!important}
.ckp-home-hero-lead{color:#cbd8e8!important}
.ckp-home-trust{color:#d1deeb!important}
.ckp-home-warning{color:#ffe3c2!important;background:rgba(255,138,31,.10)!important;border-color:rgba(255,160,59,.32)!important}
.ckp-home-kicker{color:#94f4ef!important}
.ckp-home-heading h2{color:var(--ckp-ui-ink)}
.ckp-home-section.dark .ckp-home-heading h2{color:#fff}
.ckp-home-metric strong{color:#0b2a46}
.ckp-home-metric small{color:#64788d}
.ckp-home-job-company,.ckp-home-job-meta,.ckp-home-role-card p,.ckp-home-step p{overflow-wrap:break-word}

/* Public secondary pages: consistent reading width and reliable contrast. */
body.public-secondary-body>.container{width:min(1180px,100%);padding-inline:clamp(12px,2.3vw,24px)}
body.public-secondary-body .legal-page{max-width:980px;margin-inline:auto}
body.public-secondary-body .legal-page p,body.public-secondary-body .legal-page li{color:#52657b;line-height:1.72}
body.public-secondary-body .legal-page h1,body.public-secondary-body .legal-page h2,body.public-secondary-body .legal-page h3{color:#10233d}
body.public-secondary-body a:not(.btn){text-underline-offset:3px}

/* Workspace surfaces: protect long names, headings and action groups from collision. */
.admin-workspace-header,.employer-workspace-header,.portal-topbar,.worker-desktop-header,.seo-topbar{gap:12px}
.admin-page-heading,.employer-page-heading,.portal-page-title,.worker-desktop-title{min-width:0}
.admin-page-heading strong,.employer-page-heading strong,.portal-page-title strong,.worker-desktop-title strong{overflow-wrap:break-word}
.admin-header-actions,.employer-header-actions,.portal-topbar-actions{flex-wrap:wrap;justify-content:flex-end}
.admin-user-chip,.employer-user-chip,.portal-user{min-width:0;max-width:100%}
.admin-user-chip div,.employer-user-chip div,.portal-user div{min-width:0}
.admin-sidebar,.employer-sidebar,.portal-sidebar,.seo-sidebar{color:#eef5ff}
.admin-sidebar a,.employer-sidebar a,.portal-sidebar a,.seo-sidebar a{color:#dbe7f7}
.admin-sidebar a:hover,.employer-sidebar a:hover,.portal-sidebar a:hover,.seo-sidebar a:hover{color:#fff}
input::placeholder,textarea::placeholder{color:#8997aa;opacity:1}
.form-row,.grid-2,.grid-3,.grid-4{min-width:0}
.form-row>*{min-width:0}
.footer{gap:14px}
.footer-links{gap:10px 14px}

@media(max-width:900px){
  .ckp-home-hero{padding-top:44px!important}
  .ckp-home-hero h1{font-size:clamp(40px,8.7vw,62px)!important;line-height:.98!important;letter-spacing:-2.4px!important}
  .ckp-home-heading h2{font-size:clamp(29px,6vw,44px)!important;letter-spacing:-1.3px!important}
  .ckp-home-visual{max-width:680px;width:100%;margin-inline:auto}
  .ckp-home-final-inner{gap:20px}
}

@media(max-width:760px){
  /* Keep one clear public CTA instead of allowing navigation to overlap the brand. */
  body.role-public>.topbar,body.public-home-body>.topbar{align-items:center!important;gap:8px!important;padding:9px 11px!important}
  body.role-public>.topbar .brand,body.public-home-body>.topbar .brand{max-width:calc(100% - 116px)!important;flex:1 1 auto!important}
  body.role-public>.topbar .brand-mark,body.public-home-body>.topbar .brand-mark{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important}
  body.role-public>.topbar .brand>span:last-child strong,body.public-home-body>.topbar .brand>span:last-child strong{font-size:15px!important;white-space:nowrap}
  body.role-public>.topbar .brand>span:last-child small,body.public-home-body>.topbar .brand>span:last-child small{display:none!important}
  body.role-public>.topbar .topnav,body.public-home-body>.topbar .topnav{display:flex!important;flex:0 0 auto!important;max-width:none!important;overflow:visible!important;gap:0!important}
  body.role-public>.topbar .topnav a,body.public-home-body>.topbar .topnav a{display:none!important}
  body.role-public>.topbar .topnav a:last-child,body.public-home-body>.topbar .topnav a:last-child{display:inline-flex!important;align-items:center!important;min-height:39px!important;padding:8px 11px!important;font-size:11px!important;white-space:nowrap!important}

  .container{padding-inline:11px!important}
  .card,.panel,.section-card{padding:15px!important}
  .section-title,.page-title{gap:9px!important}
  .section-title h1,.page-title h1{font-size:clamp(25px,7vw,34px)!important;line-height:1.08}
  .lead{font-size:15px!important}
  .form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}
  .actions .btn,.hero-actions .btn{min-width:0}
  .admin-workspace-header,.employer-workspace-header,.portal-topbar,.worker-desktop-header{align-items:center!important}
  .admin-header-actions,.employer-header-actions,.portal-topbar-actions{gap:6px!important}
  .footer{align-items:flex-start!important;padding-inline:14px!important}
}

@media(max-width:650px){
  .ckp-home-wrap{width:min(100% - 22px,560px)!important}
  .ckp-home-section{padding:56px 0!important}
  .ckp-home-section.compact{padding:38px 0!important}
  .ckp-home-hero{padding:34px 0 48px!important}
  .ckp-home-hero h1{font-size:clamp(37px,11vw,52px)!important;letter-spacing:-2px!important}
  .ckp-home-hero-lead{font-size:15px!important;line-height:1.6!important}
  .ckp-home-actions{gap:9px!important;margin-top:22px!important}
  .ckp-home-btn{min-height:49px!important;padding:12px 15px!important;font-size:13px!important}
  .ckp-home-trust{gap:8px!important;font-size:11px!important}
  .ckp-home-warning{font-size:11px!important}
  .ckp-home-visual{min-height:455px!important}
  .ckp-home-phone{width:218px!important;height:430px!important}
  .ckp-home-float{display:none!important}
  .ckp-home-metrics{grid-template-columns:1fr 1fr!important}
  .ckp-home-metric{min-height:82px!important;padding:12px 10px!important}
  .ckp-home-metric strong{font-size:18px!important}
  .ckp-home-metric small{font-size:9px!important;line-height:1.25!important}
  .ckp-home-role-card h3{font-size:clamp(24px,8vw,30px)!important}
  .ckp-home-safety{padding:21px!important}
  .ckp-home-safety h2{font-size:clamp(27px,8vw,35px)!important}
  .ckp-home-final{padding:52px 0!important}
  .ckp-home-final h2{font-size:clamp(28px,8vw,38px)!important}
}

@media(max-width:420px){
  body.role-public>.topbar .brand>span:last-child,body.public-home-body>.topbar .brand>span:last-child{min-width:0}
  .ckp-home-metrics{grid-template-columns:1fr!important}
  .ckp-home-metric{display:flex!important;text-align:left!important;min-height:70px!important}
  .ckp-home-metric-icon{margin:0!important}
  .ckp-home-visual{min-height:420px!important}
  .ckp-home-phone{width:205px!important;height:405px!important}
  .public23-hero{padding:20px!important;border-radius:18px!important}
  body.public-secondary-body .public23-hero h1{font-size:clamp(30px,9vw,40px)!important;letter-spacing:-1.4px!important}
  .footer,.footer-links{justify-content:center;text-align:center;width:100%}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}