/* Dopune SAMO za browser. Sav ostali izgled dolazi iz zajedničkog
   _content/YambShared.UI/yamb.css - web ne pravi svoj dizajn. */

html, body {
    height: 100%;
    margin: 0;
    /* na monitoru sadržaj ne treba da se razvlači preko cijele širine */
    background: var(--pozadina, #14161a);
}

/* Ljuska aplikacije: na širokom ekranu ostaje centrirana; širi rasporedi (tablet, desktop)
   dolaze u Fazi 4, i to fluidno (flex-wrap / auto-fit), bez nabrajanja prelomnih tačaka. */
.yamb-app {
    width: min(100%, 1200px);
    margin: 0 auto;
}

/* početni ekran dok se .NET runtime učitava (prvi ulazak) */
.ucitavanje {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    height: 100vh;
    color: #cfd3da;
    font-family: system-ui, "Segoe UI", sans-serif;
}

.ucitavanje-kocka {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #2b3038;
    box-shadow: inset 0 0 0 2px #3b424d;
    animation: kocka-okret 1.2s ease-in-out infinite;
}

@keyframes kocka-okret {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}