/* ShowHero brand: Navy #14243A, Blue #4778E6, Gold #E5BC75, Warm White #F5F4F0.
   The logo is an inline SVG mark plus the ShowHero wordmark (Inter 800). */
.sh-logo { display: inline-flex; align-items: center; gap: 0.4em; font-weight: 800; letter-spacing: -0.03em; color: #14243A; text-decoration: none; white-space: nowrap; }
.sh-logo .sh-mark { width: 1.3em; height: 1.3em; flex: none; }
.sh-mark polygon { stroke-width: 3.4; stroke-linejoin: round; }
.sh-mark .n { fill: #14243A; stroke: #14243A; } .sh-mark .b { fill: #4778E6; stroke: #4778E6; } .sh-mark .g { fill: #E5BC75; stroke: #E5BC75; stroke-width: 2.2; }
.sh-logo .h { color: #4778E6; }
.sh-logo.on-dark { color: #fff; } .on-dark .sh-mark .n { fill: #fff; stroke: #fff; } .on-dark .sh-mark .b { fill: #8FB0F2; stroke: #8FB0F2; } .sh-logo.on-dark .h { color: #8FB0F2; }

/* Plans (20 Oct): the Printer plan sees the lister, greyed and locked. */
#app-root.plan-printer [data-lister-only] { opacity: 0.38; filter: grayscale(1); pointer-events: none; user-select: none; }
.plan-opt { display: flex; gap: 12px; align-items: flex-start; border: 1.5px solid #CCCFCF; border-radius: 10px; background: #fff; padding: 12px 14px; cursor: pointer; }
.plan-opt:has(input:checked) { border-color: #2F62D6; box-shadow: 0 0 0 1.5px #2F62D6; }
.plan-opt input { margin-top: 4px; accent-color: #2F62D6; width: 18px; height: 18px; flex: none; }
.plan-opt b { font-weight: 800; }