.call-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;background:transparent;border:0;color:var(--navy,#183B63)}
.family-call-entry,.call-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.family-call-entry h2,.call-intro h2{margin:4px 0 8px}.family-call-entry p,.call-intro p{margin:0}.call-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin:20px 0}.call-contact{text-align:center}.call-contact .avatar{width:64px;height:64px;font-size:25px;display:inline-flex;margin-bottom:12px}.call-contact h2{margin:0 0 8px}.call-contact p{font-size:15px;min-height:44px}.call-contact .row-actions{justify-content:center}.call-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.call-history{list-style:none;padding:0;margin:0}.call-history li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.call-history small{display:block;margin-top:5px}.call-history li>span{font-size:14px;text-align:right}.call-readiness{padding:0 4px}.call-empty{grid-column:1/-1}.call-open{overflow:hidden}
.call-layer{border:0;margin:0;max-width:none;max-height:none;width:100%;height:100dvh;box-sizing:border-box;position:fixed;inset:0;z-index:10000;background:var(--canvas,#FFFCF7);color:var(--ink,#293747);overflow:auto;padding:24px;display:grid;place-items:center}.call-layer[hidden]{display:none}.call-panel{width:min(100%,920px);margin:auto}.call-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.call-panel header img{width:132px;height:auto}.call-panel header span{font-size:15px;font-weight:700}.call-panel h2{text-align:center;font-size:clamp(26px,5vw,38px);margin:0 0 10px}.call-panel [data-call-status]{min-height:26px;text-align:center;margin:0 0 18px;font-size:18px}.call-picture{position:relative;width:100%;height:min(52vh,480px);min-height:230px;border-radius:22px;background:var(--navy,#183B63);overflow:hidden}.call-picture video[data-call-remote]{width:100%;height:100%;object-fit:contain}.call-picture video[data-call-local]{position:absolute;bottom:14px;right:14px;width:25%;max-height:32%;object-fit:cover;border:2px solid #fff;border-radius:12px;transform:scaleX(-1);background:var(--navy,#183B63)}.call-picture video[data-call-local].preview-only{inset:0;width:100%;height:100%;max-height:100%;border:0;object-fit:contain}.call-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;padding:22px;text-align:center}.call-placeholder .avatar{width:88px;height:88px;font-size:30px;background:var(--cream,#FFF7EA);color:var(--navy,#183B63)}.call-placeholder p{color:#fff}.call-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px auto}.call-controls button{min-height:50px;padding:12px 20px;font-size:16px}.call-controls button[hidden],.call-picture video[hidden],.call-placeholder[hidden]{display:none}.call-controls button.call-end{background:#a33c37;border-color:#a33c37;color:#fff}.call-panel>.hint,.call-panel>.subtle-note{text-align:center}.call-panel [data-call-camera-note]{min-height:24px;margin-top:12px}.call-layer button:focus-visible{outline:3px solid var(--navy,#183B63);outline-offset:4px}
@media(max-width:600px){.call-shortcut>span{display:none}.family-call-entry,.call-intro{align-items:stretch;flex-direction:column;gap:16px}.call-details{grid-template-columns:1fr}.call-contact-grid{grid-template-columns:1fr}.call-layer{padding:18px 14px max(22px,env(safe-area-inset-bottom))}.call-picture{height:45vh}.call-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.call-controls button{padding:12px 8px}.call-controls .call-end{grid-column:1/-1}.call-panel header{margin-bottom:20px}.call-history{font-size:15px}}
@media(prefers-reduced-motion:reduce){.call-layer *{animation:none!important;scroll-behavior:auto!important}}

.call-mic-check{text-align:center}.call-mic-check label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.call-mic-check meter{width:min(230px,75vw);height:22px}

.call-layer .hint,.call-layer .subtle-note{font-size:14px;line-height:1.6}.resident-actions{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:600px){.app-header-inner{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px 44px;gap:8px}.app-header .brand{grid-column:1;grid-row:1}.app-header .household-picker{grid-column:1/-1;grid-row:2;width:100%;margin:0}.app-header .household-picker select{width:100%;font-size:14px}.call-shortcut{grid-column:2;grid-row:1;padding:8px}.notification-shortcut{grid-column:3;grid-row:1;width:44px;min-width:44px}.account-shortcut{grid-column:4;grid-row:1;width:44px;min-width:44px;justify-content:center}}
.call-mic-check{margin:1rem 0;text-align:left}.call-mic-check p{margin:.45rem 0;font-size:.9rem}.mic-level{height:18px;overflow:hidden;background:var(--mist);border-radius:10px;border:1px solid var(--line)}.mic-level span{display:block;width:100%;height:100%;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform 80ms linear;pointer-events:none}