AR7 THIAGO

by thvinic

HTML

<div class="caixa-app">
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
  
  <style>
    .caixa-app { max-width: 100%; font-size: 14px; }
    .day-cell { 
      cursor: pointer; padding: 0.25rem 0.5rem; text-align: center; 
      border: 1px solid #dee2e6; margin: 1px; display: inline-block; 
      min-width: 2.2rem; background: white;
    }
    .day-cell:hover { background-color: #f8f9fa !important; }
    .day-selected { background-color: #0d6efd !important; color: white !important; }
    .day-deposito { background-color: #198754 !important; color: white !important; }
    .day-diaria { background-color: #dc3545 !important; color: white !important; }
    .calendar-row { margin-bottom: 0.5rem; }
    .calendar-header { font-weight: bold; margin-bottom: 0.25rem; }
    #calendar, #calendarDiaria { max-height: 260px; overflow-y: auto; }
    .badge-lg { font-size: 1.1rem; padding: 0.5rem 1rem; }
    .balanco-positivo { background-color: #d4edda !important; color: #155724 !important; }
    .balanco-negativo { background-color: #f8d7da !important; color: #721c24 !important; }
    .item-row { cursor: pointer; padding: 0.4rem; border-radius: 4px; margin: 2px 0; display: flex; justify-content: space-between; align-items: center; }
    .item-row:hover { background-color: #f8f9fa; }
    .editing { border: 2px solid #0d6efd !important; }
  </style>

  <div class="card shadow-sm">
    <div class="card-header bg-primary text-white">
      <h6 class="mb-0">šŸ’° Caixa - Completo (Editar/Excluir)</h6>
    </div>
    <div class="card-body p-3">
      
      <div class="row g-2 mb-4">
        <div class="col-4">
          <div class="text-center p-2 bg-light rounded">
            <small...