﻿/* CSS khusus host DQ.Web. Gaya inti ada di DQ.Design. */
#blazor-error-ui { display: none; position: fixed; inset: auto 0 0 0; z-index: 2000; padding: .6rem 1.25rem;
  background: var(--dq-warning-bg); border-top: 1px solid var(--dq-warning-stroke); box-shadow: var(--dq-shadow-16); }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }
/* Ornamen latar halus pada area isi halaman terotentikasi (warna = aksen kampus; SVG dummy di /images/ornamen, lihat public-landing.css). */
.dq-main { position: relative; isolation: isolate; overflow-x: clip; }
.dq-main::before, .dq-main::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-main::before { inset: 0; opacity: .045; -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-main::after { width: clamp(12rem, 24vw, 22rem); aspect-ratio: 1; right: -4rem; bottom: 0; opacity: .07; -webkit-mask-image: url("/images/ornamen/sudut-dummy.svg"); mask-image: url("/images/ornamen/sudut-dummy.svg"); -webkit-mask-size: contain; mask-size: contain; }
@media print { .dq-main::before, .dq-main::after { display: none; } }
