/* Bill-count layouts (billlooks.js). Only the admin "From last night's close" panel uses them. */
.bl-table { width: 100%; max-width: 380px; } .bl-table .num { text-align: right; font-variant-numeric: tabular-nums; } .bl-table .dim { color: var(--ink-dim); }
.empty { opacity: .45; }
.bl-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.bl-tile { padding: 8px 10px; border: 1px solid var(--line, #444); border-radius: 8px; } .bl-tile b { display: block; font-size: 22px; } .bl-tile span { font-size: 12px; color: var(--ink-dim); }
.bl-counts { list-style: none; margin: 0; padding: 0; max-width: 220px; } .bl-counts li { display: flex; justify-content: space-between; padding: 2px 0; border-bottom: 1px dotted var(--line, #444); }
.bl-caps { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; } .bl-caps div { display: grid; padding: 6px 8px; border: 1px solid var(--line, #444); border-radius: 6px; }
.bl-caps i { font-size: 9px; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-dim); font-style: normal; } .bl-caps strong, .bl-caps span { font-variant-numeric: tabular-nums; }
.bl-bars > div { display: grid; grid-template-columns: 56px 1fr 34px 84px; align-items: center; gap: 8px; padding: 2px 0; } .bl-bars em { display: block; height: 10px; border-radius: 5px; background: #D97757; min-width: 2px; }
.bl-bars .amt { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink-dim); }
.bl-receipt { font: 13px/1.5 ui-monospace, Menlo, monospace; background: rgba(255,255,255,.05); padding: 10px 12px; border-radius: 6px; max-width: 360px; overflow-x: auto; margin: 0; }
.bl-dots > div { display: grid; grid-template-columns: 56px 1fr 34px; gap: 8px; align-items: center; } .bl-dots em { font-style: normal; color: #D97757; letter-spacing: -1px; font-size: 12px; overflow: hidden; }
.bl-chips { display: flex; flex-wrap: wrap; gap: 6px; } .bl-chip { padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line, #555); } .bl-chip b { margin-left: 4px; }
.bl-big { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; } .bl-big div { text-align: center; } .bl-big strong { display: block; font-size: 34px; line-height: 1; } .bl-big small { display: block; color: var(--ink-dim); }
.bl-sentence { font-size: 17px; line-height: 1.5; margin: 0; }
.bl-heat { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 6px; } .bl-heat div { padding: 8px; border-radius: 6px; background: rgba(217,119,87,calc(.12 + var(--heat) * .6)); display: grid; } .bl-heat strong { font-size: 20px; }
.bl-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 360px; } .bl-two h4 { margin: 0 0 4px; } .bl-two p { display: flex; justify-content: space-between; margin: 0; padding: 1px 0; }
.bl-one { margin: 0; line-height: 1.8; }