/* Scoped compatibility styling for HMSC frontend/mobile views. */
.hmsc-frontend,.hmsc-employee-portal,.hmsc-admin-dashboard,.hmsc-mobile-dashboard{--hmsc-primary:var(--hms-primary);--hmsc-primary-dark:var(--hms-primary-dark);--hmsc-accent:var(--hms-accent);--hmsc-text:var(--hms-text);--hmsc-muted:var(--hms-muted);--hmsc-bg:var(--hms-bg);--hmsc-surface:var(--hms-surface);--hmsc-border:var(--hms-border);color:var(--hms-text)}
.hmsc-frontend .hmsc-card,.hmsc-employee-portal .hmsc-card,.hmsc-admin-dashboard .hmsc-card,.hmsc-mobile-dashboard .hmsc-card{background:var(--hms-surface);border:1px solid var(--hms-border);border-radius:var(--hms-radius,16px);box-shadow:var(--hms-shadow)}
.hmsc-frontend .hmsc-btn-primary,.hmsc-employee-portal .hmsc-btn-primary,.hmsc-admin-dashboard .hmsc-btn-primary,.hmsc-mobile-dashboard .hmsc-btn-primary{background:var(--hms-primary);border-color:var(--hms-primary);color:#fff}
.hmsc-frontend .hmsc-btn-primary:hover,.hmsc-employee-portal .hmsc-btn-primary:hover,.hmsc-admin-dashboard .hmsc-btn-primary:hover,.hmsc-mobile-dashboard .hmsc-btn-primary:hover{background:var(--hms-primary-dark);border-color:var(--hms-primary-dark)}
.hmsc-frontend input:focus,.hmsc-frontend select:focus,.hmsc-frontend textarea:focus,.hmsc-employee-portal input:focus,.hmsc-employee-portal select:focus,.hmsc-employee-portal textarea:focus{border-color:var(--hms-primary);box-shadow:0 0 0 3px rgba(var(--hms-primary-rgb),.14);outline:0}


/* v0.2.3 – generated style geometry */
.sp4-hms-framework-active button,
.sp4-hms-framework-active .button,
.sp4-hms-framework-active .wp-element-button,
.sp4-hms-framework-active input[type="submit"],
.sp4-hms-core-style-bridge .button,
.sp4-hms-core-style-bridge button{
    border-radius:var(--sp4-button-radius,var(--hms-button-radius,11px));
}


/* ================================================================
   v0.2.4 – Typography & logo design tokens
   Theme/front-end + HMSC front-end bridge
   ================================================================ */
body.sp4-hms-framework-active{
    font-family:var(--sp4-font-family,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif);
    font-size:var(--sp4-font-size-base,16px);
    line-height:var(--sp4-line-height,1.6)
}
body.sp4-hms-framework-active h1,
body.sp4-hms-framework-active h2,
body.sp4-hms-framework-active h3,
body.sp4-hms-framework-active .hmsc-employee-portal h1,
body.sp4-hms-framework-active .hmsc-employee-portal h2,
body.sp4-hms-framework-active .hmsc-employee-portal h3{
    font-family:var(--sp4-font-family,inherit);
    line-height:var(--sp4-heading-line-height,1.15);
    font-weight:var(--sp4-heading-weight,700);
    letter-spacing:var(--sp4-heading-letter-spacing,-.02em);
    text-transform:var(--sp4-heading-transform,none)
}
body.sp4-hms-framework-active h1,
body.sp4-hms-framework-active .hmsc-employee-portal h1{font-size:var(--sp4-font-size-h1,48px)}
body.sp4-hms-framework-active h2,
body.sp4-hms-framework-active .hmsc-employee-portal h2{font-size:var(--sp4-font-size-h2,36px)}
body.sp4-hms-framework-active h3,
body.sp4-hms-framework-active .hmsc-employee-portal h3{font-size:var(--sp4-font-size-h3,26px)}
body.sp4-hms-framework-active small,
body.sp4-hms-framework-active .small,
body.sp4-hms-framework-active .hmsc-muted{font-size:var(--sp4-font-size-small,14px)}
body.sp4-hms-framework-active .lead,
body.sp4-hms-framework-active .hms-lead{font-size:var(--sp4-font-size-large,20px)}
body.sp4-hms-framework-active .site-title a,
body.sp4-hms-framework-active .sp4-brand-text,
body.sp4-hms-framework-active .sp4-logo-text,
body.sp4-hms-framework-active .hmsc-brand{
    color:var(--sp4-logo-color,var(--sp4-primary,#809f6f))
}