@import url("planboard.css?v=8.7.6");

@import url("activity-timeline.css?v=8.7.6");

@import url("components.css?v=8.7.6");

timeline_hours_cell {
    border-right: solid;
}

imagepopup {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.unavailableReport {
    color: grey;
    opacity: 0.5;
}

.availableReport {
    color: black;
}

.smartReaderCode {
    font-size: larger;
    font-weight: bold;
}

.smartReaderCodeSelected {
    font-size: larger;
    font-weight: bold;
}

.integrationStatusMessage {
    color: black;
    font-weight: bold;
}

.integrationLastSeenMessage {
    color: gray;
    font-size: smaller;
}

body .error {
    color: red;
    font-weight: bold;
}

.mapTooltip {
    background-color: #ffffff;
    border-radius: 8px; /* Zachte hoeken */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Subtiele schaduw voor diepte */
    padding: 8px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1); /* Zeer dunne, lichte rand */
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    pointer-events: none; /* Cruciaal: zorgt dat de tooltip de muis niet 'blokkeert' */
}