/* JOBVY 16.51.0 — Universal Button Design System
   Low-specificity fallback styles eliminate browser-default buttons while preserving
   deliberately designed navigation, icon and component controls. */
:root{--jvb-blue:var(--jv-blue,#065cff);--jvb-blue-hover:var(--jv-blue-hover,#0348cf);--jvb-navy:var(--jv-navy,#081b3d);--jvb-line:var(--jv-line,#dce5f2);--jvb-red:var(--jv-red,#b42336);--jvb-motion:var(--jv-motion,160ms);--jvb-shadow:0 7px 18px rgba(6,92,255,.16)}
/* Universal fallback: :where() intentionally has zero specificity. Existing component design wins. */
:where(button,input[type="button"],input[type="submit"],input[type="reset"]){appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #cfdaea;border-radius:11px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%);color:var(--jvb-navy);font:700 13px/1.25 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.005em;cursor:pointer;box-shadow:0 1px 2px rgba(8,27,61,.04);transition:transform var(--jvb-motion) ease,box-shadow var(--jvb-motion) ease,border-color var(--jvb-motion) ease,background var(--jvb-motion) ease,color var(--jvb-motion) ease,opacity var(--jvb-motion) ease;user-select:none;-webkit-tap-highlight-color:transparent}
:where(button,input[type="button"],input[type="submit"],input[type="reset"]):hover:not(:disabled){transform:translateY(-1px);border-color:#aebfda;box-shadow:0 7px 18px rgba(8,27,61,.10);background:#fff}
:where(button,input[type="button"],input[type="submit"],input[type="reset"]):active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:0 2px 7px rgba(8,27,61,.09)}
:where(button,input[type="button"],input[type="submit"],input[type="reset"]):focus-visible{outline:3px solid rgba(6,92,255,.24);outline-offset:2px;border-color:var(--jvb-blue)}
:where(button,input[type="button"],input[type="submit"],input[type="reset"]):disabled{cursor:not-allowed;opacity:.52;transform:none!important;box-shadow:none!important}
/* Existing Jobvy primary/action families get one consistent motion language. */
:where(.jv-btn,.btn,.wf-save,.og-primary,.primary,.og-head-actions button,.jv16421-actions button,.jvpo-actions button,.modal-foot button){transition:transform var(--jvb-motion) ease,box-shadow var(--jvb-motion) ease,filter var(--jvb-motion) ease,background var(--jvb-motion) ease,border-color var(--jvb-motion) ease,color var(--jvb-motion) ease}
:where(.jv-btn,.btn,.wf-save,.og-primary,.og-head-actions button,.jv16421-actions button,.jvpo-actions button,.modal-foot button):hover:not(:disabled){transform:translateY(-1px)}
:where(.jv-btn,.btn,.wf-save,.og-primary,.og-head-actions button,.jv16421-actions button,.jvpo-actions button,.modal-foot button):active:not(:disabled){transform:translateY(0) scale(.985)}
/* Primary controls that previously relied on browser defaults. */
:where(button.primary,.btn.primary,.og-primary,.wf-save,input[type="submit"].primary){border-color:transparent;background:linear-gradient(135deg,var(--jvb-blue),#2478ff);color:#fff;box-shadow:var(--jvb-shadow)}
:where(button.primary,.btn.primary,.og-primary,.wf-save,input[type="submit"].primary):hover:not(:disabled){background:linear-gradient(135deg,var(--jvb-blue-hover),#1769ef);box-shadow:0 10px 24px rgba(6,92,255,.24)}
:where(button.danger,.btn.danger,.jv-btn.danger){border-color:transparent;background:var(--jvb-red);color:#fff}
/* Don't distort intentional compact/icon/navigation controls; they keep their own dimensions/design. */
:where(.jv-icon-btn,.jv-menu-toggle,.wf14-icon-btn,.og-nav-btn,.jv-header nav>button,.jv-country>button,.jv-country-menu button){box-shadow:none}
:where(.jv-icon-btn,.jv-menu-toggle,.wf14-icon-btn,.og-nav-btn,.jv-header nav>button,.jv-country>button,.jv-country-menu button):hover:not(:disabled){transform:none}
@media(max-width:600px){:where(button,input[type="button"],input[type="submit"],input[type="reset"]){min-height:44px}}
@media(prefers-reduced-motion:reduce){:where(button,input[type="button"],input[type="submit"],input[type="reset"]){transition:none!important;animation:none!important}:where(button,input[type="button"],input[type="submit"],input[type="reset"]):hover,:where(button,input[type="button"],input[type="submit"],input[type="reset"]):active{transform:none!important}}
