/* Back buttons everywhere (owner round 6): where the back or close button sits on a sheet and on the condition report. Placement only: the look is the
   glass back button's own (.glassback in fixes.css and native-ios.css), so sheets and screens always match. 44 pt, first in the header, mirrored in Arabic. */
.appbar .big > .glassback{ align-self:flex-start }                      /* the screens' button stays in its corner when a long title takes two lines */
.modal > header.has-nav{ display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:12px; align-items:center }
.modal > header.has-nav > :not(.sheetnav){ grid-column:2; min-width:0 }
.modal > header.has-nav:has(> p) > .sheetnav{ grid-row:span 2 }          /* a header with a second line (the payment sheet's month): the button stays beside both */
.sheetnav{ width:44px; height:44px; margin:0 !important; flex:none }
/* the condition report is drawn in its own language: its chevron follows the report's direction, not the app's */
#reportSheet .crbar{ align-items:center; padding-top:calc(12px + env(safe-area-inset-top, 0px)) }
#reportSheet[dir=rtl] .sheetnav svg{ transform:scaleX(-1) }
#reportSheet[dir=ltr] .sheetnav svg{ transform:none }
/* file fields in sheets (back-nav.js sheetFilePickers): the system control is replaced by a plain capsule (no glass inside a glass sheet), 44 pt,
   with the name of what was chosen beside it. The label wraps the input, so a tap anywhere on it opens the picker; the input itself is a 1 px
   see-through box that still takes keyboard focus (found in the simulator: a see-through input stretched over the capsule did not open the iPhone's menu) */
.filepick{ position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; cursor:pointer }
.filepick input[type="file"]{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip-path:inset(50%); inset-inline-start:0; top:0; margin:0; padding:0; border:0 }
.filepick-btn{ display:inline-flex; align-items:center; gap:8px; min-height:calc(44px * var(--dt,1)); padding:0 16px; border-radius:100px; background:var(--lg-plain, var(--fill-2, #ececef)); color:var(--nile-ink, var(--ink)); font-weight:600; font-size:calc(15px * var(--dt,1)) }
.filepick-btn svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none }
.filepick-name{ color:var(--muted); font-size:calc(13.5px * var(--dt,1)); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100% }
.filepick.chosen .filepick-name{ color:var(--ink) }
.filepick:focus-within .filepick-btn{ outline:2px solid var(--nile, #1a7f5a); outline-offset:2px }
.filepick:active .filepick-btn{ opacity:.7 }