/* bh-phone.css: the phone pass (handoff 067), linked with media="(max-width:767px)" after the Hub's own sheets, so
   desktops don't block on it. Every tap target 44 px, inputs 16 px so iOS doesn't zoom, the main action within thumb
   reach: .bh-actionbar keeps a form's last button on screen while the form scrolls; --fixed holds the visit's next
   step above the tab bar and steps aside while a field has the keyboard. Crew shells (.bh-app--tabs) get 52 px (082). test_ui_shell keeps this file under 4 KB. */
.bh-topbar .bh-iconbtn{width:44px;height:44px;flex:none}
.bh-btn,.bh-btn--s{min-height:44px;min-width:44px}
.bh-input,.bh-select{min-height:44px}
.bh-linkbtn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.bh-table td .bh-input,.bh-table td .bh-select{height:44px;font-size:16px}
input[type=file]{min-height:44px;font-size:16px}
.bh-main summary{min-height:44px;padding-block:11px;box-sizing:border-box}
.bh-main label:has(>input[type=checkbox]),.bh-main label:has(>input[type=radio]){display:flex;gap:8px;min-height:44px;align-items:center}
body.phone .bh-main>p:first-of-type>a{display:inline-flex;align-items:center;min-height:44px}
.bh-main :is(td,dd) a:not(.bh-btn):not(.bh-linkbtn){display:inline-block;padding-block:12px;margin-block:-12px;min-width:44px}
.bh-main :is(li,.bh-alert__body) a:not([class]),a.brief-hl{display:inline-block;padding-block:12px;margin-block:-12px;min-width:44px}
.bh-app--tabs .bh-topbar .bh-iconbtn,.bh-app--tabs .gh__panel .bh-iconbtn{width:52px;height:52px}
.bh-app--tabs :is(.bh-main .bh-btn:not(.bh-btn--touch),.bh-main .bh-linkbtn,.bh-main summary),body:has(.bh-app--tabs) .bh-env__out button{min-height:52px}
.gh__panel .bh-iconbtn{width:44px;height:44px;flex:none}
@media (max-width:480px){.brief-row{flex-wrap:wrap}.bh-row.brief-row>span:not(.bh-badge){flex-basis:100%}}
.bh-sync{width:26px;padding:0;justify-content:center}
.bh-sync>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bh-app--tabs .bh-topbar .bh-scheme{display:none}
.bh-env{padding-block:0}
.bh-env__trades{display:none}
.bh-env__out button{min-height:44px;padding:0 8px}
.bh-actionbar{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:15;padding-top:8px;background:linear-gradient(transparent,var(--bh-surface) 10px)}
.bh-actionbar:not(.bh-actionbar--fixed){display:flex;gap:8px}
.bh-actionbar:not(.bh-actionbar--fixed)>.bh-btn--touch{width:auto;flex:1 1 0}
.bh-app--tabs .bh-actionbar{bottom:calc(70px + max(10px,env(safe-area-inset-bottom)))}
.bh-actionbar--fixed{position:fixed;left:12px;right:12px;margin:0;padding:0;background:none}
.bh-actionbar--fixed .bh-btn{box-shadow:var(--bh-shadow-2)}
.bh-main:has(.bh-actionbar--fixed){padding-bottom:172px}
body:has(:is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):focus) .bh-actionbar--fixed{display:none}
.gh__head{flex-wrap:wrap;row-gap:2px}.gh__head:has(.gh__state:not([hidden]))>.gh__name{flex-basis:100%;text-align:center}
.bh-rail{align-self:stretch}