#note-monitor .nm-date-picker { position: relative; margin: 15px 0; padding: 15px; border: 1px solid var(--wb-border); border-radius: 8px; background: var(--wb-subtle); min-width: 0; }
#note-monitor .nm-date-picker-controls { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
#note-monitor .nm-date-picker-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
#note-monitor .nm-date-picker-actions p { margin: 0; }
#note-monitor .nm-date-picker .nm-date-picker-calendar { top: calc(100% + 6px); left: 0; width: min(390px, 100%); }
#note-monitor .nm-date-picker input[readonly] { cursor: pointer; }
#note-monitor .nm-date-picker input[readonly]:disabled { cursor: not-allowed; }
@media (max-width: 700px) { #note-monitor .nm-date-picker-controls { grid-template-columns: 1fr; } }