/* Financial / dashboard / documents responsive */
@media (max-width: 1400px) {
  .financial-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1200px) {
  .financial-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1100px) {
  #financialBillsList .financial-bill-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  #financialBillsList .financial-bill-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .documents-grid {
    grid-template-columns: 1fr;
  }

  .documents-upload-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  #financial > .card {
    padding: 16px;
    border-radius: 20px;
  }

  #financial .top-row {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  #financial .top-row h2 {
    font-size: 28px;
  }

  #financial .page-actions {
    width: 100%;
    justify-content: stretch;
  }

  #financial .page-actions .action-btn,
  #financial #financialRefreshBtn,
  #financial #financialResetBtn,
  #financial #addNewBillBtn {
    width: 100%;
  }

  .financial-section,
  #financial .card.inner-card,
  .financial-summary-card {
    padding: 18px !important;
    border-radius: 18px;
  }

  .financial-section h3,
  .financial-summary-card h3,
  #financial .card.inner-card h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .financial-actions-row {
    flex-direction: column;
  }

  .financial-actions-row .action-btn,
  #saveSalaryBtn,
  #saveDailySpendingBtn,
  #loadHistoryBtn {
    width: 100%;
  }

  .financial-summary-grid {
    grid-template-columns: 1fr;
  }

  .financial-result-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .finance-chart-wrap {
    min-height: 230px;
  }

  #financial canvas#financeChart {
    height: 230px !important;
  }

  #financialBillsList .financial-bill-actions {
    flex-direction: column;
    align-items: stretch;
  }

  #financialBillsList .financial-bill-actions .action-btn {
    width: 100%;
    min-width: 100%;
  }

  .dashboard-actions {
    flex-direction: column;
  }

  .dashboard-actions .action-btn {
    width: 100%;
    min-width: 100%;
  }

  #documents {
    padding: 8px 6px 120px;
  }

  .documents-section {
    padding: 18px !important;
  }

  .documents-field {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 8px;
  }

  .documents-field label {
    margin-bottom: 0;
  }

  .documents-image-preview {
    height: 160px;
  }

  #documents .page-actions {
    flex-direction: column;
    width: 100%;
  }

  #documents .page-actions button {
    width: 100%;
  }

}