/* v875: "Share This Unit" / proposal share sheet - Al Asmakh brand rules (AL-ASMAKH-BRAND-RULES). Scoped to .modal-box.shx-box ONLY; loaded after css/407.
   Palette = the 12 approved tokens (defined once below, no other colour literal in this file); navy = structure, ONE sand CTA per card, blue = information/focus,
   silver = borders/disabled, status colours not used. Headline font = Seravek stack, text = Macho stack (Adobe Fonts kit not loaded yet -> Source Sans 3 / Cairo fallback).
   Remove this link to roll back to the v860 look. */
.modal-box.shx-box{
  --c-starlight:#162d4c; --c-starlight-rgb:22,45,76;
  --c-starlight-dark:#0f2036; --c-starlight-dark-rgb:15,32,54;
  --c-sand:#cea577; --c-sand-rgb:206,165,119;
  --c-sand-dark:#b8874f; --c-sand-dark-rgb:184,135,79;
  --c-sand-light:#e3c08a; --c-sand-light-rgb:227,192,138;
  --c-blue:#6483aa; --c-blue-rgb:100,131,170;
  --c-metallic:#c0c0c0; --c-metallic-rgb:192,192,192;
  --c-white:#fff; --c-white-rgb:255,255,255;
  --c-ivory:#f5f2ec; --c-grey-700:#3d4f69; --c-grey-500:#5a6c86; --c-grey-100:#eaf0f7;
  --font-head:"Seravek","Arabto","Source Sans 3","Cairo",system-ui,sans-serif;
  --font-body:"Macho","Effra Arbc","Source Sans 3","Cairo",system-ui,sans-serif;
  max-width:460px;border-radius:20px;background:var(--c-ivory)!important;border:1px solid rgba(var(--c-starlight-rgb),.14)!important;
  box-shadow:0 24px 60px -18px rgba(var(--c-starlight-dark-rgb),.55)!important;font-family:var(--font-body)!important;color:var(--c-starlight);
}
/* header: navy hero, thin sand rule, white title, sand-light subtitle */
.modal-box.shx-box .modal-head{background:linear-gradient(135deg,var(--c-starlight),var(--c-starlight-dark))!important;border:0!important;border-bottom:3px solid var(--c-sand)!important;border-radius:20px 20px 0 0!important;padding:18px 54px 16px 20px!important;position:relative}
.modal-box.shx-box .modal-head h3{margin:0!important;color:var(--c-white)!important;font:700 19px/1.25 var(--font-head)!important;letter-spacing:.2px;display:flex;align-items:center;gap:10px}
.modal-box.shx-box .modal-head h3 i{color:var(--c-sand-light)!important;font-size:17px}
.modal-box.shx-box .modal-head p{margin:5px 0 0!important;color:var(--c-sand-light)!important;font:500 14px/1.4 var(--font-body)!important}
.modal-box.shx-box .modal-head .modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--c-white-rgb),.12)!important;color:var(--c-white)!important;font-size:15px;cursor:pointer}
.modal-box.shx-box .modal-head .modal-close:hover{background:rgba(var(--c-white-rgb),.22)!important}
.modal-box.shx-box .modal-body.shx{background:var(--c-ivory)!important;padding:16px!important;gap:14px}
/* cards: white on ivory; the primary (client link) card gets a thin sand rule */
.modal-box.shx-box .shx-card{background:var(--c-white)!important;border:1px solid rgba(var(--c-starlight-rgb),.12)!important;border-radius:16px;box-shadow:0 1px 2px rgba(var(--c-starlight-rgb),.06)!important}
.modal-box.shx-box .shx-primary{border-color:rgba(var(--c-starlight-rgb),.12)!important;border-top:3px solid var(--c-sand)!important;box-shadow:0 8px 20px -12px rgba(var(--c-starlight-rgb),.35)!important}
.modal-box.shx-box .shx-lbl b{font:700 15px/1.2 var(--font-head);color:var(--c-starlight)}
.modal-box.shx-box .shx-lbl em,.modal-box.shx-box .shx-primary .shx-lbl em{font:600 12px/1.2 var(--font-body);color:var(--c-grey-500)}
/* link fields + icon buttons */
.modal-box.shx-box .shx-in{height:46px;border-radius:12px;background:var(--c-grey-100)!important;border:1px solid var(--c-metallic)!important;color:var(--c-starlight)!important;font:500 14px/1 var(--font-body)!important;letter-spacing:.1px}
.modal-box.shx-box .shx-in::placeholder{color:var(--c-grey-500);opacity:1;font-family:var(--font-body)}
.modal-box.shx-box .shx-in:focus{border-color:var(--c-blue)!important;box-shadow:0 0 0 3px rgba(var(--c-blue-rgb),.28)!important;outline:none}
.modal-box.shx-box .shx-ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:var(--c-white)!important;border:1px solid var(--c-metallic)!important;color:var(--c-starlight)!important;font-size:16px}
.modal-box.shx-box .shx-ic:not(:disabled):hover{background:var(--c-starlight)!important;border-color:var(--c-starlight)!important;color:var(--c-white)!important}
.modal-box.shx-box .shx-ic:active:not(:disabled){background:var(--c-starlight-dark)!important;color:var(--c-white)!important}
.modal-box.shx-box .shx-ic:disabled{opacity:1;background:var(--c-grey-100)!important;color:var(--c-metallic)!important;border-color:rgba(var(--c-metallic-rgb),.6)!important}
.modal-box.shx-box .shx-ic:focus-visible,.modal-box.shx-box .shx-seg label:focus-within span{outline:2px solid var(--c-blue);outline-offset:2px}
/* CTAs: sand, navy text (one per card). The "Create client link" lives in the primary card, the PDF button in the footer block. */
.modal-box.shx-box .shx-cta{height:50px;border-radius:14px;border:0!important;background:linear-gradient(135deg,var(--c-sand-light),var(--c-sand))!important;color:var(--c-starlight)!important;font:700 15px/1 var(--font-head)!important;letter-spacing:.3px;box-shadow:0 6px 16px -8px rgba(var(--c-sand-dark-rgb),.9)!important;text-transform:none!important}
.modal-box.shx-box .shx-cta i{color:var(--c-starlight)!important;font-size:15px}
.modal-box.shx-box .shx-cta:hover{background:linear-gradient(135deg,var(--c-sand),var(--c-sand-dark))!important}
.modal-box.shx-box .shx-cta:active{transform:scale(.985)}
.modal-box.shx-box .shx-cta:disabled{background:var(--c-grey-100)!important;color:var(--c-grey-500)!important;box-shadow:none!important}
.modal-box.shx-box .shx-note,.modal-box.shx-box .shx-foot{font:500 12px/1.45 var(--font-body);color:var(--c-grey-500)}
.modal-box.shx-box .shx-foot i{color:var(--c-blue)!important;font-size:12px}
/* section divider */
.modal-box.shx-box .shx-sec{font:700 12px/1 var(--font-head);letter-spacing:1.2px;color:var(--c-starlight)}
.modal-box.shx-box .shx-sec::before{background:linear-gradient(90deg,transparent,var(--c-sand))}
.modal-box.shx-box .shx-sec::after{background:linear-gradient(270deg,transparent,var(--c-sand))}
/* presenter segmented control: navy active tab, white text */
.modal-box.shx-box .shx-seg{background:var(--c-grey-100);border:1px solid rgba(var(--c-starlight-rgb),.1);border-radius:14px}
.modal-box.shx-box .shx-seg span{height:42px;font:600 14px/1 var(--font-body);color:var(--c-grey-700)}
.modal-box.shx-box .shx-seg label:has(input:checked) span{background:var(--c-starlight);color:var(--c-white);font-weight:700;box-shadow:0 4px 10px -4px rgba(var(--c-starlight-rgb),.6)}
/* identity row */
.modal-box.shx-box .shx-id{background:var(--c-white);border:1px solid rgba(var(--c-starlight-rgb),.12);border-left:3px solid var(--c-sand);border-radius:14px}
.modal-box.shx-box .shx-av{background:var(--c-starlight)!important;color:var(--c-sand-light)!important;font:700 13px/1 var(--font-head)}
.modal-box.shx-box .shx-id b{font:700 14px/1.2 var(--font-head);color:var(--c-starlight)}
.modal-box.shx-box .shx-id span:not(.shx-av){font:500 13px/1.3 var(--font-body);color:var(--c-grey-500)}
/* custom fields */
.modal-box.shx-box .shx-fields .form-row label{font:600 12px/1.2 var(--font-body);color:var(--c-grey-700)}
.modal-box.shx-box .shx-fields .form-row input{height:46px;border-radius:12px;background:var(--c-white)!important;border:1px solid var(--c-metallic)!important;color:var(--c-starlight)!important;font:500 16px/1 var(--font-body)!important}
.modal-box.shx-box .shx-fields .form-row input:focus{border-color:var(--c-blue)!important;box-shadow:0 0 0 3px rgba(var(--c-blue-rgb),.28)!important;outline:none}
@media(max-width:900px){.modal-box.shx-box .shx-in{font-size:16px!important}}
@media(max-width:380px){.modal-box.shx-box .modal-head h3{font-size:17px!important}.modal-box.shx-box .modal-body.shx{padding:12px!important}}