.year-month-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:90px;min-height:42px;padding:9px 12px;text-align:left;font:inherit;color:inherit;background:white;border:1px solid #c9d9df;border-radius:7px;cursor:pointer}
.year-month-trigger:disabled{opacity:.5;cursor:wait}
.year-month-menu{position:fixed;z-index:1000;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:10px 12px;background:white;color:#244652;border:1px solid #c9d9df;border-radius:10px;box-shadow:0 8px 30px #18384530;font:13px system-ui,sans-serif}
.year-month-menu[hidden]{display:none}
.year-month-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0}
.year-month-row+.year-month-row{border-top:1px solid #e7eeee}
.year-month-numbers{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.year-month-menu button{min-width:0;min-height:32px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}
.year-month-menu .year-month-year{font-weight:700;text-align:left;padding-left:2px}
.year-month-menu button:hover{background:#e7f3ef;color:#087b66}
.year-month-menu button[aria-pressed=true]{background:#0c7f70;color:white}
.year-month-menu button:focus-visible,.year-month-trigger:focus-visible{outline:2px solid #159882;outline-offset:2px}
@media(max-width:600px){.year-month-numbers{grid-template-columns:repeat(6,minmax(0,1fr))}.year-month-menu button{min-height:38px;height:38px}.year-month-row{grid-template-columns:48px minmax(0,1fr);gap:8px}}