/* Kasa modülü — masaüstündeki "Kasa Durumu / Kasa Geçmişi" ekranının demo karşılığı. */

.cash-state {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid #d6d3ca;
    background: #efede7;
}
.cash-state.open { background: #e7f4ea; border-color: #b6ddc0; color: #206b34; }
.cash-state.closed { background: #f4eded; border-color: #ddbcbc; color: #8c3a3a; }
.cash-state small { font-weight: 500; color: #6f6c66; }

.cash-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.cash-card {
    background: #fff;
    border: 1px solid #e0ddd5;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.cash-card small { color: #6f6c66; font-size: 12px; font-weight: 600; }
.cash-card strong { font-size: 20px; font-variant-numeric: tabular-nums; }
.cash-card em { color: #9a978f; font-size: 11px; font-style: normal; }
.cash-card.negative strong { color: #b93434; }

/* Günün asıl sayısı: sayım bununla karşılaştırılıyor. */
.cash-card.expected {
    background: #fff6ee;
    border-color: #f0c9a4;
}
.cash-card.expected strong { color: #b4560f; }

.cash-close-expected {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    background: #f6f4ef;
    border: 1px solid #e0ddd5;
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
}
.cash-close-expected strong { font-size: 20px; font-variant-numeric: tabular-nums; }

.cash-close-diff {
    border-radius: 6px;
    padding: 9px 12px;
    margin: 8px 0;
    font-size: 13px;
}
.cash-close-diff.exact { background: #e7f4ea; color: #206b34; }
.cash-close-diff.over { background: #eef2fb; color: #274a91; }
.cash-close-diff.short { background: #fbeeee; color: #8c3a3a; }

.modal-hint { color: #7a776f; font-size: 12px; line-height: 1.5; margin: 6px 0 0; }

.xaml-table-card td.num,
.xaml-table-card th.num { text-align: right; font-variant-numeric: tabular-nums; }
.xaml-table-card td.over { color: #274a91; font-weight: 700; }
.xaml-table-card td.short { color: #b93434; font-weight: 700; }
.xaml-table-card td.exact { color: #6f6c66; }