.jdp-wrap{width:100%;position:relative}.jdp-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;transition:border-color .15s;display:flex}.jdp-input:hover{border-color:var(--primary)}.jdp-calendar-icon{flex-shrink:0;font-size:14px}.jdp-text{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.jdp-text::placeholder{color:var(--text-muted)}.jdp-clear{color:var(--text-muted);padding:0 4px;font-size:11px}.jdp-caret{color:var(--text-muted);flex-shrink:0;font-size:9px}.jdp-popup{z-index:1000;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);width:280px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.jdp-header{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.jdp-month-year{align-items:center;gap:8px;display:flex}.jdp-month{font-size:15px;font-weight:800}.jdp-year{opacity:.85;font-size:13px}.jdp-nav{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:700;transition:background .12s;display:flex}.jdp-nav:hover{background:#fff3}.jdp-weekdays{background:var(--surface-2);border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);display:grid}.jdp-wd{text-align:center;color:var(--text-muted);padding:7px 0;font-size:11px;font-weight:700}.jdp-wd:last-child{color:#ef4444}.jdp-days{grid-template-columns:repeat(7,1fr);gap:2px;padding:6px;display:grid}.jdp-day{aspect-ratio:1;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:background .1s,color .1s;display:flex}.jdp-day.empty{pointer-events:none}.jdp-day:not(.empty):hover{background:var(--primary-light);color:var(--primary)}.jdp-day.today{border:1.5px solid var(--primary);color:var(--primary);font-weight:800}.jdp-day.selected{font-weight:700;background:var(--primary)!important;color:#fff!important}.jdp-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:space-between;padding:8px 12px;display:flex}.jdp-today-btn,.jdp-clear-btn{border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;font-weight:700;transition:background .12s}.jdp-today-btn{background:var(--primary);color:#fff}.jdp-today-btn:hover{background:var(--primary-hover)}.jdp-clear-btn{color:var(--text-muted)}.jdp-clear-btn:hover{background:var(--hover-bg)}.jdp-popup--portal{z-index:26050;box-sizing:border-box;position:fixed}.jdp-wrap--typeable .jdp-input{box-sizing:border-box;min-height:42px;padding:5px 10px}.jdp-wrap--typeable .jdp-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent)}.jdp-calendar-button{min-width:28px;min-height:28px;color:var(--text-muted);border-radius:6px;flex:none;place-items:center;display:grid}.jdp-calendar-button:hover,.jdp-wrap--typeable:focus-within .jdp-calendar-button{color:var(--primary)}.jdp-calendar-button:focus-visible{outline:2px solid var(--primary)}.jdp-wrap--typeable .jdp-text{text-align:right;cursor:text;direction:ltr;min-width:0;min-height:28px;padding:2px}.jdp-wrap--typeable .jdp-text:focus{box-shadow:none;outline:none}.jdp-year-select{color:#fff;background:color-mix(in srgb, var(--primary) 82%, #000);font:inherit;cursor:pointer;border:1px solid #ffffff80;border-radius:7px;padding:2px 6px;font-size:12px}.jdp-year-select option{color:var(--text);background:var(--surface)}.jdp-popup--portal{max-width:calc(100vw - 16px);overflow-y:auto}