.bn-tabs, .cx-mobile-actions { display:none }
@media (max-width:700px), (max-width:1000px) and (pointer:coarse) {
 body > header { min-height:3.6rem; gap:.3rem; padding:.3rem max(.5rem,env(safe-area-inset-right)) .3rem max(.5rem,env(safe-area-inset-left)) }
 body > header h1, #live-queue { display:none }
 #board-nav-toggle, .header-menu > summary { min-height:44px; display:flex; align-items:center; justify-content:center }
 #board-nav-toggle { min-width:44px; font-size:1.2rem; border:1px solid var(--dx-header-control-border); border-radius:6px }
 #user { max-width:28vw }
 body.board-nav-open #shell { margin-left:0 }
 .board-navigation.bn-mobile-tabs { top:3.6rem; bottom:0; width:100%; max-width:none; box-shadow:none; border:0; padding:.6rem max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left)) }
 .bn-mobile-tabs .bn-toolbar { gap:.5rem }
 .bn-mobile-tabs .bn-toolbar input { font-size:16px; min-height:44px }
 .bn-mobile-tabs .bn-toolbar button { min-width:44px; min-height:44px }
 .bn-mobile-tabs .bn-toolbar button:last-child, .bn-mobile-tabs > .pane-resize, .bn-mobile-tabs .bn-recent-title { display:none }
 .bn-tabs { display:flex; gap:.4rem; margin:.6rem 0 .2rem }
 .bn-tabs button { flex:1; min-height:44px; font-size:1rem }
 .bn-tabs [aria-selected=true] { color:var(--fg); background:var(--bg); border-color:var(--accent); box-shadow:inset 0 -2px var(--accent) }
 .bn-mobile-tabs[data-mobile-tab=recent] .bn-board, .bn-mobile-tabs[data-mobile-tab=board] .bn-recent { display:none }
 .bn-mobile-tabs .bn-tree { flex:1; height:auto; max-height:none; min-height:0; margin-top:.3rem }
 .bn-mobile-tabs .bn-line { min-height:48px; align-items:center; font-size:1rem; padding:.4rem .25rem }
 .bn-mobile-tabs .bn-sub { font-size:.78rem }
 body[data-view=browse] { overflow:hidden }
 body[data-view=browse] #shell, body[data-view=browse] #composer, body[data-view=browse] #account-health, body[data-view=browse] #extnotice { display:none!important }
 html:has(body[data-view=review]), body[data-view=review] { overflow:visible; height:auto }
 body[data-view=review] #main { padding:.5rem .7rem calc(var(--commander-height,9rem) + 1rem); }
 .pr-mobile .pr-prose { padding:.25rem 0; border:0; background:transparent; overflow-wrap:anywhere }
 .pr-mobile [data-pr-section] { scroll-margin-top:4rem }
 .pr-mobile .pr-prose h2 { margin:.8rem 0 .5rem }
 .pr-mobile .pr-mobile-section { border-top:1px solid var(--line); padding:.5rem 0 }
 .pr-mobile-section > summary { min-height:44px; cursor:pointer; align-content:center; font-weight:500 }
 .pr-mobile .pr-status h3 { line-height:1.4 }
 .pr-mobile .pr-status-title { white-space:normal; padding-right:2rem }
 .pr-mobile .pr-status-toggle { min-height:44px }
 #composer { padding:.4rem max(.6rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left)); border-radius:12px 12px 0 0; gap:.35rem }
 body.board-nav-open #composer { left:0!important }
 body[data-view=review] #composer:not(.cx-expanded) .cx-mobile-actions { display:flex; gap:.4rem }
 #composer .cx-mobile-actions button { flex:1; min-height:44px; border:1px solid var(--dx-header-control-border); border-radius:6px; background:var(--dx-header-control); color:inherit; font:500 .9rem system-ui }
 #composer .cx-mobile-actions button[hidden] { display:none }
 #composer .cx-controls > textarea { flex:1 1 100%; width:100%; font-size:16px }
 #composer:not(.cx-expanded) .cx-nav, #composer:not(.cx-expanded) .cx-commands, #composer:not(.cx-expanded) .cx-actions { display:none!important }
 #composer:not(.cx-expanded) .cx-controls > textarea { height:44px!important; min-height:44px; max-height:44px; overflow:hidden; resize:none }
 #composer.cx-expanded { max-height:min(65dvh,var(--composer-available-height,65dvh)); overflow:auto; gap:.35rem }
 #composer.cx-expanded .cx-controls > textarea { min-height:5rem }
 #composer.cx-expanded .cx-collapse { display:block; min-width:44px; min-height:44px }
 #composer .cx-actions { margin-left:0 }
 #composer .cx-commands { max-height:26dvh }
 #composer .cx-commands button, #composer .cx-actions button { min-height:44px }
 #composer .cx-commands textarea { font-size:16px }
 #composer .cx-previous, #composer .cx-next { min-width:44px; min-height:44px }
 textarea, input, select { font-size:16px }
 html.page-view .pr-controls { padding-bottom:1rem }
}