/* AU ONE STUDIO · db-mobile.css
   Database Engine — long-press selection mode, bulk action bar. New file (not
   appended to mobile.css) so the existing, already-small mobile.css stays
   untouched and unrisked. Mobile-only affordances (<=820px, matching the app
   shell's existing breakpoint) — desktop keeps plain clicks. */

.card.formcard{position:relative;}
.card.formcard.selected{outline:2px solid var(--brand);outline-offset:-2px;}
.card.formcard.selected::before{content:"";position:absolute;top:8px;left:8px;width:20px;height:20px;
  border-radius:50%;background:var(--brand);z-index:2;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
  background-size:12px;background-repeat:no-repeat;background-position:center;}
/* Table/List views' <tr>/.row elements aren't card-shaped, so they get a
   simpler selected treatment instead of the card checkmark badge */
tr.selected td,.row.selected{background:var(--brandS)!important;}

.selection-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--glass);border-top:1px solid var(--stroke);
  backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);
  box-shadow:var(--shadow-lg);padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:10px;animation:sheetup var(--dur-2) var(--ease);}
.selection-bar b{font-size:13.5px;}
.selection-bar .sp{flex:1;}

@media (max-width:820px){
  .selection-bar{display:flex;}
}
@media (min-width:821px){
  .selection-bar{display:none;}
}