.item-reminder{margin-top:14px;border:1px solid #c9d9e9;border-radius:11px;background:#f7fbff;box-shadow:0 3px 10px rgba(15,74,141,.06);overflow:hidden}
.item-reminder summary{display:grid;grid-template-columns:1fr 18px;align-items:center;gap:11px;padding:14px 15px;color:var(--blue);cursor:pointer;list-style:none;transition:background .15s ease}
.item-reminder summary::-webkit-details-marker{display:none}
.item-reminder summary:hover{background:#edf5fc}
.reminder-copy{display:grid;gap:2px;min-width:0}
.reminder-copy strong{font-size:15px;line-height:1.2}
.reminder-copy small{color:#667085;font-size:12px;font-weight:600;line-height:1.3}
.reminder-chevron{width:10px;height:10px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s ease}
.item-reminder[open] summary{border-bottom:1px solid var(--line);background:#edf5fc}
.item-reminder[open] .reminder-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.item-reminder-content{display:grid;gap:15px;max-height:240px;padding:15px;overflow:auto;overscroll-behavior:contain;background:var(--soft)}
.item-reminder-content section{display:grid;gap:7px}
.item-reminder-content h3,.item-reminder-content p{margin:0}
.item-reminder-content h3{color:var(--blue);font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.reminder-instruction{color:#475467;font-size:13px;line-height:1.4}
.reminder-items{display:flex;flex-wrap:wrap;gap:6px}
.reminder-items button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #cbd6e1;border-radius:999px;background:#fff;color:#475467;font-size:13px;line-height:1.2;transition:border-color .15s ease,background .15s ease,color .15s ease}
.reminder-items button:hover{border-color:var(--blue);color:var(--blue)}
.reminder-items button span{color:var(--blue);font-weight:900}
.reminder-items button.is-added{border-color:#8ab4dd;background:#e8f3fd;color:var(--blue)}
@media(max-width:650px){.item-reminder-content{max-height:210px}.reminder-items button{font-size:12px}.item-reminder summary{grid-template-columns:1fr 16px;padding:12px}}
@media(max-width:650px){#message{height:165px;min-height:145px}}
input[type="date"]{display:block;width:100%;height:49px;min-height:49px;max-height:49px;padding:0 14px;line-height:49px}
input[type="date"]::-webkit-date-and-time-value{height:49px;margin:0;padding:0;line-height:49px;text-align:left}
input[type="date"]::-webkit-datetime-edit{display:flex;height:49px;align-items:center;padding:0}