/* One modal look for the whole site, Apple style (owner, 7 Nov 2026: "its all modals").
   Presentation only. Open, close, focus and field code stay in each script.
   Desktop: centered card, 20px corners, soft blur behind, scale-in. Phones (600px and narrower): bottom sheet with a grabber that slides up.
   The Review and export dialog is styled by it-gpm-v1.css and is left alone. */
:root{--itm-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Helvetica Neue",Arial,sans-serif;--itm-ease:cubic-bezier(.32,.72,0,1)}
/* behind the card */
.pm-back,#itg-ov,.itq-back,.tl-back,.rm-panel,.ige-fldmodal-ovl,[class*="-fldmodal-ovl"]{background:rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);animation:itmFade .24s ease both!important}
/* the card */
.pm-sheet,#itg-box,.itq-panel,.tl-panel,.rm-card,.ige-fldmodal{position:relative;background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 24px 64px rgba(0,0,0,.28),0 0 0 .5px rgba(0,0,0,.06)!important;font-family:var(--itm-font)!important;color:#1d1d1f;animation:itmIn .3s var(--itm-ease) both!important;-webkit-font-smoothing:antialiased}
/* titles and text */
.pm-top h4,#itg-box h2,.itq-panel h2,.itq-panel h3,.tl-panel h2,.tl-panel h3,.rm-card h2,.rm-card h3,.ige-fldmodal h3{font-family:var(--itm-font);font-size:21px!important;line-height:1.19!important;font-weight:600!important;letter-spacing:.011em!important;color:#1d1d1f!important}
#itg-box p,.itq-panel p,.tl-panel p,.rm-card p,.pm-note,.ige-fldmodal p{font-size:15px;line-height:1.47;letter-spacing:-.016em;color:#6e6e73!important}
.ige-fldmodal-eyebrow{font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;color:#86868b!important}
.pm-top{border-bottom:0!important;background:#fff!important}
/* fields */
.pm-f input,.ige-fldmodal textarea,.itq-panel input,.itq-panel textarea,.itq-panel select,.tl-panel input,.tl-panel textarea,.rm-card input,.rm-card textarea,.rm-card select{font-family:var(--itm-font);font-size:17px!important;letter-spacing:-.022em;color:#1d1d1f;background:#f5f5f7!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important;transition:border-color .15s,background-color .15s}
.pm-f input:focus,.ige-fldmodal textarea:focus,.itq-panel input:focus,.itq-panel textarea:focus,.itq-panel select:focus,.tl-panel input:focus,.tl-panel textarea:focus,.rm-card input:focus,.rm-card textarea:focus,.rm-card select:focus{background:#fff!important;border-color:#c04e06!important;outline:0!important;box-shadow:0 0 0 4px rgba(192,78,6,.16)!important}
.pm-f label{font-size:13px;font-weight:500;letter-spacing:-.01em;color:#6e6e73}
/* close button: small grey circle */
.pm-x{width:30px!important;height:30px!important;border-radius:50%!important;background:rgba(0,0,0,.06)!important;color:#6e6e73!important;font-size:13px!important}
.pm-x:hover{background:rgba(0,0,0,.1)!important}
/* buttons: pills, primary orange, secondary grey */
.pm-save,.itg-btn.itg-p,.ige-fldmodal .ige-fldmodal-row button.ige-fldmodal-ok{min-height:48px;border-radius:980px!important;background:#c04e06!important;border:0!important;color:#fff!important;font-family:var(--itm-font);font-size:17px!important;font-weight:600!important;letter-spacing:-.022em;box-shadow:none!important;transition:background-color .15s,transform .15s}
.pm-save:hover,.itg-btn.itg-p:hover,.ige-fldmodal .ige-fldmodal-row button.ige-fldmodal-ok:hover{background:#a94405!important}
.pm-save:active,.itg-btn:active,.ige-fldmodal .ige-fldmodal-row button:active{transform:scale(.98)}
.itg-btn,.itg-btn:link,.itg-btn:visited,.pm-del,.ige-fldmodal .ige-fldmodal-row button{min-height:48px;border-radius:980px!important;background:#f5f5f7;border:0!important;color:#1d1d1f;font-family:var(--itm-font);font-size:17px!important;font-weight:600!important;letter-spacing:-.022em;box-shadow:none!important}
.itg-btn:hover,.pm-del:hover,.ige-fldmodal .ige-fldmodal-row button:hover{background:#e8e8ed}
.itg-btn.itg-p,.itg-btn.itg-p:link,.itg-btn.itg-p:visited{background:#c04e06!important;color:#fff!important}
#itg-box .itg-back{font-size:15px;font-weight:400;color:#06c;text-decoration:none}
#itg-box .itg-back:hover{text-decoration:underline}
.pm-del{color:#d70015!important}
/* the native editor dialog (Word, Excel, PDF and friends) */
.ie-modal::backdrop{background:rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6)}
/* phones: bottom sheet */
@media (max-width:600px){
.pm-back,#itg-ov,.itq-back,.tl-back,.rm-panel,.ige-fldmodal-ovl,[class*="-fldmodal-ovl"]{align-items:flex-end!important;justify-content:center!important;place-items:end center!important;padding:0!important}
.pm-sheet,#itg-box,.itq-panel,.tl-panel,.rm-card,.ige-fldmodal{width:100%!important;max-width:none!important;border-radius:20px 20px 0 0!important;padding-bottom:max(20px,env(safe-area-inset-bottom));animation:itmUp .42s var(--itm-ease) both!important}
.pm-sheet::before,#itg-box::before,.itq-panel::before,.tl-panel::before,.rm-card::before,.ige-fldmodal::before{content:"";display:block;width:36px;height:5px;margin:0 auto 12px;border-radius:3px;background:rgba(0,0,0,.16)}
.pm-sheet::before{position:sticky;top:6px;margin-top:6px;z-index:2}
.pm-sheet{max-height:92dvh}
}
@keyframes itmFade{from{opacity:0}to{opacity:1}}
@keyframes itmIn{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}
@keyframes itmUp{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.pm-back,#itg-ov,.itq-back,.tl-back,.rm-panel,[class*="-fldmodal-ovl"],.pm-sheet,#itg-box,.itq-panel,.tl-panel,.rm-card,.ige-fldmodal{animation:none!important}}
@media print{.pm-back,#itg-ov,.itq-back,.tl-back,.rm-panel,[class*="-fldmodal-ovl"]{display:none!important}}
