/* Google Sheets Tabellen Styling */

/* ========================================
   GLOBAL - Alle Tabellen
   ======================================== */

.gsheet-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border: none;  /* Grauer Rahmen entfernt */
}

.gsheet-table td {
    vertical-align: top;
    padding: 0px;
    border: none;  /* Alle Rahmenlinien ausgeblendet */
}

.gsheet-table th {
    background-color: #f5f5f5;
    font-weight: bold;
    text-align: left;
    padding: 12px;
    border: none;  /* Alle Rahmenlinien ausgeblendet */
}

/* Placeholder & Loader */
.gsi-placeholder {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;  /* Grauer Rahmen entfernt */
    padding: 20px;
}

.gsi-loader {
    color: #666;
    font-style: italic;
}

/* Error Messages */
.gsi-error {
    color: #d32f2f;
    background-color: #ffebee;
    padding: 12px;
    border-left: 4px solid #d32f2f;
    margin: 10px 0;
}

/* ========================================
   gsheet-table-1 - offene Einsätze
   ======================================== */

.gsheet-table-1 tr:hover {
    background-color: #9fc5e8;
}

/* ========================================
   gsheet-table-2 - Dienstplan
   ======================================== */

.gsheet-table-2 td,
.gsheet-table-2 th {
    width: 16%;
    overflow: hidden;
}

.gsheet-table-2 tr:nth-child(1) {
    font-weight: bold;
}

.gsheet-table-2 td:nth-child(2) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}


/* Zeilen 2-9: Gelb */
.gsheet-table-2 tr:nth-child(n+2):nth-child(-n+9) {
    background-color: #ffff99;
}

/* Zeilen 11-18: Blau */
.gsheet-table-2 tr:nth-child(n+11):nth-child(-n+18) {
    background-color: #9fc5e8;
}

/* Zeilen 20-27: Rot */
.gsheet-table-2 tr:nth-child(n+20):nth-child(-n+27) {
    background-color: #e06666;
}

/* Spezifische Zeilen mit kleinerer Schriftgröße */
.gsheet-table-2 tr:nth-child(5),
.gsheet-table-2 tr:nth-child(9),
.gsheet-table-2 tr:nth-child(14),
.gsheet-table-2 tr:nth-child(18),
.gsheet-table-2 tr:nth-child(23),
.gsheet-table-2 tr:nth-child(27) {
    font-size: 0.75em;
}

/* Zeilen, die fett dargestellt werden (Arztname) */
.gsheet-table-2 tr:nth-child(1),
.gsheet-table-2 tr:nth-child(4),
.gsheet-table-2 tr:nth-child(8),
.gsheet-table-2 tr:nth-child(13),
.gsheet-table-2 tr:nth-child(17),
.gsheet-table-2 tr:nth-child(22),
.gsheet-table-2 tr:nth-child(26) {
	font-weight: bold;
}


/* ========================================
   gsheet-table-3 - letzte 10 Anrufe
   ======================================== */

.gsheet-table-3 td {
    padding: 5px;
}

.gsheet-table-3 tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}

.gsheet-table-3 tr:nth-child(1) {
    font-weight: bold;
}

/* ========================================
   gsheet-table-4 - heute im Hintergrund
   ======================================== */

.gsheet-table-4 {
    background-color: transparent;
}

.gsheet-table-4 td:first-child {
    font-weight: bold;
}

/* ========================================
   gsheet-table-5 - Aktuelle Info
   ======================================== */

.gsheet-table-5 {
    width: 60%;
    margin-left: 0; /* linksbündig */
    margin-right: auto; /* rechtsautomatisch, damit bleibt die Tabelle linksbündig */
}

.gsheet-table-5 tr:nth-child(2) td:nth-child(2) {
    font-weight: bold;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .gsheet-table {
        font-size: 12px;
    }

    .gsheet-table td,
    .gsheet-table th {
        padding: 8px;
    }
}