/* ══════════════════════════════════════════════════════════════
   EarlyBird365: additions on top of styles.css, talpro.css and
   product.css (all generated in gold by tools/build-sites.mjs).
   Put anything EarlyBird-specific here, never in them.
   ══════════════════════════════════════════════════════════════ */

.eb-phone-logo{height:24px;width:auto}

/* Hero: a phone showing what a staff member sees */
.eb-phone{position:relative;max-width:340px;margin:0 auto;background:#fff;border-radius:34px;padding:22px 20px 20px;
  box-shadow:var(--sh-xl);border:8px solid #1C1030}
.eb-phone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.eb-day{font-size:12px;font-weight:700;color:var(--muted)}
.eb-lbl{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.eb-earned{background:var(--bg-peachtint);border-radius:18px;padding:16px}
.eb-amt{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:4px 0 10px}
.eb-bar{height:8px;border-radius:99px;background:#fff;overflow:hidden;margin-bottom:8px}
.eb-bar i{display:block;height:100%;width:63%;border-radius:99px;background:var(--grad-warm)}
.eb-avail{display:flex;justify-content:space-between;align-items:center;margin:16px 2px}
.eb-avail b{font-size:20px;font-weight:800;color:var(--ink)}
.eb-cap{font-size:12px;font-weight:700;color:var(--orange-deep);background:var(--bg-peachtint);border-radius:99px;padding:5px 10px}
.eb-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.eb-pick span{text-align:center;font-size:13px;font-weight:700;border:1px solid var(--line);border-radius:12px;padding:9px 4px;color:var(--text-2)}
.eb-pick .on{border-color:var(--orange);background:var(--bg-peachtint);color:var(--orange-deep)}
.eb-go{display:block;text-align:center;background:var(--grad-brand);color:#fff;font-weight:700;font-size:14.5px;border-radius:14px;padding:13px}
.eb-fine{text-align:center;font-size:11.5px;color:var(--muted);margin-top:10px}