@import url('./main-layout.css');
@import url('./components/global-card.css');
@import url('./components/global-grid.css');
@import url('./components/global-grid-xs.css');
@import url('./components/global-tab.css');
@import url('./components/global-menu-tab.css');
@import url('./components/global-tabs.css');
@import url('./components/global-textfield.css');
@import url('./components/global-combobox.css');
@import url('./components/global-multi-combobox.css');
@import url('./components/global-dialog.css');
@import url('./components/global-button-xs.css');
@import url('./views/admin-view.css');
@import url('./views/pengguna-view.css');
@import url("./views/pencarian-combo.css");
@import url("./views/opname-view.css");

html {
    --lumo-primary-color: hsl(214, 75%, 57%);
    --lumo-primary-color-50pct: hsla(214, 75%, 57%, 0.5);
    --lumo-primary-color-10pct: hsla(214, 75%, 57%, 0.1);
    --lumo-primary-text-color: hsl(214, 89%, 59%);
}

.centered-unordered-list {
    margin: 0 auto;
}

vaadin-login-form-wrapper vaadin-text-field::part(input-field) {
    background-color: var(--lumo-base-color);
    box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
}

vaadin-login-form-wrapper vaadin-password-field::part(input-field) {
    background-color: var(--lumo-base-color);
    box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
}

vaadin-login-form [slot="forgot-password"] {
    cursor: pointer;
}

vaadin-login-form vaadin-button[theme~="submit"] {
    cursor: pointer;
}
.spinner {
    /* Gaya dasar untuk spinner */
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #007BFF; /* Warna utama spinner */
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite; /* Animasi berputar */
    margin-top: 10px; /* Jarak dari tombol */
}

/* Animasi keyframe untuk perputaran */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}