@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .pt-40 {
    padding-top: 40px;
  }

  .table-danger {
    color: #db0000 !important;
    font-weight: bold;
    background-color: #f6dbdb;
  }

  .table-success {
    color: #007a0d !important;
    font-weight: bold;
    background-color: #cff3d3;
  }


  .alerta {
    display: none;
    border: 1px solid #f56565;
  }

  .alerta-titulo {
    background-color: #f56565;
  }

  .alerta ul {
    list-style: auto;
  }

  /* Evitar colidir com bg-green-200 do Tailwind */
  .protel-bg-green-200 {
    background-color: #90edb0;
    color: white;
  }

  .protel-bg-orange-200 {
    background-color: #f3af55;
    color: white;
  }

  .protel-bg-red-200 {
    background-color: #f56565;
    color: white;
  }

  .text-yellow {
    color: #FFD200;
  }

  table td {
    font-size: 14px;
  }

  .read-only\:bg-gray-50:read-only {
    --tw-bg-opacity: 0 !important;
    background-color: lightgray !important;
  }

  /* Spinner overlay (usado em layouts dp e private) */
  .spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .page-link:hover {
    color: black;
  }

  .disabled-link {
    color: lightgray;
  }

  /* Flash message auto-hide animation */
  .flash-hidden {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease-out, max-height 0.5s ease-out;
  }
}