/* Container für die Tabellenzelle, damit das Icon absolut positioniert werden kann */
.cell-relative {
    position: relative;
}

/* Das kleine beste.schule Icon oben rechts */
.bs-icon {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    z-index: 10;
}

/* Zustände für das Icon (ggf. auch für die ganze Zelle nutzbar) */
.bs-match {
    background-color: #2ecc71; /* Grün */
    box-shadow: 0 0 5px #2ecc71;
}
.bs-diff {
    background-color: #f39c12; /* Orange leuchtend */
    box-shadow: 0 0 8px #f39c12, inset 0 0 10px rgba(243, 156, 18, 0.3);
}
.bs-missing {
    background-color: #e74c3c; /* Rot leuchtend */
    box-shadow: 0 0 8px #e74c3c, inset 0 0 10px rgba(231, 76, 60, 0.3);
}

/* Extra-Spalten (Tests, die nur in beste.schule existieren) */
.bs-extra-col {
    background-color: rgba(150, 150, 150, 0.2) !important;
    color: #777;
    border: 1px dashed #aaa !important;
}
.bs-extra-col img {
    opacity: 0.5; /* Icon in den Extra-Spalten leicht ausgrauen */
}