/* Ogólne style kontenera */
#sap-container {
    padding: 20px;
}

#sap-container h2 {
    margin-bottom: 20px;
}

#sap-container input[type="text"] {
    padding: 5px;
    width: 200px;
}

#sap-container button {
    padding: 5px 10px;
    transition: background-color 0.3s, transform 0.3s;
}

#sap-container button:hover {
    background-color: #0073aa;
    color: #fff;
    transform: translateY(-2px);
}

/* Styl tabeli */
#sap-container table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

#sap-container table, #sap-container th, #sap-container td {
    border: 1px solid #ccc;
}

#sap-container th, #sap-container td {
    padding: 10px;
    text-align: left;
}

/* Styl dla wiersza z detalami wizyty */
.sap-visit-details-row td {
    padding: 0;
}

.sap-visit-details-table {
    width: 100%;
    border-collapse: collapse;
}

.sap-visit-details-table th, .sap-visit-details-table td {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
}

/* Styl dla spinnera */
.spinner {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0073aa;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 0.6s linear infinite;
    display: inline-block;
    vertical-align: middle;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Styl dla przycisków w szczegółach wizyty */
.sap-edit-cloth-button,
.sap-save-cloth-button,
.sap-delete-visit-button {
    margin-right: 5px;
}

/* Ukrywanie przycisku "Zapisz" domyślnie */
.sap-save-cloth-button {
    display: none;
}

/* Styl dla efektu hover na wierszach tabeli */
#sap-container table tr:hover {
    background-color: #f9f9f9;
}