/* =====================================================================
   Aquauta utilities (generated Nov 3, 2026 by tools/restyle.py from the old inline styles).
   Small layout and text helpers used in the app's markup: u-flex, u-col, u-gap-8, u-fs-12, u-m-0 ...
   They are !important on purpose: they replaced inline style="" attributes, which always won.
   Text sizes come from the --fs-* tokens below, so the type scale can change in one place.
   ===================================================================== */
:root{--fs-11_5:11.5px;--fs-12:12px;--fs-12_5:12.5px;--fs-13:13px;--fs-13_5:13.5px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-19:19px;--fs-20:20px;--fs-22:22px;--fs-24:24px;--fs-26:26px}
.u-between{justify-content:space-between!important}
.u-bg-accent{background:var(--accent)!important}
.u-bg-color-mi6cbb{background:color-mix(in srgb,var(--accent) 38%,var(--surface))!important}
.u-bg-color-mi6f70{background:color-mix(in srgb,var(--surface) 82%,transparent)!important}
.u-bg-gl2{background:var(--gl2)!important}
.u-bg-hair{background:var(--hair)!important}
.u-bg-ink{background:var(--ink)!important}
.u-bg-none{background:var(--none)!important}
.u-bg-ok{background:var(--ok)!important}
.u-bg-sodium{background:var(--sodium)!important}
.u-border-1-dashed811c{border:1px dashed var(--line)!important}
.u-bt-1-solid-5f54{border-top:1px solid var(--hair)!important}
.u-bt-1-solid-dade{border-top:1px solid var(--line)!important}
.u-c-accent{color:var(--accent)!important}
.u-c-bg{color:var(--bg)!important}
.u-c-inherit{color:inherit!important}
.u-c-ink{color:var(--ink)!important}
.u-c-muted{color:var(--muted)!important}
.u-c-warn{color:var(--warn,#94500B)!important}
.u-center{text-align:center!important}
.u-col{flex-direction:column!important}
.u-cursor-default{cursor:default!important}
.u-cursor-pointer{cursor:pointer!important}
.u-display-font{font-family:var(--f-display)!important}
.u-flex{display:flex!important}
.u-fs-11_5{font-size:var(--fs-11_5)!important}
.u-fs-12{font-size:var(--fs-12)!important}
.u-fs-12_5{font-size:var(--fs-12_5)!important}
.u-fs-13{font-size:var(--fs-13)!important}
.u-fs-13_5{font-size:var(--fs-13_5)!important}
.u-fs-14{font-size:var(--fs-14)!important}
.u-fs-15{font-size:var(--fs-15)!important}
.u-fs-16{font-size:var(--fs-16)!important}
.u-fs-17{font-size:var(--fs-17)!important}
.u-fs-19{font-size:var(--fs-19)!important}
.u-fs-20{font-size:var(--fs-20)!important}
.u-fs-22{font-size:var(--fs-22)!important}
.u-fs-24{font-size:var(--fs-24)!important}
.u-fs-26{font-size:var(--fs-26)!important}
.u-fs-clamp304_2vw46{font-size:clamp(30px,4.2vw,46px)!important}
.u-fw-500{font-weight:500!important}
.u-fw-600{font-weight:600!important}
.u-gap-10{gap:10px!important}
.u-gap-12{gap:12px!important}
.u-gap-16{gap:16px!important}
.u-gap-2{gap:2px!important}
.u-gap-4{gap:4px!important}
.u-gap-6{gap:6px!important}
.u-gap-8{gap:8px!important}
.u-grid{display:grid!important}
.u-grow{flex:1!important}
.u-h-200{height:200px!important}
.u-h-34{height:34px!important}
.u-h-4{height:4px!important}
.u-inline{display:inline!important}
.u-inline-flex{display:inline-flex!important}
.u-items-baseline{align-items:baseline!important}
.u-items-center{align-items:center!important}
.u-items-end{align-items:end!important}
.u-items-start{align-items:flex-start!important}
.u-justify-center{justify-content:center!important}
.u-justify-end{justify-content:flex-end!important}
.u-left--9999{left:-9999px!important}
.u-lh-1_45{line-height:1.45!important}
.u-lh-1_5{line-height:1.5!important}
.u-lh-1_55{line-height:1.55!important}
.u-list-none{list-style:none!important}
.u-ls-3{letter-spacing:3px!important}
.u-ls-4{letter-spacing:4px!important}
.u-m-0{margin:0!important}
.u-m-28-0-0{margin:28px 0 0!important}
.u-m-4-0-0-18{margin:4px 0 0 18px!important}
.u-m-6-0-6-8{margin:6px 0 6px 8px!important}
.u-m-6-4-0{margin:6px 4px 0!important}
.u-m-auto{margin:auto!important}
.u-maxh-55vh{max-height:55vh!important}
.u-maxw-220{max-width:220px!important}
.u-maxw-640{max-width:640px!important}
.u-mb-8{margin-bottom:8px!important}
.u-minh-0{min-height:0!important}
.u-minh-200{min-height:200px!important}
.u-minh-220{min-height:220px!important}
.u-minw-0{min-width:0!important}
.u-minw-140{min-width:140px!important}
.u-minw-160{min-width:160px!important}
.u-minw-180{min-width:180px!important}
.u-minw-200{min-width:200px!important}
.u-minw-76{min-width:76px!important}
.u-minw-86{min-width:86px!important}
.u-mt-16{margin-top:16px!important}
.u-mt-22{margin-top:22px!important}
.u-mt-28{margin-top:28px!important}
.u-mt-4{margin-top:4px!important}
.u-mt-6{margin-top:6px!important}
.u-mt-8{margin-top:8px!important}
.u-mt-8vh{margin-top:8vh!important}
.u-nogrow{flex:none!important}
.u-o-_75{opacity:.75!important}
.u-ov-auto{overflow:auto!important}
.u-p-0{padding:0!important}
.u-p-0-4{padding:0 4px!important}
.u-p-0-max14c4a15{padding:0 max(14px,calc((100% - 780px)/2)) 6px!important}
.u-p-12{padding:12px!important}
.u-p-12-14{padding:12px 14px!important}
.u-p-14{padding:14px!important}
.u-p-18{padding:18px!important}
.u-p-2-6{padding:2px 6px!important}
.u-p-20{padding:20px!important}
.u-p-3-7{padding:3px 7px!important}
.u-p-3-9{padding:3px 9px!important}
.u-p-4-0{padding:4px 0!important}
.u-p-6-0{padding:6px 0!important}
.u-p-6-12{padding:6px 12px!important}
.u-pl-22{padding-left:22px!important}
.u-pos-absolute{position:absolute!important}
.u-pos-relative{position:relative!important}
.u-pos-sticky{position:sticky!important}
.u-pt-10{padding-top:10px!important}
.u-py-40{padding-block:40px!important}
.u-py-56{padding-block:56px!important}
.u-r-10{border-radius:10px!important}
.u-r-12{border-radius:12px!important}
.u-r-2{border-radius:2px!important}
.u-right-4{right:4px!important}
.u-row{flex-direction:row!important}
.u-shadow-0-0-0-1-953d{box-shadow:0 0 0 1px var(--line)!important}
.u-shadow-0-0-0-2-5320{box-shadow:0 0 0 2px var(--accent)!important}
.u-top--12{top:-12px!important}
.u-top-4{top:4px!important}
.u-underline{text-decoration:underline!important}
.u-upper{text-transform:uppercase!important}
.u-w-110{width:110px!important}
.u-w-26{width:26px!important}
.u-w-30pct{width:30%!important}
.u-w-34{width:34px!important}
.u-w-auto{width:auto!important}
.u-w-full{width:100%!important}
.u-w-min420100pct{width:min(420px,100%)!important}
.u-w-min480100pct{width:min(480px,100%)!important}
.u-w-min560100pct{width:min(560px,100%)!important}
.u-w-min680100pct{width:min(680px,100%)!important}
.u-w-min760100pct{width:min(760px,100%)!important}
.u-wrap{flex-wrap:wrap!important}
.u-ws-normal{white-space:normal!important}
.u-ws-pre{white-space:pre-wrap!important}
.u-z-1{z-index:1!important}