/* Sushi Toro — brand touches inside the ORYKSA dashboard. */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@800&display=swap");
:root { --f-brand: "Shippori Mincho B1", "Yu Mincho", Georgia, serif; }
/* clickable records */
.tbl tr.click:hover { background: var(--hover); } .tbl tr.click:focus-visible { outline: 2px solid var(--indigo); outline-offset: -2px; }
.rec { cursor: pointer; transition: border-color .15s, box-shadow .15s; } .rec:hover { border-color: var(--indigo); box-shadow: 0 4px 14px rgba(0,0,0,.07); } .rec:focus-visible { outline: 2px solid var(--indigo); outline-offset: 2px; }
.top-list li.rec, .deliv li.rec { border-radius: 10px; } .top-list li.rec:hover, .deliv li.rec:hover { background: var(--hover); box-shadow: none; }
.ph-grid .ph-o, .ph-grid .ph-up { aspect-ratio: auto; height: 84px; } /* fixed tile height: aspect-ratio tiles collapse inside the scrolling picker */