/* output.css for Gärplan Django-App */

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

/* Custom additions if needed */

/* Example: Table styling for readability */
.table-auto th {
    @apply bg-gray-100 text-left px-4 py-2;
}
.table-auto td {
    @apply border-t px-4 py-2;
}

/* Button defaults */
.btn {
    @apply bg-blue-600 text-white rounded px-4 py-2 hover:bg-blue-700 transition;
}

/* Card defaults */
.card {
    @apply bg-white shadow rounded p-4;
}

/* Header styling */
.header-title {
    @apply text-2xl font-semibold mb-4;
}

/* Behaelter inaktiv */
.inaktiv {
    background-color: #f8d7da;  /* Helles Rot für inaktive Behälter */
}

 table {
      width: 100%;
      border-collapse: collapse;
    }

    th, td {
      padding: 10px;
      border: 1px solid #ddd;
      text-align: left;
    }

    th {
      cursor: pointer;
    }

    th:hover {
      background-color: #f1f1f1;
    }

    tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    tr:hover {
      background-color: #f1f1f1;
    }