/* Movimento de caixa: modal e pagina do relatorio (11/10/2026) */

/* Modal */
.cx-l { display: block; font-size: 11px; font-weight: 600; color: #8793a6; margin: 8px 0 4px; letter-spacing: .03em; }
.cx-atalhos { margin: -4px 0 4px; font-size: 11px; color: #8793a6; font-weight: 600; }
#modal-moviment-cashier .cx-atalhos .btn.btn-link { padding: 2px 8px; margin: 0; text-transform: none !important; color: #c62d3a !important; font-size: 12px; font-weight: 600; }
#modal-moviment-cashier .cx-atalhos .btn.btn-link:hover { background: rgba(198,45,58,.08); }
.cx-chk { margin: 4px 18px 0 0; font-size: 13px; cursor: pointer; }
#modal-moviment-cashier .form-control { border: 1px solid #d5dbe5; border-radius: 8px; padding: 0 10px; height: 40px; background-image: none !important; }

/* Pagina */
.cx-body { background: #f4f5f8; font-family: Roboto, Arial, sans-serif; }
.cx-toolbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 12px; padding: 9px 18px; background: #323639; color: #fff; }
.cx-toolbar-title { flex: 1; font-size: 14px; font-weight: 500; }
.cx-toolbar .btn { margin: 0 0 0 6px; font-size: 12px; font-weight: 600; }
.cx-page { max-width: 1060px; margin: 16px auto; padding: 22px 26px; background: #fff; border-radius: 12px; box-shadow: 0 2px 14px rgba(40,50,70,.08); }
.cx-head { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 2px solid #c62d3a; }
.cx-head-r { text-align: right; }
.cx-empresa { font-size: 16px; font-weight: 700; color: #2b3445; }
.cx-titulo { font-size: 17px; font-weight: 700; color: #c62d3a; }
.cx-sub { font-size: 12px; color: #6b7588; margin-top: 2px; }

.cx-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-bottom: 18px; }
.cx-kpi { background: #f7f8fa; border: 1px solid #e7eaf0; border-radius: 10px; padding: 10px 14px; }
.cx-kpi span { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .05em; color: #8793a6; }
.cx-kpi b { font-size: 19px; color: #2b3445; }
.cx-kpi small { display: block; font-size: 11px; color: #8793a6; margin-top: 1px; }

.cx-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 8px; }
@media (max-width: 820px) { .cx-grid { grid-template-columns: 1fr; } }
.cx-h { font-size: 12px; font-weight: 700; letter-spacing: .05em; color: #2b3445; margin: 14px 0 6px; text-transform: uppercase; }

.cx-tabela { width: 100%; border-collapse: collapse; font-size: 13px; }
.cx-tabela th { background: #c62d3a; color: #fff; font-size: 11px; letter-spacing: .03em; padding: 6px 10px; white-space: nowrap; }
.cx-tabela td { padding: 5px 10px; vertical-align: middle; border-bottom: 1px solid #eef0f4; }
.cx-tabela .r { text-align: right; white-space: nowrap; }
.cx-tabela .l { text-align: left; }
.cx-tabela .c { text-align: center; }
.cx-tabela tr.zero td { color: #b3bac7; }
.cx-tabela tr.tot td { font-weight: 700; background: #f2f4f7; border-top: 1px solid #c9cfdb; }
.cx-tabela tr.neg td.v { color: #c62d3a; }
.cx-tabela tr.res td { font-weight: 700; font-size: 14px; color: #fff; background: #2b3445; padding: 8px 10px; }
.cx-tabela tr.vazio td { text-align: center; color: #8793a6; padding: 20px; }
.cx-tabela .pct { color: #6b7588; font-size: 12px; }
.cx-tabela tbody tr:nth-child(even):not(.tot):not(.res) { background: #fafbfc; }
.cx-tag { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 10.5px; font-weight: 700; color: #fff; }
.cx-tag-VENDA { background: #2e9e5b; } .cx-tag-SUPRIMENTO { background: #2f7fd1; } .cx-tag-SANGRIA { background: #c62d3a; }

.cx-conf input { width: 130px; text-align: right; border: 1px solid #d5dbe5; border-radius: 6px; padding: 3px 8px; font-size: 13px; }
.cx-dif-pos { color: #2e9e5b; font-weight: 700; } .cx-dif-neg { color: #c62d3a; font-weight: 700; }
.cx-nota { font-size: 11px; color: #8793a6; margin: 12px 0 0; }

@media print {
    .no-print { display: none !important; }
    .cx-body { background: #fff; }
    .cx-page { box-shadow: none; margin: 0; max-width: none; padding: 0; }
    .cx-tabela th, .cx-tabela td, .cx-tabela tr, .cx-tag { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    tr { page-break-inside: avoid; }
    thead { display: table-header-group; }
    .cx-conf input { border: 0; padding: 0; width: auto; }
}

/* Turnos do PDV no movimento de caixa */
.cx-tabela tr.sub td { font-size: 12px; color: #6b7588; background: #fafbfc; }
.cx-tag-ABERTO { background: #e8a317; }