/* Shared public website tokens. Scoped to MASAR, never the ERP backend. */
html:root {
  --mp-navy:#042b59; --mp-orange:#ff6b1a; --mp-white:#fff;
  --mp-muted:#52677f; --mp-surface:#f5f7fa; --mp-line:#d8e0e9;
  --mp-space-1:.5rem; --mp-space-2:1rem; --mp-space-3:1.5rem;
  --mp-space-4:2rem; --mp-space-5:3rem; --mp-space-6:5rem;
  --mp-radius:.875rem; --mp-radius-card:1.25rem;
}
html body #wrapwrap :is(.masar-site,.masar-header,.masar-footer) {overflow-wrap:break-word}
html body #wrapwrap .masar-wrap {width:min(100%,1280px);max-width:1280px;margin-inline:auto;padding-inline:24px;box-sizing:border-box}
html body #wrapwrap .masar-site :is(p,li,input,select,textarea) {font-size:1rem;line-height:1.7}
html body #wrapwrap .masar-site :is(.masar-lede,.masar-prose) {max-width:70ch}
html body #wrapwrap .masar-site :is(.masar-heading,.masar-section-head__title) {font-size:clamp(2rem,3.5vw,3rem);line-height:1.2;letter-spacing:-.025em}
html[dir=rtl] body #wrapwrap .masar-site :is(h1,h2,h3,p,strong) {letter-spacing:normal!important}
html[dir=rtl] body #wrapwrap .masar-site :is(h2,h3) {line-height:1.4}
html body #wrapwrap .masar-site :is(.masar-service-card__text,.masar-service-item__text,.masar-card__text,.masar-lede) {color:var(--mp-muted)}
html body #wrapwrap .masar-site .masar-block {padding-block:var(--mp-space-5)}
html body #wrapwrap .masar-site .masar-block + .masar-block {border-top:1px solid var(--mp-line)}
html body #wrapwrap .masar-site .masar-card {border-radius:var(--mp-radius-card);padding:24px;border:1px solid var(--mp-line)}
html body #wrapwrap .masar-site .masar-hero--page {padding-block:clamp(48px,7vw,88px);min-height:0}
html body #wrapwrap .masar-site .masar-hero--page .masar-hero__title {font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.2}
html body #wrapwrap :is(.masar-site,.masar-header,.masar-footer) :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--mp-navy)!important;outline-offset:4px!important;box-shadow:0 0 0 7px #fff!important}
html body #wrapwrap :is(.masar-header,.masar-footer,.masar-band,.masar-hero) :is(a,button):focus-visible {outline-color:#fff!important;box-shadow:0 0 0 7px var(--mp-navy)!important}
html body #wrapwrap :is(.masar-btn,.masar-nav__toggle,.masar-lang__toggle) {min-height:48px;min-width:44px;border-radius:var(--mp-radius);white-space:normal}
html body #wrapwrap .masar-btn.masar-btn--primary,
html body #wrapwrap .masar-site .masar-btn.masar-btn--primary,
html body #wrapwrap .masar-pay>.masar-hero--home .masar-btn.masar-btn--primary {background:var(--mp-orange)!important;border-color:var(--mp-orange)!important;color:var(--mp-navy)!important;text-shadow:none!important}
html body #wrapwrap .masar-btn.masar-btn--primary * {color:inherit!important}
html body #wrapwrap .masar-btn.masar-btn--primary:hover {background:#ff833d!important;transform:translateY(-2px)}
html body #wrapwrap .masar-site :is(.masar-textlink,.masar-service-item__link,.masar-section-head__eyebrow) {color:var(--mp-navy)!important}
html body #wrapwrap .masar-site a.masar-textlink {min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
html body #wrapwrap .masar-site .masar-band .masar-textlink {color:#fff!important}
html body #wrapwrap .masar-service-card__content,
html body #wrapwrap .masar-service-card__body {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:100%;min-width:0;
}
html body #wrapwrap .masar-service-card__header,
html body #wrapwrap .masar-service-card__heading {
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;gap:12px;width:100%!important;min-width:0;flex:0 0 auto!important;
}
html body #wrapwrap .masar-service-card__title {flex:1 1 auto;min-width:0;margin:0;font-size:1.125rem;line-height:1.4;font-weight:800}
html body #wrapwrap .masar-service-card__text {display:block!important;width:100%!important;margin:0;font-size:1rem;line-height:1.6}
html body #wrapwrap .masar-service-item__summary {min-height:80px}
html body #wrapwrap .masar-service-item__number {font-size:.75rem}
html body #wrapwrap .masar-service-item__toggle {width:36px;height:36px}
html body #wrapwrap .masar-service-item__toggle::before,
html body #wrapwrap .masar-service-item__toggle::after {top:17px;left:11px}
html body #wrapwrap .masar-footer :is(.masar-footer__link,.masar-footer__legal-link) {display:inline-flex;align-items:center;min-height:36px;line-height:1.5;font-size:.875rem}
html body #wrapwrap .masar-site [id] {scroll-margin-top:100px}
html body #wrapwrap .masar-reveal {opacity:1!important;transform:none!important}
html body #wrapwrap .masar-skip:focus {position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:10000;transform:none;clip:auto;width:auto;height:auto;padding:12px 20px;background:#fff;color:var(--mp-navy)}
html body #wrapwrap .masar-request {padding-block:64px;background:var(--mp-surface)}
.masar-request__grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:48px;align-items:start}
.masar-request__intro h1 {font-size:clamp(2rem,4vw,3.2rem);line-height:1.2;color:var(--mp-navy)}
.masar-request__intro p {color:var(--mp-muted)}
.masar-request__form {padding:32px;background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-radius-card);box-shadow:0 16px 40px #042b5909}
.masar-request__fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.masar-field {display:flex;flex-direction:column;gap:8px;min-width:0}
.masar-field--full {grid-column:1 / -1}
.masar-field label {font-weight:700;color:var(--mp-navy);font-size:1rem}
.masar-field :is(input,select,textarea) {box-sizing:border-box;width:100%;max-width:100%;min-height:48px;border:1px solid #899bad;border-radius:10px;padding:10px 12px;background:#fff;color:var(--mp-navy);font:inherit;font-size:1rem}
.masar-field textarea {resize:vertical;min-height:150px}
.masar-field [aria-invalid=true] {border:2px solid #b42318}
.masar-field__error {color:#9b1c13;font-size:.875rem}
.masar-form-notice {padding:16px 20px;border-inline-start:4px solid var(--mp-orange);background:var(--mp-surface);border-radius:8px;margin-block:20px}
.masar-form-notice[role=alert] {border-color:#b42318}
.masar-request__form .masar-btn {margin-top:20px;width:100%;justify-content:center;font:inherit;font-weight:700;cursor:pointer}
.masar-request__form .masar-btn:disabled {opacity:.7;cursor:wait;transform:none}
.masar-honeypot {display:none!important}
.masar-page-nav {display:flex;flex-wrap:wrap;gap:8px;padding-block:24px!important}
.masar-page-nav a {padding:10px 14px;border:1px solid var(--mp-line);border-radius:999px;color:var(--mp-navy);min-height:44px;text-decoration:none}
.masar-page-nav a:hover {background:var(--mp-surface)}
.masar-help-search {display:block;margin-block:24px;max-width:40rem}
.masar-help-search input {width:100%;padding:14px;border:1px solid #899bad;border-radius:12px;font-size:1rem}
.masar-filter-status {display:block;margin-block:8px;min-height:1.5em}
@media(max-width:767.98px) {
 html body #wrapwrap .masar-wrap {padding-inline:20px}
 html body #wrapwrap .masar-site .masar-block {padding-block:32px}
 html body #wrapwrap .masar-site .masar-hero--page {padding-block:40px}
 html body #wrapwrap .masar-pay>.masar-services-showcase {padding-block:56px!important}
 html body #wrapwrap .masar-site .masar-service-item__title {font-size:1.0625rem}
 html body #wrapwrap .masar-site .masar-hero--home .masar-hero__title {font-size:clamp(2.4rem,9vw,3.25rem)!important;line-height:1.12!important;max-width:100%!important}
 .masar-request__grid,.masar-request__fields {grid-template-columns:1fr;gap:24px}
 .masar-request__form {padding:20px}
 html body #wrapwrap .masar-request {padding-block:40px}
 .masar-page-nav {gap:8px}
 html body #wrapwrap .masar-footer :is(.masar-footer__link,.masar-footer__legal-link) {min-height:44px}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto!important}
 #wrapwrap :is(.masar-site,.masar-header,.masar-footer) *,
 #wrapwrap :is(.masar-site,.masar-header,.masar-footer) *::before,
 #wrapwrap :is(.masar-site,.masar-header,.masar-footer) *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}