/* iPad two-pane layout (Task 10). Adapted from the mockup (lines 493-513, 569-574) to full bleed: no bezel. */
#side{display:none}
#side [hidden]{display:none!important}
#side .panel{position:static;transform:none;border-radius:0;box-shadow:none;max-height:none;background:transparent;transition:none}
#side .panel::before{display:none}
#side .sheet-body{padding-bottom:24px}
#side .side-empty{padding:40px 24px;text-align:center;color:var(--muted);font-size:14px}
#side .dash-wrap{overflow:visible}
body.two-pane .screen{right:400px}
body.two-pane #side{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;width:400px;border-left:1px solid var(--border);background:var(--bg-alt);overflow-y:auto;overscroll-behavior:contain}
body.two-pane .toast{left:calc((100% - 400px)/2)}
body.two-pane .sheet{right:400px}
body.two-pane .sheet .panel{max-width:540px;margin:0 auto}
body.two-pane .list{padding:0 12px 0 8px}
body.two-pane .name{font-size:18px}
/* touch targets: every button and chip on the iPad is at least 44 px tall */
body.two-pane :is(button,.chip,.pill,.textbtn,a.btn-call,.btn-primary,.todaypill,.seg button,.wd){min-height:44px}
body.two-pane :is(.chip,.pill,.textbtn,.todaypill){display:inline-flex;align-items:center}
body.two-pane .menu-foot a{display:inline-flex;align-items:center;min-height:44px}