/* Readability for café staff, loaded after the theme (surf-preview.css).
   Kept in its own file so theme updates do not undo it; app.js re-attaches it if index.html loses the link.
   Rule: working text is at least 12px; the piece count on a tray is the largest text on the tile. */

/* Tray tiles: the count matters more than the name. */
html.surf-preview #cards .compact-tray strong{font-size:12px;line-height:1.25}
html.surf-preview #cards .compact-tray small{font-size:15px;font-weight:700;line-height:1.2;color:#eef1f4;opacity:1}

/* Counters, filters and shelf controls. */
html.surf-preview .stats span{font-size:12px}
html.surf-preview .filter-buttons button{font-size:12px}
html.surf-preview .shelf-toggle,html.surf-preview .row-count-button{font-size:12px}
html.surf-preview .shelf-summary,html.surf-preview .section-heading>span{font-size:12px}
html.surf-preview .notice,html.surf-preview .team{font-size:12px}
html.surf-preview .toolbar nav .tab{font-size:12px}

/* Batch cards in a tray. */
html.surf-preview #detail-batches .detail-first,html.surf-preview .daily-task-group h3 small{font-size:12px}
html.surf-preview #detail-batches .batch:first-child:before{font-size:12px}

/* Owner's pause switch for the register sync: easy to hit with a thumb. */
#register-sales-toggle-bar{margin:6px 0 16px}
#register-sales-toggle-bar button{min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:700}
#register-sales-toggle-bar .text-button{border:1px solid #ffffff3d;background:#ffffff0f}

/* Toast with an action («Отменить» after «−1»). */
.toast:has(.toast-action){display:flex;align-items:center;gap:14px;font-size:13px}
.toast-action{flex:none;min-height:36px;padding:0 14px;border:1px solid #ffffff3d;border-radius:999px;background:#ffffff14;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.toast-action:active{background:#ffffff29}