/* HiringMart shared UI layer. Additive styling only; module styles remain intact. */
:root{--hm-accent:#d5a62e;--hm-navy:#101d34;--hm-ink:#182338;--hm-border:#dce3ed;--hm-focus:rgba(213,166,46,.28)}
html{scroll-behavior:smooth} body{accent-color:var(--hm-accent)}
:where(button,input[type=submit],input[type=button],.btn,a.btn){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:where(button,.btn,input[type=submit],input[type=button]){cursor:pointer}
:where(button,.btn,input[type=submit],input[type=button]):focus-visible,:where(a,input,select,textarea):focus-visible{outline:3px solid var(--hm-focus);outline-offset:2px}
:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea){max-width:100%;box-sizing:border-box}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:8px}
:where(button,.btn,input[type=submit],input[type=button]){font-weight:700}
:where(table){max-width:100%;border-collapse:collapse}
:where(th,td){overflow-wrap:anywhere}
:where(img){max-width:100%}
:where(.panel,.card,.auth-card,.stat,.plan-category,.faqitem){overflow-wrap:anywhere}
:where(.btn,button[type=submit],input[type=submit]){min-height:38px}
@media(max-width:760px){:where(.table-wrap,.wrap,.table-responsive){max-width:100%;overflow-x:auto} :where(.formgrid,.grid-2,.two-column){grid-template-columns:minmax(0,1fr)!important} :where(.topbar,.page-head,.pagehead){gap:12px;flex-wrap:wrap} :where(button,.btn,input[type=submit]){max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Consistent, accessible form rhythm across Candidate, Employer, University and Admin modules. */
:where(.field,.formgrid>div,.form-group,.form-row){min-width:0}
:where(.field label,.formgrid label,.form-group label,.form-row label){display:block;font-weight:700;color:#26364f;margin:0 0 6px}
:where(.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.formgrid input:not([type=checkbox]):not([type=radio]),.formgrid select,.formgrid textarea,.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea,.form-row input:not([type=checkbox]):not([type=radio]),.form-row select,.form-row textarea){width:100%;min-height:42px;padding:10px 12px;border:1px solid #d5deea;border-radius:9px;background:#fff;color:#182338;font:inherit;box-sizing:border-box}
:where(.field textarea,.formgrid textarea,.form-group textarea,.form-row textarea){min-height:96px;resize:vertical}
:where(.btn,button[type=submit],input[type=submit],input[type=button]){border-radius:9px;font-weight:750}
:where(.field,.formgrid>div,.form-group,.form-row){margin-bottom:10px}
@media(max-width:650px){:where(.field input,.field select,.field textarea,.formgrid input,.formgrid select,.formgrid textarea,.form-group input,.form-group select,.form-group textarea,.form-row input,.form-row select,.form-row textarea){font-size:16px}}