#closingPosReminder{box-sizing:border-box;width:min(520px,calc(100% - 28px));max-height:85dvh;overflow:auto;margin:auto;padding:24px;border:1px solid var(--line,#34475f);border-radius:20px;background:var(--panel,#112039);color:var(--text,#edf4ff);box-shadow:0 24px 80px #0006;font:15px/1.5 system-ui,-apple-system,sans-serif}
#closingPosReminder::backdrop{background:rgba(2,10,23,.68)}
#closingPosReminder header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#closingPosReminder h2{margin:0;font-size:21px;line-height:1.3}
#closingPosReminderMessage{font-size:18px;font-weight:750;margin:24px 0 10px}
#closingPosReminder .pos-reminder-note{color:var(--muted,#abbdd3);margin:0}
#closingPosReminder .pos-reminder-status{min-height:24px;margin:18px 0}
#closingPosReminder footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#closingPosReminder button{min-height:44px;padding:10px 14px;border:1px solid var(--line,#34475f);border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}
#closingPosReminder .pos-reminder-primary{background:#0876e9;border-color:#0876e9;color:#fff;font-weight:750}
#closingPosReminder button:focus-visible{outline:3px solid #5398ff;outline-offset:3px}
#closingPosReminder button:disabled{opacity:.6;cursor:wait}
html[data-theme="light"] #closingPosReminder{background:#fff;color:#192b45;border-color:#d9e2ee}
@media(max-width:600px){#closingPosReminder{padding:20px}#closingPosReminder footer button{flex:1 1 100%}}

#closingPosReminder .pos-reminder-success-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 0 18px;background:#dcfce7;color:#15803d;font-size:36px;font-weight:800}
#closingPosReminder .pos-completion-context{margin-bottom:24px}
