.dmx-date-calendar{width:min(24rem,calc(100% - 2rem));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:1rem;padding:1rem;background:var(--card);color:var(--ink)}
.dmx-date-calendar::backdrop{background:#0009}.dmx-date-calendar header,.dmx-date-calendar footer,.dmx-date-nav{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.dmx-date-calendar h2{font-size:1.15rem;margin:.25rem 0 1rem}
.dmx-date-nav select{min-width:0;padding:.5rem}.dmx-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem;margin:1rem 0;text-align:center}.dmx-date-grid button{min-width:0;min-height:2.4rem;padding:.25rem}.dmx-date-calendar button{cursor:pointer;border:1px solid #78918c;border-radius:.4rem;background:transparent;color:inherit}.dmx-date-grid button[aria-pressed=true]{background:#286e57;color:white}.dmx-date-grid button[aria-current=date]{border:2px solid #a6d9bc}.dmx-date-calendar button:disabled{opacity:.3;cursor:default}.dmx-date-calendar :focus-visible{outline:3px solid #e4bf62;outline-offset:2px}.dmx-date-calendar footer button{padding:.5rem}input[aria-controls=dmxDateCalendar]{cursor:pointer}