/* ChaloKaamPe shared surface consistency layer v47 */
:root{
  --ckp-bg:#f5f7fb;--ckp-surface:#fff;--ckp-surface-soft:#f8fafc;
  --ckp-text:#0f172a;--ckp-muted:#64748b;--ckp-border:#dfe6ef;
  --ckp-primary:#14145f;--ckp-primary-2:#2b44c8;--ckp-success:#087f5b;
  --ckp-warning:#9a6700;--ckp-danger:#b42318;--ckp-radius:16px;
  --ckp-shadow:0 10px 30px rgba(15,23,42,.08);
}
html{max-width:100%;overflow-x:hidden;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden;color:var(--ckp-text);background:var(--ckp-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
main,section,article,aside,header,footer,form,.layout,.content,.card,.app-card,.hero-card{min-width:0}
.card,.app-card,.hero-card,.worker-card,.portal-card,.seo-card{border:1px solid var(--ckp-border);border-radius:var(--ckp-radius);box-shadow:var(--ckp-shadow);background:var(--ckp-surface)}
input,select,textarea,button{font:inherit}
input,select,textarea{max-width:100%;border-radius:12px;border:1px solid var(--ckp-border);background:var(--ckp-surface);color:var(--ckp-text)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(43,68,200,.16);border-color:var(--ckp-primary-2)}
button,.btn,.primary,.seo-btn{min-height:42px;border-radius:12px;font-weight:750}
.alert,.worker-flash,.seo-alert{border-radius:12px;border:1px solid var(--ckp-border);box-shadow:none}
.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
table{border-collapse:separate;border-spacing:0;width:100%}
th{white-space:nowrap}
img,svg,video,canvas{max-width:100%;height:auto}
.horizontal-scroll,.job-carousel,.job-card-track,.slider,.carousel,.portal-strip{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
.horizontal-scroll>* ,.job-carousel>* ,.job-card-track>* ,.slider>* ,.carousel>*{scroll-snap-align:start}
[hidden]{display:none!important}
@media (max-width:900px){
  .layout,.grid,.grid-2,.grid-3,.grid-4,.form-grid{max-width:100%}
  .sidebar,.portal-sidebar,.seo-sidebar{max-width:min(88vw,330px)}
  .actions{flex-wrap:wrap}
  .actions .btn,.actions button{flex:0 1 auto}
}
@media (max-width:640px){
  body{font-size:15px}
  .card,.app-card,.hero-card,.worker-card,.portal-card,.seo-card{border-radius:14px}
  .table-wrap{border-radius:12px}
  button,.btn,.primary,.seo-btn{min-height:46px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}