/*
 * 店舗管理画面の「売上」タブ（営業日ごとの売上とレジ締め。2026-10-04）。
 * 数字は右寄せ・等幅にして、桁をそろえて読めるようにします。
 * 印刷のときは、売上タブだけを紙に出します（body.sales-printing。admin-sales.js が印刷のあいだだけ付けます）。
 */
.sales-date { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
/* Safari の date の欄は appearance:auto のままだと幅を守らず、高さもほかの欄とずれます（2026-10-15）。
   キッチンの表示日（admin-orders.css）と同じ対策にし、幅は日付が入る大きさに決めます（appearance:none で width:auto だと縮みます）。 */
.sales-date input[type="date"] { -webkit-appearance: none; appearance: none; background: var(--card); display: block; flex: 0 0 auto; line-height: 1.4; max-width: 100%; min-height: 44px; width: 11em; }
.sales-date input[type="date"]::-webkit-date-and-time-value { margin: 0; text-align: left; }
.sales-date button { min-height: 44px; }
.sales-period { margin: 10px 0 0; }
.sales-total { text-align: center; }
.sales-total-label { color: #5b6661; margin: 0; }
.sales-total-amount { font-size: 2.4rem; font-variant-numeric: tabular-nums; font-weight: 700; margin: 4px 0; }
.sales-table { border-collapse: collapse; width: 100%; }
.sales-table th, .sales-table td { border-bottom: 1px solid #e6eae8; padding: 8px 6px; }
.sales-table th { font-weight: 400; text-align: left; }
.sales-table td { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.sales-table tfoot th, .sales-table tfoot td { border-bottom: 0; font-weight: 700; }
.sales-cash { display: grid; gap: 6px; margin: 0; }
.sales-cash > div { align-items: baseline; display: flex; justify-content: space-between; }
.sales-cash dd { font-variant-numeric: tabular-nums; margin: 0; }
.sales-difference dt, .sales-difference dd { font-weight: 700; }
.sales-difference.is-off dd, .sales-difference-preview.is-off { color: #a12a1e; }
.sales-close-form { display: grid; gap: 12px; max-width: 520px; }
.sales-close-form label { display: grid; font-weight: 700; gap: 4px; }
.sales-close-form input { font-size: 1.1rem; min-height: 44px; }
.sales-expected, .sales-difference-preview { font-variant-numeric: tabular-nums; margin: 0; }
.sales-difference-preview { font-weight: 700; }
/* 注文時とお会計の差額（2026-10-20）。横に長い表は、表の中だけを横に送ります（ページは横に動かさない）。 */
.sales-reconciliation h4 { font-size: 0.95rem; margin: 16px 0 6px; }
.sales-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sales-detail { border-collapse: collapse; font-size: 0.9rem; min-width: 720px; width: 100%; }
.sales-detail th, .sales-detail td { border-bottom: 1px solid #e6eae8; padding: 6px; text-align: left; vertical-align: top; }
.sales-detail th { color: #5d6b67; font-weight: 700; white-space: nowrap; }
.sales-detail td small { color: #5d6b67; display: block; }
.sales-detail .sales-amount { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }

@media print {
    body.sales-printing .app-header,
    body.sales-printing .side-nav,
    body.sales-printing #billing-banner,
    body.sales-printing .publication-bar,
    body.sales-printing .sales-date,
    body.sales-printing .sales-close-form { display: none !important; }
    body.sales-printing .tab-panel:not(#tab-sales) { display: none !important; }
    body.sales-printing main { margin: 0 !important; padding: 0 !important; }
    body.sales-printing .panel { border: 0; box-shadow: none; break-inside: avoid; }
}