/* ---------- css/shared.css ---------- */
/* Looks used by several parts (the sum pill, the frozen top, the drop-list rows). A look used by one part only lives in that part's folder. */
.pill{display:inline-flex;align-items:baseline;gap:6px;color:var(--text);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.pill.neg{color:var(--err)}
.pill.pos{color:var(--accent)}

/* frozen top: title row, entry bar, batch, filters and the account card (when one account is open) stay in view while the list scrolls under them */
.frz{position:sticky;top:0;z-index:20;background:var(--bg);margin:-20px -14px 10px;padding:20px 14px 8px;box-shadow:0 8px 10px -9px rgba(0,0,0,.3)}
.frz .batch{max-height:28vh;overflow:auto}

/* ---------- css/droplist.css ---------- */
/* ===== droplist =====
   Shared by the two drop lists (account suggestions in the entry bar, account picker in the filters): rows, star button, notes. */
.ao{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;font-size:14px;cursor:pointer}
.ao .av{width:28px;height:28px;border-radius:50%;background:var(--bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none;text-transform:uppercase}
.ao .an{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao .ab{font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums;padding-left:8px}
.ao.sel,.ao:hover{background:var(--bg)}
.ao mark{background:none;color:var(--accent);font-weight:700}
.as{background:none;color:var(--mute);padding:2px 5px;font-size:17px;line-height:1;border-radius:6px;opacity:.65;cursor:pointer;flex:none}
.as:hover{opacity:1;background:var(--line)}
.as.on{color:var(--draft);opacity:1}
.anote{font-size:12px;color:var(--err);padding:6px 8px 2px}
.ao .ab.neg{color:var(--err)}
.ao .ab.pos{color:var(--accent)}
@media (hover:none) and (pointer:coarse){.ao{padding:10px 8px}}   /* bigger rows for fingers, in both drop lists */