.mr-platform .mr-date{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-start;direction:rtl;text-align:right;gap:6px;max-inline-size:100%;min-inline-size:0;vertical-align:middle}
.mr-platform .mr-date-native[hidden]{display:none!important}
.mr-platform .mr-date .mr-date-segment{display:grid;gap:3px;flex:0 1 3.3em;min-inline-size:0;text-align:right;direction:rtl}
.mr-platform .mr-date .mr-date-year{flex-basis:4.8em}
.mr-platform .mr-date .mr-date-caption{font-size:12px;color:var(--muted);line-height:1.3;white-space:nowrap}
.mr-platform .mr-date input.mr-date-part{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;direction:ltr!important;text-align:right!important;font-variant-numeric:tabular-nums;unicode-bidi:isolate;padding:8px 6px;min-block-size:42px;margin:0}
.mr-platform .mr-date .mr-date-open{flex:0 0 40px;min-inline-size:40px;inline-size:40px;min-block-size:42px;margin:0;padding:6px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:10px}
.mr-platform .mr-date:focus-within .mr-date-caption{color:var(--accent)}
.mr-platform .mr-date-part:focus-visible,.mr-date-picker :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mr-platform .mr-main label:has(>.mr-date){min-inline-size:0;display:grid;gap:6px;text-align:right}
.mr-date-picker{font-family:var(--mr-font);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:16px;inline-size:min(350px,calc(100vw - 28px));box-sizing:border-box;text-align:right;direction:rtl;box-shadow:0 18px 70px var(--shadow)}
.mr-date-picker::backdrop{background:var(--scrim)}
.mr-date-picker header{display:flex;gap:7px;align-items:end;margin-block-end:16px}
.mr-date-picker header label{display:grid;gap:4px;font-size:12px;flex:1;min-inline-size:0}
.mr-date-picker input,.mr-date-picker select,.mr-date-picker button{font:inherit;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-block-size:38px;padding:6px;box-sizing:border-box;min-inline-size:0}
.mr-date-picker input{inline-size:100%;text-align:right;font-variant-numeric:tabular-nums}
.mr-date-picker select{inline-size:100%;text-align:right;direction:rtl}
.mr-date-picker button{cursor:pointer}.mr-date-picker button:hover{background:var(--accent-soft)}.mr-date-picker button:disabled{opacity:.35;cursor:not-allowed}
.mr-calendar-grid,.mr-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;direction:rtl;text-align:center}
.mr-calendar-days{font-size:11px;margin-block-end:8px;color:var(--muted)}
.mr-calendar-grid button{font-size:15px;font-variant-numeric:tabular-nums;padding:4px;text-align:center}
.mr-calendar-grid button[aria-current=date]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.mr-date-picker footer{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:16px;justify-content:flex-start}