#pms-notifications { position: fixed; top: 76px; right: 20px; z-index: 2147483647; width: 360px; max-width: calc(100vw - 32px); display: grid; gap: 10px; }
.pms-notification { display: flex; align-items: flex-start; gap: 16px; padding: 14px 16px; border: 1px solid #d3dfeb; border-radius: 8px; background: #fff; color: #263f55; box-shadow: 0 6px 20px rgba(23,47,76,.14); font: 14px/1.6 system-ui,sans-serif; overflow-wrap: anywhere; }
.pms-notification > span { flex: 1; white-space: pre-wrap; }
.pms-notification > button { flex: 0 0 28px; padding: 0; border: 0; border-radius: 4px; color: #536a7e; background: transparent; font: 24px/28px system-ui,sans-serif; cursor: pointer; }
.pms-notification > button:hover { background: #eef4fa; }
.pms-notification > button:focus-visible { outline: 2px solid #285d8b; outline-offset: 2px; }
.pms-confirmation { box-sizing: border-box; width: 420px; max-width: calc(100vw - 32px); padding: 24px; border: 1px solid #d3dfeb; border-radius: 10px; color: #263f55; background: #fff; box-shadow: 0 12px 40px rgba(23,47,76,.2); font: 15px/1.6 system-ui,sans-serif; }
.pms-confirmation::backdrop { background: rgba(18,34,51,.35); }
.pms-confirmation p { margin: 0 0 24px; overflow-wrap: anywhere; }
.pms-confirmation > div { display: flex; justify-content: flex-end; gap: 10px; }
.pms-confirmation button { padding: 8px 20px; border: 1px solid #ccd9e5; border-radius: 6px; background: #fff; color: #36516b; font: inherit; cursor: pointer; }
.pms-confirmation button.pms-confirmation__accept { border-color: #285d8b; background: #285d8b; color: #fff; }
.pms-confirmation button:focus-visible { outline: 2px solid #285d8b; outline-offset: 3px; }