/* Samples Given (app-v0.36.12, Business Hub only). Builds on mileage.css (ml-*). Every control is at least 44 px tall. */
.sg-beta { display: inline-block; margin-left: 6px; padding: 2px 10px; border-radius: 999px; background: #DCFCE7; color: #14532D; font-size: 0.8rem; font-weight: 800; }
.sg-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 10px 12px; align-items: end; }
.sg-check { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; font-weight: 700; color: #1E293B; cursor: pointer; }
.sg-check input { width: 24px; height: 24px; }
.sg-totals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 14px 0 6px; }
.sg-totals div { background: #F8FAFC; border: 2px solid #E2E8F0; border-radius: 14px; padding: 8px 12px; }
.sg-totals dt { font-size: 0.78rem; font-weight: 700; color: #475569; }
.sg-totals dd { margin: 2px 0 0; font-size: 1.05rem; font-weight: 800; color: #0F172A; font-variant-numeric: tabular-nums; }
.sg-entries { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sg-entry { border: 2px solid #E2E8F0; border-radius: 16px; padding: 12px 14px; }
.sg-entry-main { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #0F172A; }
.sg-deleted { opacity: 0.7; border-style: dashed; }
.sg-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; background: #E2E8F0; color: #1E293B; font-size: 0.75rem; font-weight: 800; }
.sg-badge-ok { background: #DCFCE7; color: #14532D; }
.sg-badge-warn { background: #FEF3C7; color: #78350F; }
.sg-error { color: #B91C1C; font-weight: 700; margin: 8px 0 0; }
.sg-page .ml-btn, .sg-page .ml-input { min-height: 44px; }
@media (max-width: 600px) {
    .sg-filters { grid-template-columns: 1fr 1fr; }
    .sg-filters .ml-field:first-child { grid-column: 1 / -1; }
    .sg-totals { grid-template-columns: 1fr 1fr; }
    .ml-log .ml-btn-big { width: 100%; }
}
/* app-v0.36.12 (Hubprobe t03612b): inline field errors, inventory note, products list */
.sg-field-error { color: #B91C1C; font-size: .85rem; font-weight: 600; margin-top: 4px; }
.sg-note { font-size: .85rem; margin: 0; }
.sg-products { list-style: none; margin: 8px 0 0; padding: 0; }
.sg-products li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 0; border-top: 1px solid #E5E7EB; }