.drp{margin-block:8px 16px;position:relative}.drp-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.drp-fields label{color:var(--text-muted);gap:6px;min-width:0;margin:0;font-size:13px;display:grid}.drp-fields input{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;min-width:0;max-width:100%;min-height:40px;color:var(--text);background:var(--bg-raised);font:inherit;border-radius:8px;padding:8px 12px}.drp-hint{color:var(--text-muted);margin:10px 0 4px;font-size:12px}.drp-calendar{padding-top:4px;position:relative}.drp-nav{z-index:1;width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:10px}.drp-nav:hover{background:var(--accent-soft);color:var(--text)}.drp-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.drp-nav--prev{inset-inline-start:0}.drp-nav--next{inset-inline-end:0}[dir=rtl] .drp-nav svg{transform:scaleX(-1)}.drp-months{grid-template-columns:1fr 1fr;gap:28px;display:grid}.drp-month h3{height:44px;font:600 14px/1 var(--font-body);letter-spacing:-.01em;place-items:center;margin:0;display:grid}.drp-grid{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:2px;display:grid}.drp-weekday{text-align:center;color:var(--text-muted);padding:4px 0 8px;font-size:12px}.drp-cell{display:grid}.drp-cell button{aspect-ratio:1;width:100%;min-height:36px;color:var(--text);font:400 14px/1 var(--font-body);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:0}.drp-cell button:hover:not(:disabled){background:var(--accent-soft)}.drp-cell button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.drp-cell.outside button{color:var(--text-muted);opacity:.45}.drp-cell.today button{background:var(--surface-soft);font-weight:600}.drp-cell button:disabled{opacity:.3;cursor:default}.drp-cell.booked:not(.outside) button{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1.5px}.drp-cell.booked:not(.outside) button:disabled{opacity:.55}.drp-legend{color:var(--text-muted);align-items:center;gap:8px;margin:4px 0 8px;font-size:13px;display:flex}.drp-legend-sample{font-variant-numeric:tabular-nums;background:var(--surface-soft);border-radius:6px;padding:2px 6px;text-decoration:line-through}.drp-cell.in-range{background:var(--accent-soft)}.drp-cell.in-range button{background:0 0;border-radius:0}.drp-cell.range-start{border-radius:0;border-start-start-radius:8px;border-end-start-radius:8px}.drp-cell.range-end{border-radius:0;border-start-end-radius:8px;border-end-end-radius:8px}.drp-cell.range-start.range-end{border-radius:8px}.drp-cell.range-start button,.drp-cell.range-end button{background:var(--accent);color:var(--on-accent,#fff);border-radius:inherit;opacity:1;font-weight:600}.drp-trigger{width:100%;color:inherit;text-align:start;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-columns:1fr 1fr;margin:0;padding:0;display:grid}.drp-trigger-part{gap:3px;min-width:0;padding:4px 16px;display:grid}.drp-trigger-part+.drp-trigger-part{border-inline-start:1px solid var(--line)}.drp-trigger-part small{color:var(--text);font-size:12px;font-weight:650}.drp-trigger-part span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.drp--popover{margin:0}.drp-panel--floating{z-index:50;border:1px solid var(--line);background:var(--bg-raised);text-align:start;border-radius:16px;width:min(640px,100vw - 32px);padding:0 20px 16px;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0002}.drp-panel[hidden]{display:none}.drp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:12px;margin:0 -20px 12px;padding:16px 20px 14px;display:flex}.drp-head strong{font-size:15px}.drp-head p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.drp-clear{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:6px 10px;font-size:13px;text-decoration:underline}@media (width<=560px){.drp-fields{gap:8px}.drp-fields input{padding:8px 10px;font-size:15px}.drp-months{grid-template-columns:1fr;gap:12px}.drp-cell button{min-height:42px}.drp-panel--floating{width:auto;max-height:85dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto;transform:none}}