/* Mobile app inside the phone frame: same Studio system, larger type, 44px targets. */
.phone{--h-ctl:44px;--h-ctl-sm:34px;--h-row:56px;--t-15:1rem;--t-14:0.9375rem;--t-13:0.875rem;--app-gutter:var(--s-4);background:var(--bg)}
.phone .phone-scroll{background:var(--bg)}
.phone-tabbar{background:var(--surface);border-top:var(--rule)}
.phone-tabbar a{font-weight:600;font-size:10.5px}
.m-head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--app-gutter) var(--s-3);position:sticky;top:0;background:var(--bg);z-index:2}
.m-head h1{font-size:1.75rem;flex:1;letter-spacing:-.02em}
.m-head .back{display:inline-flex;align-items:center;gap:2px;color:var(--primary-strong);text-decoration:none;font-size:var(--t-14);font-weight:600;min-height:44px;min-width:44px;background:none;border:0;padding:0;cursor:pointer}
.m-head .btn-icon{border-radius:12px}
.m-sec{padding:0 var(--app-gutter) var(--s-4)}
.m-sec h2{font-size:var(--t-18);margin-bottom:var(--s-3)}
.m-sec>ul,.m-sec>div:not(.note):not(.ecard):not(.empty):not(.ex):not(.row):not(.chips):not(.kick):not(.li):not(.lrow):not(.field){background:var(--surface);border:var(--rule);border-radius:14px;padding:var(--s-1) var(--s-4);box-shadow:var(--elev-card)}
.m-sec .li{margin:0;width:100%;padding:var(--s-3) 0}
.m-sec .ledger td{height:var(--h-row)}
.m-brief{padding:var(--s-2) var(--app-gutter) var(--s-4)}
.m-brief .brief-d{font-size:1.6rem;margin-bottom:var(--s-3)}
.m-brief ul{background:var(--surface);border:var(--rule);border-radius:14px;padding:var(--s-1) var(--s-4);box-shadow:var(--elev-card)}
.m-list .li{align-items:center}
.m-list .li-foot{gap:6px}
.m-list .li-head b{font-weight:600}
.m-list .check{min-height:44px}
.m-list .check input{width:24px;height:24px;border-radius:50%}
.m-list .check input::before{width:11px;height:6px}
.m-fab{position:absolute;right:16px;bottom:100px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--on-primary);border:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--elev-pop);cursor:pointer;z-index:3}
.m-chips{display:flex;gap:var(--s-2);padding:0 var(--app-gutter) var(--s-3);overflow-x:auto;scrollbar-width:none}
.m-chips button{flex:none;height:34px;padding:0 var(--s-3);border:var(--bw) solid var(--line);border-radius:var(--r-full);background:var(--surface);font-size:var(--t-13);font-weight:500;color:var(--ink-2);cursor:pointer}
.m-chips [aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.phone .ex-row{grid-template-columns:36px 1fr;gap:var(--s-2) var(--s-3)}
.phone .ex-row .kind{width:36px;height:36px}
.phone .ex-row .acts{grid-column:2;justify-content:flex-start}
.phone .ex-row .acts .btn{height:36px;padding:0 14px}
.phone .ex-row.low::after{grid-column:2}
.phone .figs{grid-template-columns:repeat(2,1fr)}
.phone .modal{width:calc(100% - 2rem)}
.phone .offline{position:sticky;top:0;z-index:3}
.phone .m-role{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--app-gutter);border-bottom:var(--rule);font-size:var(--t-13);color:var(--muted);background:var(--surface)}
.phone .sheet{position:absolute;box-shadow:none;border:0;padding:0}
.phone .sheet-body .btn{width:100%;height:48px;font-size:var(--t-15)}
.phone .ask-q{font-size:var(--t-18)}
.phone .brief li,.phone .brief-li{grid-template-columns:60px 1fr}
.phone .denied{margin-top:var(--s-6)}