/* Phone action bar · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: a composed component. */
/* base.css */
.k-actbar{position:sticky;bottom:var(--tabbar-h);z-index:calc(var(--z-sticky) * 2);display:flex;gap:var(--s-2);align-items:center;padding:var(--s-3) var(--s-4);background:hsl(var(--background)/.96);backdrop-filter:blur(var(--actbar-blur));border-top:1px solid hsl(var(--border))}
/* base.css */
.k-actbar.no-tabbar{bottom:0}
/* base.css */
.k-actbar .btn{flex:1;height:var(--control-h-m-lg);font-size:var(--text-btn-lg)}
/* base.css */
.k-actbar .k-selmsg{display:none;flex:1;font:var(--w-semibold) var(--text-card)/1.2 var(--font-voice);font-variant-numeric:tabular-nums}
/* base.css */
.k-actbar.sel .k-selmsg{display:block}
/* base.css */
.k-actbar.sel .btn{flex:none}
/* base.css */
.k-actbar [data-k-when=sel]{display:none}
/* base.css */
.k-actbar.sel [data-k-when=sel]{display:inline-flex}
/* base.css */
.k-actbar.sel [data-k-when=idle]{display:none}