.reminder-dialog{width:min(620px,92vw);padding:0;border:0;border-radius:15px;overflow:hidden;box-shadow:0 30px 80px rgba(10,25,45,.3)}.reminder-dialog::backdrop{background:rgba(10,25,45,.55)}.reminder-dialog .dialog-head{padding:20px 22px;background:linear-gradient(125deg,#246fb3 0%,#1679a0 52%,#117e87 100%);color:#fff}.reminder-dialog .dialog-head small,.reminder-dialog .dialog-head p{color:rgba(255,255,255,.92)}.reminder-dialog .dialog-head h2{margin:3px 0 0;color:#fff}.reminder-dialog .dialog-head p{margin:5px 0 0}.reminder-body{padding:20px 22px;max-height:55vh;overflow:auto}.reminder-intro{margin:0 0 14px;color:var(--muted)}.reminder-events{display:grid;gap:8px}.reminder-event{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:var(--ink);text-align:left;cursor:pointer}.reminder-event:hover{border-color:var(--blue);background:var(--pale)}.reminder-event>span:last-child{display:grid;gap:4px;min-width:0}.reminder-event strong,.reminder-event small{overflow:hidden;text-overflow:ellipsis}.reminder-event small{color:var(--muted);white-space:normal}.reminder-event .calendar-event-dot{width:8px;height:8px;min-width:8px;margin-top:5px;border-radius:50%;background:var(--teal)}.reminder-dialog .dialog-actions{justify-content:flex-end}.dark-mode .reminder-event{background:#172231;border-color:#38516e}.dark-mode .reminder-event:hover{background:#213044}
.reminder-heading{display:flex;align-items:center;gap:12px}.reminder-bell{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:linear-gradient(135deg,var(--navy,#17365d),var(--teal,#0f6b78));color:#fff;box-shadow:0 6px 14px rgba(15,107,120,.22)}.reminder-bell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reminder-event .reminder-timing{font-weight:700;color:var(--blue,#245b9e)}.reminder-event.overdue .reminder-timing{color:#b42318}.dark-mode .reminder-event.overdue .reminder-timing{color:#ff8b82}
.reminder-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:stretch;gap:5px}.reminder-select{display:grid;place-items:center;cursor:pointer;border-radius:8px}.reminder-select input{width:18px;height:18px;accent-color:var(--blue);cursor:pointer}.reminder-event{min-width:0}.reminder-empty{padding:18px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted)}.reminder-dialog .dialog-actions #reminderDismiss:disabled{opacity:.55;cursor:not-allowed}
.reminder-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reminder-dialog .dialog-head{align-items:center;gap:12px}.reminder-dialog .reminder-heading{min-width:0;flex:1 1 auto}.reminder-dialog .reminder-heading>div{min-width:0}.reminder-dialog .reminder-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;margin-left:auto}.reminder-dialog .reminder-head-actions .icon-btn{width:40px;height:40px;padding:0;display:grid;place-items:center;flex:0 0 40px}

/* Rappel : palette bleu/turquoise plus lumineuse, texte blanc contrasté. */
@media screen{
 html body #reminderDialog.reminder-dialog>.dialog-head{
  background-color:#1679a0!important;
  background-image:linear-gradient(125deg,#246fb3 0%,#1679a0 52%,#117e87 100%)!important;
  background-size:100% 100%!important;background-position:center!important;color:#fff!important;
 }
 html body #reminderDialog.reminder-dialog>.dialog-head :is(h2,p,small){color:#fff!important}
}