/* ============================================================
   GLAZZEN — SHARED THEME TOKENS (single source of truth)
   Linked by every customer quote page. Change colors, radius,
   shadows, etc. HERE ONCE and all pages update together.
   A page may add its own <style> AFTER this file to override
   these tokens or add product-specific rules.
   ============================================================ */
/* Always reserve the vertical scrollbar so the page width never changes when content
   grows tall enough to overflow — prevents the horizontal "jump" as steps open. */
html { overflow-y: scroll; }

:root {
  --sidebar:    #05111e;
  --primary:    #00d4ff;
  --primary-dk: #0099bb;
  --accent:     rgba(0,212,255,.07);
  --border:     rgba(0,212,255,.22);
  --border-dim: rgba(0,212,255,.1);
  --text:       #b8d8f0;
  --muted:      #4a7a9b;
  --white:      #d8eef8;
  --bg:         #0b1829;
  --panel:      #0e2035;
  --panel-dk:   #091728;
  --radius:     3px;
  --shadow:     0 4px 24px rgba(0,0,0,.6);
  --lock-bg:    #091520;
  --green:      #00ff9d;
  --amber:      #ffb347;
}

/* Company logo asset injected into the header brand (falls back to text) */
.app-brand { display: inline-flex; align-items: center; }
.app-brand svg, .app-brand img { height: 32px; width: auto; display: block; }

/* Edge-polish PHOTO mode — taller frame so much more of the photo (and its detail) is visible */
.edge-illustration.edge-photo { max-height: none; height: 96px; }
.edge-illustration.edge-photo img { display: block; width: 100%; height: 96px; object-fit: cover; }