.incoming-reminder-modal{position:fixed;inset:0;z-index:55;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(10,27,31,.5)}
.incoming-reminder-modal.show{display:flex}
.incoming-reminder-box{width:min(520px,100%);max-height:min(80dvh,660px);overflow:auto;padding:22px;background:#fff;border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.incoming-reminder-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.incoming-reminder-head h2{margin:0;font-size:19px}
.incoming-reminder-count{margin:0 0 14px;color:#63777a;font-size:12px}
.incoming-reminder-list{display:grid;gap:9px;max-height:46dvh;overflow:auto}
.incoming-reminder-item{padding:11px 12px;border:1px solid #b6d8d2;border-radius:9px;background:#f5fcfa}
.incoming-reminder-item b{display:block;color:#087e7a;font-size:13px;overflow-wrap:anywhere}
.incoming-reminder-item p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
.incoming-reminder-item small{color:#71838d;font-size:11px}
.incoming-reminder-extra{color:#63777a;font-size:12px}
.incoming-reminder-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
.incoming-reminder-actions button{min-height:42px}
@media(max-width:760px){
  .incoming-reminder-modal{align-items:flex-end;padding:0}
  .incoming-reminder-box{width:100%;max-height:calc(100dvh - 8px);padding:17px 15px calc(16px + env(safe-area-inset-bottom));border-radius:17px 17px 0 0}
  .incoming-reminder-actions{position:sticky;bottom:0;padding-top:10px;background:#fff}
  .incoming-reminder-actions .new-btn{flex:1}
}