.jdp{--jdp-accent:var(--pl-primary,var(--accent,var(--green,#17805a)));
  --jdp-on-accent:var(--pl-on-primary,var(--u-on-accent,#fff));
  --jdp-card:var(--surface,#fff);--jdp-soft:var(--surface2,#f4f5f9);
  --jdp-line:var(--sf-line,var(--line,#e6e8ef));--jdp-ink:var(--ink,#15181f);--jdp-muted:var(--muted,#7a8194)}
.jdp[data-jmode="pick"]{width:min(302px,calc(100vw - 24px))}
.jdp .jdp-title{flex:1;display:block;width:100%;text-align:center;border:0;cursor:pointer;
  padding:5px 8px;border-radius:10px;background:transparent;color:inherit;
  font:inherit;font-weight:800;font-size:calc(12.5px * var(--fz-base,1));white-space:nowrap}
.jdp .jdp-title:hover{background:var(--jdp-soft);color:var(--jdp-accent)}
.jdp .jdp-head.is-pick{display:flex;align-items:center;gap:6px;margin-bottom:9px}
.jdp .jdp-head button[disabled]{opacity:.3;pointer-events:none}
.jdp-years{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;direction:rtl}
.jdp-years button{border:1px solid var(--jdp-line);background:var(--jdp-card);color:var(--jdp-ink);
  border-radius:9px;padding:7px 0;cursor:pointer;font:inherit;font-size:calc(11.5px * var(--fz-base,1));
  font-weight:700;font-variant-numeric:tabular-nums;transition:background .16s,border-color .16s,color .16s}
.jdp-years button:hover{border-color:var(--jdp-accent);color:var(--jdp-accent)}
.jdp-years button.on{background:var(--jdp-accent);color:var(--jdp-on-accent);border-color:transparent}
.jdp-months{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;padding-top:8px;
  border-top:1px solid var(--jdp-line);direction:rtl}
.jdp-months button{border:0;background:var(--jdp-soft);color:var(--jdp-ink);border-radius:9px;padding:7px 0;
  cursor:pointer;font:inherit;font-size:calc(11px * var(--fz-base,1));font-weight:700;
  transition:background .16s,color .16s}
.jdp-months button:hover{background:color-mix(in oklch,var(--jdp-accent) 16%,transparent);color:var(--jdp-accent)}
.jdp-months button.on{background:var(--jdp-accent);color:var(--jdp-on-accent)}
.jdp-months button[disabled],.jdp-years button[disabled]{opacity:.28;pointer-events:none}
.jdate-input[readonly]{cursor:pointer}
.jdate-field{position:relative;display:flex;align-items:center;gap:8px}
.jdate-field .jdate-input{flex:1 1 auto;min-width:0}
.jdate-hint{font-size:calc(11px * var(--fz-base,1));color:var(--jdp-muted,var(--muted,#7a8194))}