.pos-date-control{display:inline-flex;position:relative;align-items:center;gap:3px;flex-wrap:wrap;max-width:100%;padding:6px 7px;border:1px solid var(--stroke);border-radius:10px;background:var(--surface-2);color:var(--ink);vertical-align:middle;box-sizing:border-box}
.pos-date-control[hidden],.pos-date-error[hidden]{display:none}
.pos-date-control:focus-within{outline:2px solid var(--brand);outline-offset:2px}.pos-date-control.invalid{border-color:var(--danger,#e95570)}
.pos-date-control .pos-date-source{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
.pos-date-parts{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap}.pos-date-parts>span{display:inline-flex!important;align-items:center;gap:1px;margin:0!important;white-space:nowrap;font-weight:500;font-size:14px;color:var(--ink)}
.pos-date-control .pos-date-part{width:2.4ch!important;min-width:0!important;max-width:none!important;height:28px;min-height:0;padding:0!important;margin:0;border:0;border-radius:3px;background:transparent;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:center;box-shadow:none}
.pos-date-control .pos-date-part[data-date-part="year"]{width:4.5ch!important}.pos-date-part:focus{background:var(--surface);outline:1px solid var(--brand)}
.pos-date-control .pos-date-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;margin:0;border:0;border-radius:5px;background:transparent;color:var(--ink);font-size:18px;cursor:pointer}.pos-date-action:focus-visible{outline:2px solid var(--brand)}
.pos-date-error{flex-basis:100%;max-width:290px;color:var(--danger,#e95570);font-size:12px;line-height:1.4}.pos-date-control:has(:disabled){opacity:.65}
.pos-date-popover{position:fixed;z-index:25000;width:min(284px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;padding:10px;box-sizing:border-box;border:1px solid var(--stroke);border-radius:12px;background:var(--surface-2);color:var(--ink);box-shadow:0 10px 35px #0005}
.pos-date-calendar-head{display:flex;align-items:center;gap:4px;margin-bottom:8px}.pos-date-calendar-head input{width:5ch;min-width:0;text-align:center}.pos-date-calendar-head select{min-width:0;width:75px}.pos-date-calendar-head :is(input,select,button),.pos-date-calendar-grid button,.pos-date-calendar-foot button{height:32px;min-height:32px;padding:3px 6px;border:1px solid var(--stroke);border-radius:5px;background:var(--surface);color:var(--ink);font:inherit}
.pos-date-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.pos-date-weekday{font-size:12px;padding:3px}.pos-date-calendar-grid button[aria-current],.pos-date-calendar-grid button:hover{border-color:var(--brand);color:var(--brand)}.pos-date-popover button:disabled{opacity:.35;cursor:not-allowed}.pos-date-calendar-foot{display:flex;justify-content:flex-end;margin-top:8px}.pos-date-popover :focus-visible{outline:2px solid var(--brand);outline-offset:1px}