/* ticket-parity-privacy-modal: in-app Privacy Notice / Cookie Settings modal, same look as the Preview document viewer */
html.da-pm-lock, html.da-pm-lock body { overflow: hidden; }
.da-pm-ov { position: fixed; inset: 0; z-index: 2147482000; display: flex; align-items: center; justify-content: center; padding: 0.75rem; box-sizing: border-box; background: rgba(10, 20, 16, 0.55); }
.da-pm-box { display: flex; flex-direction: column; width: 100%; max-width: 34rem; max-height: calc(100% - 0.5rem); background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 48px rgba(10, 20, 16, 0.38), 0 2px 8px rgba(10, 20, 16, 0.18); }
.da-pm-top { flex: 0 0 auto; display: flex; align-items: center; gap: 0.6rem; box-sizing: border-box; min-height: 46px; padding: 0 10px 0 0.95rem; background: #17362c; color: #fff; }
.da-pm-title { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.95rem; font-weight: 700; color: #fff; }
/* ticket-parity-modal-close-style: same plain × as the CRM staff Preview header (maple-close.css + pipeline-panel.css) - no ring */
.da-pm-x { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin: 0 0 0 auto; padding: 0; border: 0; border-radius: 999px; background: #17362c; color: #fff; font-size: 0; line-height: 1; box-shadow: none; cursor: pointer; -webkit-tap-highlight-color: transparent; overflow: visible; }
.da-pm-x > span[aria-hidden="true"] { display: none; }
.da-pm-x::before { content: "\00d7"; display: block; font: 400 20px/1 system-ui, -apple-system, "Segoe UI", sans-serif; color: #fff; transform: translateY(-1px); }
.da-pm-x::after { content: ""; position: absolute; inset: -9px; border-radius: 999px; }
.da-pm-x:hover { background: #1f4a3c; box-shadow: none; }
.da-pm-x:focus { outline: none; }
.da-pm-x:focus-visible { background: #1f4a3d; outline: none; box-shadow: none; }
.da-pm-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 1rem 1.1rem 1.4rem; color: #2c3e37; font-size: 0.95rem; line-height: 1.5; outline: none; }
.da-pm-body:not(.da-pm-body--gsi) h2 { margin: 1.25rem 0 0.5rem; font-size: 1.02rem; color: #17362c; }
.da-pm-body:not(.da-pm-body--gsi) h2:first-of-type { margin-top: 1rem; }
.da-pm-body:not(.da-pm-body--gsi) p { margin: 0 0 0.75rem; }
.da-pm-body:not(.da-pm-body--gsi) ul { margin: 0 0 0.75rem; padding-left: 1.2rem; }
.da-pm-body:not(.da-pm-body--gsi) li { margin: 0 0 0.35rem; }
.da-pm-body:not(.da-pm-body--gsi) a { color: #1f6b47; }
.da-pm-intro { color: #4b5d56; }
.da-pm-wait { color: #17362c; text-align: center; padding: 2rem 0; }
.da-pm-linkbtn { border: 0; background: none; padding: 0; color: #1f6b47; text-decoration: underline; font: inherit; cursor: pointer; }
.da-pm-now { font-weight: 700; color: #17362c; }
.da-pm-btns { display: flex; gap: 0.6rem; margin-top: 1rem; }
.da-pm-btn { flex: 1 1 0; border: 0; border-radius: 999px; padding: 0.75rem 1rem; background: #17362c; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.da-pm-btn--sec { background: #e3ece8; color: #17362c; }
/* ticket-parity-meet-gsi-link: every Home footer link identical (Meet GSI · Privacy · Cookie Settings · Export My Data);
   dots are drawn by CSS, kept with the link that follows, vertically centred, and the row wraps on narrow phones. */
.da-home-privacy-link.da-foot-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; row-gap: 0.1rem; line-height: 1.35; }
.da-foot-links .da-foot-item { display: inline-flex; align-items: center; white-space: nowrap; }
.da-foot-links .da-foot-item[hidden] { display: none; }
.da-foot-links .da-foot-grp { display: inline-flex; align-items: center; white-space: nowrap; }
.da-foot-links .da-foot-grp + .da-foot-grp::before,
.da-foot-links .da-foot-item:not([hidden]) ~ .da-foot-item::before { content: "\00b7"; display: inline-block; margin: 0 0.45em; color: var(--da-muted, #5b6b64); font-size: 0.88rem; font-weight: 700; line-height: 1; text-decoration: none; }
.da-foot-links .da-foot-item form { display: inline-flex !important; align-items: center; margin: 0; }
.da-foot-links .da-foot-item .da-home-job-link { appearance: none; -webkit-appearance: none; display: inline-block; box-sizing: content-box; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0.35rem 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-family: inherit; font-size: 0.88rem; font-style: normal; font-weight: 500; line-height: 1.35; letter-spacing: normal; text-transform: none; color: var(--da-muted, #5b6b64); text-decoration: underline; cursor: pointer; }
/* ticket-parity-meet-gsi-link: the Home 'Meet GSI' card inside the modal body (content unchanged, card frame removed) */
.da-pm-body .da-home-gsi.da-pm-gsi { margin: 0; border: 0; box-shadow: none; border-radius: 0; background: transparent; padding: 0; max-width: none; }
.da-pm-body.da-pm-body--gsi { color: #344054; font-size: 15px; line-height: 1.5; } /* same text size/colour as the card had on Home (measured) */
/* phase 3: thin dark line at the photo's right edge = the media box's dark green background (#183029) showing through a
   sub-pixel gap beside the picture/video layers (the image files' edges are plain white - checked, not changed).
   Fix in CSS only: light background matching the photo's edge, clip, and a 1.5% over-scale so no gap can show. */
.da-pm-body .da-pm-gsi .da-home-gsi-media { background: #fdfdfd; overflow: hidden; isolation: isolate; }
.da-pm-body .da-pm-gsi .da-home-gsi-media > img, .da-pm-body .da-pm-gsi .da-home-gsi-media picture img, .da-pm-body .da-pm-gsi .da-home-gsi-media > video { transform: scale(1.015); transform-origin: center; background: #fdfdfd; }
.da-pm-body .da-pm-gsi .da-home-promo-body > p:last-child { margin-bottom: 0; }
/* phase 4: on narrow phones the footer breaks into two centred pairs (Meet GSI · Privacy / Cookie Settings · Export My Data), never a line starting with a dot */
@media (max-width: 411px) {
  .da-foot-links:has([data-da-gsi-foot]:not([hidden])) .da-foot-grp + .da-foot-grp { flex-basis: 100%; justify-content: center; }
  .da-foot-links:has([data-da-gsi-foot]:not([hidden])) .da-foot-grp + .da-foot-grp::before { content: none; display: none; }
}