/* Sign-in brand for the in-page ArcGIS dialog (exb_host.py prepare, "signin" in customers/<slug>.json):
   HAMMER <product> wordmark, authority corner, frosted-glass box, company links bar.
   Per-customer values and the shadow-DOM glass layer come from signin-brand.js. Hammer-Thin.otf: branding/fonts. */
@font-face { font-family: 'Hammer'; src: url('fonts/Hammer-Thin.otf') format('opentype'); font-weight: 200; font-style: normal; font-display: swap; }
.esri-identity-modal::after { content: none !important; }
/* backdrop: the build's grid + two soft lights so the glass blur has something to work on */
.esri-identity-modal::before { background:
  radial-gradient(520px 360px at 38% 46%, rgba(124,201,90,.38), transparent 70%),
  radial-gradient(560px 420px at 64% 60%, rgba(20,163,148,.45), transparent 70%),
  linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/80px 80px,
  linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/80px 80px,
  linear-gradient(160deg, #155a52 0%, #11443f 45%, #0c302c 100%) !important; }
.hc-si-word { position: fixed; left: 0; right: 0; top: max(28px, calc(50vh - 270px)); text-align: center; direction: ltr;
  z-index: 10; pointer-events: none; font-family: Hammer, Heebo, "Segoe UI", Arial, sans-serif; font-size: 48px; line-height: 1.1;
  letter-spacing: .01em; color: #fff; }
.hc-si-word b { font-weight: 700; }
.hc-si-word span { font-weight: 200; color: #7cc95a; }
.hc-si-corner { position: fixed; top: 22px; left: 26px; z-index: 10; display: flex; align-items: center; gap: 12px; direction: ltr;
  pointer-events: none; color: #fff; font-family: Hammer, Heebo, "Segoe UI", Arial, sans-serif; }
.hc-si-corner img { height: 56px; width: auto; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
.hc-si-corner > div { direction: rtl; text-align: left; }
.hc-si-corner .t1 { font-size: 17px; font-weight: 500; line-height: 1.3; }
.hc-si-corner .t2 { font-size: 13px; font-weight: 400; opacity: .75; line-height: 1.3; direction: ltr; }
/* the ESRI box: Calcite design variables (the glass background itself is set inside its shadow DOM by the script) */
.esri-identity-modal calcite-dialog, .esri-identity-modal.calcite-mode-light calcite-dialog {
  --calcite-dialog-size-x: 420px; --calcite-dialog-corner-radius: 20px; --calcite-panel-corner-radius: 20px;
  --calcite-dialog-border-color: transparent; --calcite-panel-border-color: transparent;
  --calcite-dialog-heading-text-color: #fff; --calcite-panel-heading-text-color: #fff;
  --calcite-dialog-content-space: 18px 24px 8px; --calcite-panel-content-space: 18px 24px 8px;
  --calcite-dialog-footer-space: 14px 24px; --calcite-panel-footer-space: 14px 24px;
  --calcite-dialog-header-action-background-color: transparent; --calcite-panel-header-action-background-color: transparent;
  --calcite-dialog-header-action-background-color-hover: rgba(255,255,255,.12); --calcite-panel-header-action-background-color-hover: rgba(255,255,255,.12);
  --calcite-dialog-header-action-background-color-press: rgba(255,255,255,.18); --calcite-panel-header-action-background-color-press: rgba(255,255,255,.18);
  --calcite-dialog-header-action-text-color: rgba(255,255,255,.85); --calcite-panel-header-action-text-color: rgba(255,255,255,.85);
  --calcite-dialog-header-action-text-color-press: #fff; --calcite-panel-header-action-text-color-press: #fff; }
.esri-identity-modal calcite-label { --calcite-label-text-color: #fff; --calcite-label-margin-bottom: 14px; font-weight: 500; }
.esri-identity-modal calcite-input { --calcite-input-corner-radius: 10px; --calcite-input-background-color: rgba(255,255,255,.92);
  --calcite-input-border-color: rgba(255,255,255,.5); --calcite-input-text-color: #13302c; }
.esri-identity-modal calcite-button { --calcite-button-corner-radius: 10px; }
.esri-identity-modal calcite-button[appearance="solid"] { --calcite-button-background-color: #7cc95a; --calcite-button-text-color: #0c302c; }
.esri-identity-modal calcite-button[appearance="outline"] { --calcite-button-border-color: rgba(255,255,255,.6);
  --calcite-button-text-color: #fff; --calcite-button-background-color: transparent; }
.esri-identity-modal .esri-identity-modal__info::before { color: rgba(255,255,255,.82) !important; }
/* the app's own tool bar does nothing before sign-in: hide it while the dialog is up (class set by the script) */
html.hc-signin .hc-svc { visibility: hidden !important; }
html:not(.hc-signin) .hc-si-word, html:not(.hc-signin) .hc-si-corner, html:not(.hc-signin) .hc-si-links { display: none !important; }
/* company links bar (LinkedIn, YouTube, Instagram, website, contact) in the same glass as the app's bar */
.hc-si-links { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 10; display: flex; align-items: center;
  gap: 4px; padding: 6px 8px; border-radius: 999px; direction: rtl;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07));
  -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.2), 0 14px 30px -16px rgba(0,0,0,.6); }
.hc-si-links a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 40px; height: 40px;
  padding: 0 10px; border-radius: 999px; color: #fff; text-decoration: none;
  font: 500 15px/1 Hammer, Heebo, "Segoe UI", Arial, sans-serif; }
.hc-si-links a:hover { background: rgba(255,255,255,.14); }
.hc-si-links a:focus-visible { outline: 2px solid #7cc95a; outline-offset: 2px; }
.hc-si-links svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.hc-si-links .sep { width: 1px; height: 22px; margin: 0 4px; background: rgba(255,255,255,.25); }
.hc-si-links a.contact { padding: 0 14px; background: rgba(124,201,90,.22); }
.hc-si-links a.contact:hover { background: rgba(124,201,90,.36); }