/* Keep the notification entry in the same physical top-right position in all four languages. */
.wb-reminder-head { position: relative; padding-right: 60px !important; min-height: 44px; }
.wb-reminder-head > .wb-reminder-bell {
  position: absolute; top: 0; right: 0; display: inline-flex !important; align-items: center; justify-content: center;
  width: 44px; height: 44px; min-width: 44px; min-height: 44px; margin: 0; padding: 10px;
  border: 1px solid #e3dfd6; border-radius: 12px; background: #fff; color: #17364b; cursor: pointer;
}
.topbar.wb-reminder-head > .wb-reminder-bell { top: 50%; right: 12px; transform: translateY(-50%); }
.topbar.wb-reminder-head { padding-right: 72px !important; }
.wb-reminder-bell svg { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.wb-reminder-bell:hover { color: #9a6c10; background: #fcf6e9; }
.wb-reminder-bell:focus-visible, .wb-reminder-dialog button:focus-visible { outline: 3px solid #c79937; outline-offset: 3px; }
.wb-reminder-native .vo-page[data-vo-page="dashboard"] [data-vo-tab="notifications"]:not([data-workbench-reminders]),
.wb-reminder-native .ao-dashboard [data-ao-tab="notifications"]:not([data-workbench-reminders]) { display: none !important; }
.wb-reminder-count { position: absolute; top: -4px; right: -4px; min-width: 18px; padding: 1px 4px; border-radius: 12px; background: #b54532; color: #fff; font-size: 11px; line-height: 16px; }
.wb-reminder-count[hidden] { display: none !important; }
.wb-reminder-dialog { box-sizing: border-box; width: min(480px, calc(100vw - 28px)); max-height: min(78dvh, 720px); margin: auto; padding: 20px; border: 1px solid #e3dfd6; border-radius: 18px; color: #17364b; background: #fff; box-shadow: 0 16px 60px #102d4533; overflow-y: auto; }
.wb-reminder-dialog::backdrop { background: #0b253b66; }
.wb-reminder-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.wb-reminder-dialog h2 { margin: 0; font-size: 22px; }
.wb-reminder-dialog header button { width: 44px; height: 44px; border: 0; border-radius: 10px; background: #f3f5f6; color: inherit; font-size: 28px; cursor: pointer; }
.wb-reminder-list { display: grid; gap: 10px; }
.wb-reminder-dialog .wb-reminder-item { box-sizing: border-box; display: block; width: 100%; min-height: 44px; margin: 0; padding: 14px; border: 1px solid #e5e8eb; border-radius: 10px; background: #fafbfc; color: inherit; font: inherit; line-height: 1.6; text-align: start; overflow-wrap: anywhere; white-space: pre-line; }
.wb-reminder-dialog button.wb-reminder-item { cursor: pointer; }
.wb-reminder-dialog > .wb-reminder-item { margin-top: 12px; color: #936816; }
@media (max-width: 480px) { .wb-reminder-dialog { padding: 16px; } }