.tenant-date-picker{display:inline-flex;flex:0 0 auto;width:8.5rem;max-width:100%}
.tenant-date-picker input,.tenant-date-picker .tenant-date-button{font:inherit;font-size:13px;color:inherit;background:var(--surface,#fff);border:1px solid var(--tone-dfe7ea,#dfe7ea);border-radius:.3rem;box-sizing:border-box;width:100%;height:2rem;min-height:2rem;padding:.3rem .5rem}
.tenant-date-picker .tenant-date-button{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;white-space:nowrap}
.tenant-date-picker .tenant-date-button[hidden],.tenant-date-picker input[hidden],.tenant-date-calendar[hidden],.tenant-date-calendar [hidden]{display:none}
.tenant-date-button img{display:block;flex:none}.tenant-date-picker .tenant-date-button:hover{border-color:var(--brand-primary,#1e5b4b)}
.tenant-date-calendar{position:fixed;z-index:1250;width:min(19rem,calc(100vw - 1rem));max-height:calc(100dvh - 1rem);overflow:auto;box-sizing:border-box;padding:.7rem;border:1px solid var(--tone-dfe7ea,#dfe7ea);border-radius:var(--portal-card-radius);background:var(--surface,#fff);color:var(--tone-182b34,#182b34);box-shadow:0 6px 24px #0003;font:inherit;font-size:.875rem;line-height:1.4}
.tenant-date-calendar button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid transparent;border-radius:.3rem;min-width:0;min-height:2rem;padding:.3rem;box-sizing:border-box}
.tenant-date-header{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;gap:.3rem;margin-bottom:.5rem}
.tenant-date-header .tenant-date-month-title{font-weight:600}.tenant-date-calendar button:hover{background:var(--tone-f1f5f6,#f1f5f6)}
.tenant-date-calendar button:disabled{opacity:.35;cursor:default}
.tenant-date-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.15rem;text-align:center}
.tenant-date-row>[role=columnheader]{font-size:.75rem;color:var(--text-muted,inherit);padding-block:.3rem}
.tenant-date-calendar .tenant-date-day{font-variant-numeric:tabular-nums;aspect-ratio:1;min-height:0;padding:.15rem}
.tenant-date-day[data-other-month]{opacity:.5}
.tenant-date-calendar .tenant-date-day[aria-current=date]{border-color:var(--brand-primary,#1e5b4b)}
.tenant-date-calendar .tenant-date-day[aria-selected=true],.tenant-date-calendar .tenant-date-month[aria-pressed=true]{background:var(--brand-primary,#1e5b4b);color:var(--brand-primary-text,#fff);opacity:1}
.tenant-date-calendar .tenant-date-day[aria-selected=true]:hover,.tenant-date-calendar .tenant-date-month[aria-pressed=true]:hover{background:var(--brand-primary-hover,#174a3d)}
.tenant-date-calendar :is(button,input):focus-visible,.tenant-date-button:focus-visible{outline:2px solid var(--brand-focus,#14b8a6);outline-offset:2px}
.tenant-date-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;margin-block:.5rem}
.tenant-date-calendar input{font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--tone-dfe7ea,#dfe7ea);border-radius:.3rem;padding:.3rem;width:6rem;accent-color:var(--brand-primary,#1e5b4b)}
.tenant-date-year{display:flex;justify-content:center;align-items:center;gap:.5rem}
.tenant-date-calendar .tenant-date-close{display:block;margin:.5rem 0 0 auto;color:var(--brand-accent,var(--brand-primary,#1e5b4b))}