dialog.login-reminder-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #bed1c5;border-radius:16px;background:#fff;color:#193e2d;box-shadow:0 24px 80px #0005;font:14px/1.5 system-ui,sans-serif}dialog.login-reminder-dialog::backdrop{background:#071d14a8;backdrop-filter:blur(3px)}.reminder-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #78978444}.reminder-dialog-head small{font-size:10px;letter-spacing:1.5px}.reminder-dialog-head h2{font-size:24px;margin:4px 0;color:inherit}.reminder-dialog-head h2 span{font-size:14px;opacity:.7}.reminder-dialog-head>button{background:transparent;border:0;color:inherit;font-size:24px;min-width:44px;min-height:44px}.reminder-dialog-items{overflow-y:auto;max-height:55dvh;padding:8px 16px}.reminder-dialog-items .pdc-notification-item{width:100%;box-sizing:border-box}.reminder-dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #78978444}.reminder-dialog-footer button{padding:11px 16px;min-height:44px;border:1px solid #7c9b89;border-radius:8px;background:transparent;color:inherit;font:600 13px system-ui;margin:0;cursor:pointer}.reminder-dialog-footer [data-dismiss-today]{background:#216347;color:#fff;border-color:#216347}html[data-ui-theme=dark] dialog.login-reminder-dialog{background:#1b3026!important;color:#e4f1e8!important;border-color:#4c6c58!important}html[data-ui-theme=dark] .reminder-dialog-items .pdc-notification-item{color:#e4f1e8;background:#1b3026}.login-reminder-dialog button:focus-visible{outline:3px solid #6bac89;outline-offset:2px}

.reminder-dialog-items .pdc-notification-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;text-align:left;padding:14px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #78978444!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:inherit;cursor:pointer}.reminder-dialog-items .pdc-notification-item strong{font-size:14px}.reminder-dialog-items .pdc-notification-item .amount{font-weight:700}.reminder-dialog-items .pdc-notification-meta{color:inherit;opacity:.75;font-size:12px}.reminder-dialog-items .pdc-due-label{font-size:11px;font-style:normal;justify-self:end;background:#2f865b22;color:inherit;padding:3px 8px;border-radius:12px}.reminder-dialog-items .pdc-due-label.overdue{background:#c16b4528}.reminder-dialog-head>button{border-radius:7px;cursor:pointer}

.login-reminder-dialog{width:min(640px,calc(100vw - 28px))!important}.reminder-dialog-head{padding:16px 22px}.reminder-dialog-head h2{font-size:21px}.reminder-dialog-items{padding:12px 18px;max-height:62dvh}.reminder-group h3{display:flex;gap:8px;align-items:center;font-size:12px;margin:6px 0 10px;opacity:.8}.reminder-group h3>span{border-radius:20px;background:#21856715;padding:1px 7px}.reminder-group+.reminder-group{margin-top:16px}.reminder-card.pdc-notification-item{display:flex!important;flex-direction:column;gap:7px!important;width:100%;padding:14px!important;border:1px solid #78978444!important;border-radius:10px!important;margin:0 0 10px!important;text-align:left;background:transparent!important;color:inherit!important;box-sizing:border-box;cursor:pointer}.reminder-card-type{text-transform:uppercase;font-size:10px;letter-spacing:.7px;opacity:.65}.reminder-card-title{display:flex;justify-content:space-between;gap:14px;align-items:center}.reminder-card-title strong{font-size:15px}.reminder-card-title b{white-space:nowrap}.reminder-card-bottom{display:flex;align-items:center;gap:8px;font-size:12px}.reminder-card-bottom>span:first-child{flex:1;opacity:.75}.reminder-card .pdc-due-label{font-style:normal;font-size:10px;white-space:nowrap;background:#21856718;border-radius:20px;padding:4px 8px}.reminder-card .pdc-notification-meta{display:block;opacity:.7;font-size:12px}.reminder-load-note{font-size:12px;opacity:.7}.reminder-card:hover{border-color:#218567!important;background:#21856708!important}#pdcNotificationPanel .reminder-group{padding:8px 12px}#pdcNotificationPanel{max-height:70dvh;overflow:auto;width:min(420px,calc(100vw - 24px))}html[data-ui-theme=dark] .reminder-card{color:#e4f1e8!important}@media(max-width:480px){.reminder-dialog-items{padding:10px}.reminder-card-bottom{flex-wrap:wrap}.reminder-dialog-footer{padding:12px}.reminder-card-title strong{overflow-wrap:anywhere}}

/* Compact reminder rows, shared by login dialog and bell panel. */
.login-reminder-dialog .reminder-dialog-head{padding:10px 18px}.login-reminder-dialog .reminder-dialog-head h2{font-size:19px;margin:0}.login-reminder-dialog .reminder-dialog-head>button{min-height:32px;min-width:32px;font-size:20px}.login-reminder-dialog .reminder-dialog-items{padding:5px 16px;max-height:60dvh}.reminder-group+.reminder-group{margin-top:8px}.reminder-group h3{margin:6px 0;font-size:11px}.reminder-dialog-items .reminder-list-row.pdc-notification-item,#pdcNotificationPanel .reminder-list-row.pdc-notification-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(105px,auto) 12px;align-items:center;gap:8px 14px!important;border:0!important;border-bottom:1px solid #78978433!important;border-radius:0!important;margin:0!important;padding:10px 0!important;width:100%;box-sizing:border-box;color:inherit!important;background:transparent!important;text-align:left;cursor:pointer}.reminder-list-row::before{display:none!important}.reminder-list-main{min-width:0}.reminder-list-main strong{font-size:13px!important}.reminder-list-main small{display:block;font-size:11px;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.reminder-list-amount{font-size:13px;white-space:nowrap}.reminder-list-state{text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.reminder-list-state small{font-size:10px;opacity:.7}.reminder-list-state .pdc-due-label{font-size:9px!important;padding:2px 6px!important;white-space:nowrap;line-height:1.4}.reminder-list-arrow{opacity:.6}.login-reminder-dialog .reminder-dialog-footer{padding:10px 16px;gap:8px}.login-reminder-dialog .reminder-dialog-footer button{padding:7px 12px;min-height:34px;font-size:12px}.reminder-list-row:hover{background:#21856708!important}.login-reminder-dialog .reminder-list-row>i:not(.pdc-due-label){display:none!important}@media(max-width:500px){.reminder-dialog-items .reminder-list-row.pdc-notification-item,#pdcNotificationPanel .reminder-list-row.pdc-notification-item{grid-template-columns:minmax(0,1fr) auto 10px;gap:4px 8px!important;padding:8px 0!important}.reminder-list-state{grid-column:1/3;grid-row:2;flex-direction:row;align-items:center;text-align:left;gap:8px}.reminder-list-arrow{grid-column:3;grid-row:1/3}.reminder-list-amount{grid-column:2;grid-row:1}.reminder-list-main small{max-width:100%}}

/* Explicit areas protect list alignment from globally injected button icons. */
dialog.login-reminder-dialog{width:min(660px,calc(100vw - 32px))!important;border-radius:18px;box-shadow:0 28px 90px #071d1438;animation:reminderEnter .32s cubic-bezier(.2,.8,.2,1) both}
dialog.login-reminder-dialog::backdrop{background:#102b2459;backdrop-filter:blur(4px);animation:reminderBackdrop .25s ease both}
.login-reminder-dialog .reminder-dialog-head{padding:18px 22px}.login-reminder-dialog .reminder-dialog-head h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.login-reminder-dialog .reminder-dialog-head>button{background:#78978410;border-radius:50%;width:32px;height:32px}
.login-reminder-dialog .reminder-dialog-items{padding:10px 22px 16px}.login-reminder-dialog .reminder-group h3{font-size:11px;margin:4px 0 8px;letter-spacing:.3px}
.reminder-dialog-items .reminder-list-row.pdc-notification-item,#pdcNotificationPanel .reminder-list-row.pdc-notification-item{grid-template-columns:minmax(0,1fr) max-content 16px!important;grid-template-areas:"main amount arrow" "state state arrow"!important;gap:5px 16px!important;padding:14px 0!important;position:relative;min-height:76px}
.reminder-list-row>.reminder-list-main{grid-area:main!important;min-width:0;text-align:left}.reminder-list-row>.reminder-list-amount{grid-area:amount!important;text-align:right;align-self:start;padding-top:1px;font-size:14px;font-variant-numeric:tabular-nums}.reminder-list-row>.reminder-list-state{grid-area:state!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:12px;min-width:0}.reminder-list-row>.reminder-list-arrow{grid-area:arrow!important;align-self:center;justify-self:end}
.reminder-list-row>.reminder-list-main strong{font-size:14px!important;display:block;line-height:1.4}.reminder-list-row>.reminder-list-main small{font-size:11px;line-height:1.5;margin-top:2px}.reminder-list-row .reminder-list-state small{font-size:11px;overflow-wrap:anywhere;max-width:70%}.reminder-list-row .pdc-due-label{margin:0 0 0 auto;flex:none}.reminder-list-row>:not(.reminder-list-main):not(.reminder-list-amount):not(.reminder-list-state):not(.reminder-list-arrow){display:none!important}
.login-reminder-dialog .reminder-dialog-footer{padding:14px 22px;background:#78978405}.login-reminder-dialog .reminder-dialog-footer button{min-height:38px;padding:8px 14px;border-radius:9px}
@keyframes reminderEnter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reminderBackdrop{from{opacity:0}to{opacity:1}}
@media(max-width:500px){dialog.login-reminder-dialog{width:calc(100vw - 24px)!important}.login-reminder-dialog .reminder-dialog-head{padding:15px 16px}.login-reminder-dialog .reminder-dialog-items{padding:8px 16px 12px}.reminder-dialog-items .reminder-list-row.pdc-notification-item{gap:5px 10px!important}.reminder-list-row>.reminder-list-state{flex-wrap:wrap;gap:6px}.reminder-list-row .reminder-list-state small{max-width:100%}}
@media(prefers-reduced-motion:reduce){dialog.login-reminder-dialog,dialog.login-reminder-dialog::backdrop{animation:none!important}}