/* One compact property panel on desktop and phone; use the existing NZR shell controls. */
#tenancyRemindersPanel{background:var(--paper,#fff);border:1px solid var(--line);border-radius:8px;padding:16px;margin:12px 0;min-width:0;scroll-margin-top:100px;color:var(--ink)}
#tenancyRemindersPanel[hidden]{display:none}
#tenancyRemindersPanel h3,#tenancyRemindersPanel h4{margin:0;font-family:Montserrat,sans-serif;font-size:16px}
#tenancyRemindersPanel p{font-size:14px;line-height:1.5;margin:8px 0;color:var(--mute);overflow-wrap:anywhere}
#tenancyRemindersPanel .tr-heading,#tenancyRemindersPanel .tr-item-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
#tenancyRemindersPanel .tr-heading .btn{flex-shrink:0}
#tenancyRemindersPanel label{display:block;font-weight:600;font-size:14px;line-height:1.5;margin:10px 0 6px}
#tenancyRemindersPanel input,#tenancyRemindersPanel textarea,#tenancyRemindersPanel select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--paper,#fff);color:var(--ink);font:16px Inter,sans-serif}
#tenancyRemindersPanel select{overflow:hidden;text-overflow:ellipsis}
#tenancyRemindersPanel .btn{min-height:44px;white-space:normal;overflow-wrap:anywhere}
#tenancyRemindersPanel .tr-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
#tenancyRemindersPanel .tr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#trForm{margin:16px 0;padding:16px 0;border-block:1px solid var(--line)}
#trForm[hidden]{display:none}
#trAdd{margin-top:12px}
#trStatus:empty{display:none}
#trStatus[data-error=true]{color:var(--red);font-weight:600}
#tenancyRemindersPanel .tr-item{padding:14px 0;border-bottom:1px solid var(--line)}
#tenancyRemindersPanel .tr-item strong{font-size:14px;overflow-wrap:anywhere}
#tenancyRemindersPanel .tr-item-head span{font-size:13px;color:var(--mute);flex-shrink:0}
#tenancyRemindersPanel .tr-note{white-space:pre-wrap;color:var(--ink)}
#tenancyRemindersPanel .tr-meta{font-size:13px}
#trHistory summary{cursor:pointer;display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
#tenancyRemindersPanel :focus-visible{outline:2px solid var(--forest);outline-offset:3px}
body.ro #tenancyRemindersPanel{display:none!important}
@media(max-width:600px){#tenancyRemindersPanel{padding:12px}#tenancyRemindersPanel .tr-fields{grid-template-columns:minmax(0,1fr)}#tenancyRemindersPanel .tr-heading{flex-wrap:wrap}#tenancyRemindersPanel input[type=datetime-local]{max-width:100%;appearance:none}}