/* Halaman login per kampus (DqLoginForm), meniru login Silva: foto kampus sebagai latar, kartu semi-transparan di kiri. Awalan dq-login. */
.dq-login { position: fixed; inset: 0; overflow: auto; display: flex; align-items: center; padding: 1rem clamp(1rem, 8vw, 7rem);
  background: #1c3a2a center / cover no-repeat; }
.dq-login-dq1 { background-image: url(/images/login/bg-dq1.jpg); }
.dq-login-dq2 { background-image: url(/images/login/bg-dq2.jpg); }
.dq-login-dq3 { background-image: url(/images/login/bg-dq3.jpg); }
.dq-login-dq4 { background-image: url(/images/login/bg-dq4.jpg); }

.dq-auth-card--photo { max-width: 430px; margin: auto 0; background: rgba(255, 255, 255, .86); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .25); }
.dq-auth-card--photo .dq-auth-body { padding: 1.5rem 2rem; }
.dq-auth-card--photo .dq-auth-logo { max-height: 56px; margin-bottom: 1rem; }
.dq-auth-card--photo h1 { font-size: 1.25rem; font-weight: 500; color: #1b1b1b; }
.dq-auth-card--photo .dq-auth-sub { font-size: .9rem; color: #1b1b1b; margin-bottom: 1.25rem; }
.dq-auth-help { font-size: .78rem; color: var(--bs-secondary-color); margin: 0 0 .5rem; }

/* kolom bootstrap (kata sandi, pilihan) serapat kolom Syncfusion di atasnya */
.dq-auth-card--photo .form-control, .dq-auth-card--photo .form-select, .dq-auth-card--photo .input-group .btn { padding: .3rem .6rem; font-size: .9rem; border-radius: 4px; }
.dq-auth-card--photo .btn-lg { padding: .45rem 1rem; font-size: 1rem; border-radius: 4px; }

/* kolom nama lengkap: tampak nonaktif, bukan isian */
.dq-auth-card--photo .dq-realname.e-input-group, .dq-auth-card--photo .dq-realname { opacity: .85; }

/* layar sempit: kartu di tengah */
@media (max-width: 767.98px) { .dq-login { justify-content: center; padding: 1rem; } .dq-auth-card--photo { margin: auto; } }

/* Ornamen halus di kartu login (warna = aksen kampus; SVG dummy di /images/ornamen). */
.dq-auth-card--photo { position: relative; isolation: isolate; }
.dq-auth-card--photo::before, .dq-auth-card--photo::after { content: ""; position: absolute; z-index: -1; pointer-events: none; background: var(--dq-brand-base); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.dq-auth-card--photo::before { inset: 0; opacity: .07; -webkit-mask-image: url("../../images/ornamen/pola-dummy.svg"); mask-image: url("../../images/ornamen/pola-dummy.svg"); -webkit-mask-size: 64px 64px; mask-size: 64px 64px; -webkit-mask-repeat: repeat; mask-repeat: repeat; }
.dq-auth-card--photo::after { width: 11rem; aspect-ratio: 1; right: -3rem; bottom: -3rem; opacity: .1; -webkit-mask-image: url("../../images/ornamen/sudut-dummy.svg"); mask-image: url("../../images/ornamen/sudut-dummy.svg"); -webkit-mask-size: contain; mask-size: contain; }