html, body { font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif; }

.nalaganje { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; gap: 16px; color: #555; }
.nalaganje-krog { width: 40px; height: 40px; border: 4px solid #ddd; border-top-color: #1976d2; border-radius: 50%; animation: vrtenje 0.9s linear infinite; }
@keyframes vrtenje { to { transform: rotate(360deg); } }

#blazor-error-ui { background: #ffffe0; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,0.2); display: none; left: 0; padding: .6rem 1.25rem .7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }

/* Vlečenje postankov v urniku */
.postanek-vlecenje { cursor: grab; }
.postanek-vlecenje:active { cursor: grabbing; }
.mud-drop-zone { min-height: 48px; }

.slika-pomanjsava { width: 100%; height: 120px; object-fit: cover; border-radius: 4px; cursor: zoom-in; background: #eee; }
.slika-original { max-width: 100%; max-height: 80vh; }