.phone-mock[data-astro-cid-u5sq4hwj]{--pm-width: 260px;--pm-radius: 36px;--pm-screen-radius: 28px;width:100%;max-width:var(--pm-width)}.phone-mock__body[data-astro-cid-u5sq4hwj]{width:100%;aspect-ratio:9 / 19;background:linear-gradient(180deg,#1a2334,#0f1827);border-radius:var(--pm-radius);padding:6px;box-shadow:0 1px #ffffff0a inset,0 18px 40px #0f172a2e,0 4px 12px #0f172a1a;position:relative}.phone-mock__screen[data-astro-cid-u5sq4hwj]{width:100%;height:100%;background:#fff;border-radius:var(--pm-screen-radius);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;position:relative}.phone-mock__statusbar[data-astro-cid-u5sq4hwj]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 4px;font-size:10px;font-weight:600;color:var(--ink);letter-spacing:.02em}.phone-mock__signals[data-astro-cid-u5sq4hwj]{display:inline-flex;align-items:center;gap:6px}.phone-mock__sig[data-astro-cid-u5sq4hwj]{width:14px;height:10px;fill:var(--ink);opacity:.85;display:block}.phone-mock__bat[data-astro-cid-u5sq4hwj]{width:18px;height:8px;border:1px solid var(--ink);border-radius:2px;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 80%,transparent 80%);opacity:.85;position:relative}.phone-mock__bat[data-astro-cid-u5sq4hwj]:after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:2px;height:4px;background:var(--ink);border-radius:0 1px 1px 0;opacity:.85}.phone-mock__content[data-astro-cid-u5sq4hwj]{padding:12px 14px 8px;overflow:hidden;display:grid;gap:10px;align-content:start}.phone-mock__tabs[data-astro-cid-u5sq4hwj]{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px 8px 10px;border-top:1px solid var(--border-soft);background:#fff}.phone-mock__tab[data-astro-cid-u5sq4hwj]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border-radius:8px;color:var(--ink-mute);font-size:9px;font-weight:600;letter-spacing:.02em}.phone-mock__tab--active[data-astro-cid-u5sq4hwj]{color:var(--brand-primary);background:var(--brand-primary-soft)}.phone-mock__tab-label[data-astro-cid-u5sq4hwj]{line-height:1}.pm-greet{display:flex;align-items:center;gap:8px;padding:2px 0 4px}.pm-greet__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--accent-sage));flex-shrink:0}.pm-greet__name{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-greet__bell{width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4C81' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E") no-repeat center / contain;position:relative;flex-shrink:0}.pm-greet__bell:after{content:"";position:absolute;top:-1px;right:-1px;width:5px;height:5px;border-radius:50%;background:#d83a3a;border:1px solid #fff}.pm-card{background:#fff;border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px;display:grid;gap:4px}.pm-card--accent{border-color:var(--accent-peach);background:var(--accent-peach-bg)}.pm-card__row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pm-card__big{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.pm-card__big--mute{color:var(--ink-mute)}.pm-card__date{font-size:11px;font-weight:600;color:var(--ink-soft);text-align:right}.pm-card__small{font-size:9px;font-weight:600;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em}.pm-card__row .pm-card__small{text-transform:none;letter-spacing:0}.pm-pills{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pm-pill{background:var(--surface-well);border-radius:8px;padding:6px 8px;display:grid;gap:2px;text-align:center}.pm-pill em{font-size:9px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em;font-style:normal}.pm-pill strong{font-size:14px;color:var(--brand-primary);font-weight:700;font-variant-numeric:tabular-nums}.pm-cal{background:#fff;border:1px solid var(--border-soft);border-radius:10px;padding:8px}.pm-cal__title{font-size:11px;font-weight:700;color:var(--brand-primary);letter-spacing:-.005em;margin-bottom:4px}.pm-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;font-size:8px;text-align:center;color:var(--ink)}.pm-cal__dow{color:var(--ink-mute);font-weight:600;padding:2px 0}.pm-cal__day{padding:2px 0;position:relative;line-height:1}.pm-cal__day--mute{color:var(--border)}.pm-cal__day--today{color:var(--brand-primary);font-weight:700}.pm-cal__marker{display:block;margin:1px auto 0;width:4px;height:4px;border-radius:50%}.pm-cal__marker--orange{background:#e67e22}.pm-cal__marker--green{background:#27ae60}.pm-cal__marker--cyan{background:#5fc7d4}.pm-cal__marker--purple{background:#8e6dd0}.pm-cal__marker--blue{width:0;height:0;background:transparent;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid #3a6cd0}.pm-away{display:grid;gap:4px;margin-top:6px}.pm-away__row{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink)}.pm-away__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pm-away__name{flex:1;font-weight:600}.pm-away__when{color:var(--ink-soft);font-size:9px}.pm-approve-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border-soft);font-size:10px}.pm-approve-row:last-child{border-bottom:none}.pm-approve-row__check{width:12px;height:12px;border:1.5px solid var(--ink-mute);border-radius:3px;flex-shrink:0}.pm-approve-row__check--on{background:var(--brand-primary);border-color:var(--brand-primary);position:relative}.pm-approve-row__check--on:after{content:"";position:absolute;top:1px;left:3px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.pm-approve-row__name{flex:1;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-approve-row__hrs{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.pm-banner{background:#fff;border:1px solid var(--brand-primary);border-radius:8px;padding:8px 10px;display:grid;gap:2px;position:relative}.pm-banner__title{font-size:10px;font-weight:700;color:var(--brand-primary);letter-spacing:.01em}.pm-banner__body{font-size:9.5px;color:var(--ink-soft);line-height:1.4}.pm-banner__close{position:absolute;top:4px;right:6px;color:var(--ink-mute);font-size:12px;line-height:1}