.rm-overview { display: flex; align-items: center; gap: 42px; padding: 0 5px 22px; }
.rm-overview > div { display: flex; align-items: baseline; gap: 9px; color: #8b9c8f; font-size: 12px; }
.rm-overview strong { color: #476f54; font-size: 26px; font-weight: 650; letter-spacing: -.7px; }
.rm-overview > div:first-child strong { color: #b57762; }
.rm-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 15px; border-bottom: 1px solid #e5ece1; padding: 17px 20px; }
.rm-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.rm-filters .btn { min-height: 34px; padding: 7px 10px; }
.rm-filters .btn.primary .badge { color: #ecf4ea; background: rgba(255, 255, 255, .17); }
.rm-toolbar .search-input { width: 190px; min-width: 145px; }
.rm-list { padding: 2px 22px; }
.rm-card { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 20px 2px; border-bottom: 1px solid #ebf0e7; }
.rm-card:last-child { border-bottom: 0; }
.rm-card-content { min-width: 0; flex: 1; }
.rm-card-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 7px; }
.rm-card h3 { margin: 0 0 5px; color: #3a5c48; font-size: 14px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
.rm-card.complete h3 { color: #8e9f91; }
.rm-due { margin: 0; font-size: 11px; color: #7b9581; }
.rm-status { display: inline-block; border-radius: 5px; padding: 3px 7px; font-size: 9px; line-height: 1.4; font-weight: 650; color: #6c8e70; background: #edf4e8; }
.rm-status.overdue { color: #af725b; background: #fbeddf; }
.rm-status.today { color: #a0884b; background: #fbf5df; }
.rm-status.upcoming { color: #6c8c85; background: #eaf4ef; }
.rm-status.complete { color: #8ba08a; background: #f0f4ec; }
.rm-repeat { color: #91a28f; font-size: 10px; }
.rm-notes { margin: 12px 0 10px; max-width: 750px; font-size: 12px; line-height: 1.75; color: #82927f; overflow-wrap: anywhere; white-space: pre-wrap; }
.rm-links { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.rm-links:empty { display: none; }
.rm-links .chip { max-width: 100%; font-size: 9px; padding: 3px 7px; }
.rm-card-actions { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; gap: 6px; }
.rm-completed-date { color: #9aaa96; font-size: 10px; margin: 9px 0 0; }
.rm-footnote { margin: 17px 3px; font-size: 11px; color: #92a08d; line-height: 1.7; }
.rm-summary .panel-header { padding: 18px 21px; }
.rm-summary .panel-title { font-size: 14px; }
.rm-summary .panel-subtitle { font-size: 10px; }
.rm-summary .rm-list { padding: 0 20px; }
.rm-summary .rm-card { gap: 14px; padding: 15px 0; }
.rm-summary .rm-card h3 { font-size: 12px; }
.rm-summary .rm-card-top { margin-bottom: 4px; }
.rm-summary .rm-card-actions { gap: 3px; }
.rm-summary .rm-card-actions .btn { padding: 6px 8px; font-size: 10px; }
.rm-due-count { background: #fbecde; color: #ac765e; margin-left: 5px; }
.rm-summary-empty { color: #8ba08d; font-size: 12px; padding: 24px 0; }
#r-reminder-form .field-label > input, #r-reminder-form .field-label > select, #r-reminder-form .field-label > textarea { display: block; margin-top: 7px; font-weight: 400; }
#r-reminder-form .input[readonly], #r-reminder-form select:disabled { background: #f4f7ef; color: #98a58e; }
@media (max-width: 1050px) {
  .rm-toolbar { align-items: flex-start; flex-direction: column; gap: 12px; }
  .rm-toolbar .search-input { width: 100%; }
}
@media (max-width: 600px) {
  .rm-page .topbar { align-items: flex-start; gap: 15px; flex-direction: column; }
  .rm-page .top-actions, .rm-page .top-actions .btn { width: 100%; }
  .rm-overview { gap: 19px; justify-content: space-between; }
  .rm-overview > div { align-items: flex-start; flex-direction: column; gap: 2px; font-size: 10px; }
  .rm-overview strong { font-size: 24px; }
  .rm-toolbar, .rm-list { padding-left: 16px; padding-right: 16px; }
  .rm-filters { gap: 3px; }
  .rm-filters .btn { padding: 7px 8px; font-size: 10px; }
  .rm-card { gap: 11px; align-items: flex-start; flex-direction: column; }
  .rm-card-actions { align-self: flex-end; }
  .rm-summary .rm-card { flex-direction: row; align-items: center; }
  .rm-summary .rm-card-actions { align-self: center; flex-direction: column; }
  .rm-summary .rm-card-actions .btn { width: 100%; }
}