/* =====================================================================
   YONETIMLI SUNUCU — NOBET ODASI PLANLAYICI (2026-10-23)
   Kart, secim haplari, adim sayaci ve bolum zemini turkbil-colo.css'ten (ortak .tb-colo-* bileseni);
   burada yalniz nobet odasi sahnesi (turkbil-yonetim.js) ve coklu secim (yazilimlar) onay kutusu.
   ===================================================================== */
.tb-yon .tb-yon-tuval { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .6s ease; }
.tb-yon.tb-yon-hazir .tb-yon-tuval { opacity: 1; }
.tb-yon .tb-yon-oda {
    -webkit-mask-image: radial-gradient(80% 74% at 50% 46%, #000 68%, transparent 100%);
            mask-image: radial-gradient(80% 74% at 50% 46%, #000 68%, transparent 100%);
}
/* coklu secim: hapin icinde kucuk onay kutusu (tekli secimlerden ayirt edilsin) */
.tb-yon .tb-colo-secim input[type="checkbox"] + label::before {
    content: ""; flex: none; width: .82em; height: .82em; margin-inline-end: .5em; border-radius: 3px;
    border: 1.5px solid currentColor; opacity: .5; box-sizing: border-box;
}
.tb-yon .tb-colo-secim input[type="checkbox"]:checked + label::before {
    opacity: 1; border-color: #fff;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.9' fill='none' stroke='%23244a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;
}
.tb-yon .tb-colo-ipucu { font-weight: 400; font-size: .76rem; letter-spacing: 0; color: #8FA1B9; margin-inline-start: .35rem; }
@media (max-width: 991.98px) {
    .tb-yon .tb-yon-oda {
        -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 84%, transparent 100%);
                mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 84%, transparent 100%);
    }
}
@media (prefers-reduced-motion: reduce) { .tb-yon .tb-yon-tuval { transition: none; } }