/* Shared viewport contract; native dialogs enter the browser top layer. */
html.hms-modal-open,html.hms-modal-open body{overflow:hidden!important;overscroll-behavior:none}
dialog{position:fixed!important;inset:var(--hms-vv-top,0px) var(--hms-vv-right,0px) var(--hms-vv-bottom,0px) var(--hms-vv-left,0px)!important;margin:auto!important;max-width:calc(var(--hms-vv-width,100vw) - 24px)!important;max-height:calc(var(--hms-vv-height,100dvh) - 32px)!important;box-sizing:border-box;overscroll-behavior:contain}
dialog:not([open]){display:none!important}
[data-hms-viewport-overlay]{position:fixed!important;inset:var(--hms-vv-top,0px) var(--hms-vv-right,0px) var(--hms-vv-bottom,0px) var(--hms-vv-left,0px)!important;width:auto!important;height:auto!important;margin:0!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:16px!important;z-index:2147483200!important}
[data-hms-viewport-overlay] [role=dialog],[data-hms-viewport-overlay]>.modal-card,[data-hms-viewport-overlay]>.modal-content,[data-hms-viewport-overlay]>.card{margin:0!important;max-height:calc(var(--hms-vv-height,100dvh) - 32px)!important;max-width:100%!important;overflow:auto;overscroll-behavior:contain}
.hms-admin-access{width:min(360px,calc(100vw - 24px));padding:20px;border:1px solid #d8bb8d;border-radius:14px;background:#fffaf0;color:#49321c;font:inherit}
.hms-admin-access h2{font-size:18px;margin:0 0 16px}.hms-admin-access form{display:grid;gap:10px}.hms-admin-access footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.hms-admin-access::backdrop{background:#34231270}.hms-admin-access label{font-size:13px;font-weight:600}.hms-admin-access input{width:100%;box-sizing:border-box}
.hms-admin-entry{border:0!important;background:none!important;box-shadow:none!important;color:#866440!important;text-decoration:underline;font:inherit;font-size:12px;padding:0!important;min-height:24px;margin-top:14px;cursor:pointer}

/* Non-blocking notifications can use the same visible-viewport coordinates. */
.hms-viewport-popup{position:fixed!important;inset:auto!important;top:calc(var(--hms-vv-top,0px) + var(--hms-vv-height,100dvh)/2)!important;left:calc(var(--hms-vv-left,0px) + var(--hms-vv-width,100vw)/2)!important;transform:translate(-50%,-50%)!important;margin:0!important;max-height:calc(var(--hms-vv-height,100dvh) - 32px)!important;max-width:calc(var(--hms-vv-width,100vw) - 32px)!important;box-sizing:border-box}