.pa-card{border:1px solid var(--pa-color-line);border-radius:var(--pa-radius-md);background:var(--pa-color-surface);box-shadow:var(--pa-shadow-card)}
.pa-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:var(--pa-core-black);color:#fff;font-weight:500}
.pa-input,.pa-select,.pa-textarea{width:100%;min-height:48px;border:1px solid var(--pa-color-line);border-radius:14px;background:#fff;color:var(--pa-color-ink)}
.pa-popup{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgb(0 0 0/68%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pa-popup[hidden]{display:none}.pa-popup__panel{position:relative;width:min(920px,100%);max-height:90dvh;overflow:auto;border-radius:var(--pa-radius-lg);background:var(--pa-core-ink);color:#fff;box-shadow:var(--pa-shadow-modal)}

/* Yhteinen taustasumennus kaikille PääAsian modaaleille ja drawereille. */
:where(
    .pa-popup__backdrop,
    .pa-visual-modal__backdrop,
    .pa-profile-modal__backdrop,
    .pa-guide-modal__backdrop,
    .pa-course-modal__backdrop,
    .pa-quick-add__backdrop,
    .pa-request-dialog__backdrop,
    .pa-asioi-queue__backdrop,
    .pa-user-drawer__overlay
) {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

dialog::backdrop {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
@media(max-width:767px){.pa-popup{align-items:end;padding:0}.pa-popup__panel{width:100%;border-radius:var(--pa-radius-lg) var(--pa-radius-lg) 0 0}}