html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    /* Makni background-color: currentColor; */
    background-image: url('../images/logo_dark_104_36.png');
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: contain osigurava da logo stane u zadane dimenzije bez rezanja */
    background-size: contain;
    width: 104px;
    height: 36px;
    /* Obavezno obriši ili zakomentiraj mask svojstva */
    -webkit-mask: none;
    mask: none;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.logon-main-container {
    background: url('../images/comcross_background.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Glassmorphism efekt za karticu logina */
.logon-content-main {
    background: rgba(26, 26, 26, 0.8) !important;
    backdrop-filter: blur(10px);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    padding: 30px !important;
}

    /* Prilagodba teksta da bude bijel */
    .logon-content-main label,
    .logon-content-main .card-header,
    .logon-content-main .text-muted {
        color: white !important;
    }

/* Smanjujemo zaglavlje i uklanjamo nepotrebne sate ako su ostali */
.dxbl-scheduler-timeline-view .dxbl-scheduler-time-header {
    display: none !important; /* Sakriva sate */
}

/* Osiguravamo da su imena radnika čitljiva i lijevo poravnata */
.dxbl-scheduler-resource-header-cell {
    min-width: 150px !important;
    text-align: left !important;
    padding-left: 10px !important;
    background-color: #f8f9fa !important;
}

/* Flat izgled za stavke (uklanjanje sjena) */
.dxbl-scheduler-appointment {
    box-shadow: none !important;
    border-radius: 2px !important;
    border: none !important;
}

/* Prilagodba ćelija dana da budu šire radi čitljivosti datuma */
.dxbl-scheduler-timeline-view .dxbl-scheduler-header-panel-cell {
    min-width: 80px !important;
}