/* The supervisor's phone. Bigger type and targets: gloves, glare, one hand. */
.phone{font-size:var(--t-16)}
.m-head{padding:var(--s-3) var(--s-4) var(--s-4)}
.m-head h1{font-size:var(--t-28)}
.m-sec{padding:var(--s-3) var(--s-4) var(--s-5)}
.m-sec h2{font:600 var(--t-13)/1.3 var(--font-body);letter-spacing:0;color:var(--muted);margin-bottom:var(--s-2)}
.m-row{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-bottom:var(--rule);min-height:56px}
.m-row .sub{display:block}
.m-cta{display:flex;margin:0 var(--s-4) var(--s-4);height:52px}
.m-off{margin:0 var(--s-4) var(--s-6);padding-top:var(--s-4);border-top:var(--rule);font-size:var(--t-14)}
.m-shot{position:relative;margin:0 var(--s-4);border-radius:var(--r-card);overflow:hidden;background:var(--surface-3)}
.m-shot img{width:100%;aspect-ratio:4/3;object-fit:cover}
.m-shot .stamp{position:absolute;left:8px;bottom:8px;background:oklch(0.2 0 0/.8);color:#fff;font-size:12px;padding:2px 8px;border-radius:2px}
.m-picks{display:flex;gap:var(--s-2);padding:var(--s-3) var(--s-4)}
.m-picks button{padding:0;border:2px solid transparent;border-radius:var(--r-ctl);overflow:hidden;background:none;width:64px;height:48px}
.m-picks button[aria-pressed="true"]{border-color:var(--primary)}
.m-picks img{width:100%;height:100%;object-fit:cover}
.phone .chat{padding:var(--s-3) var(--s-3) var(--s-4)}
.phone .msg img{width:100%}
.push{border:var(--rule);font-size:var(--t-13)}
.cap-links{margin-top:var(--s-4)}