/* ============================================================
   desktop.css — pointer/large-screen layer
   (loaded via <link media="(min-width:769px)">)
   Refinements that only make sense with a mouse and a wide
   viewport. The shared base already covers the core layout.
   ============================================================ */

/* Roomier shell on big screens */
.main { padding: 28px 32px; }

/* Thin, themed scrollbars (mostly a pointer-device nicety) */
* { scrollbar-width: thin; scrollbar-color: var(--border) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 999px;
}
*::-webkit-scrollbar-track { background: transparent; }

/* Slightly stronger hover feedback where touch users get none */
.stack-card:hover { box-shadow: var(--shadow); }
table.ledger tr.clickable:hover { background: var(--bg); }