.dp{gap:8px;min-width:0;display:grid;position:relative}.dp-label{font:600 .82rem var(--font-label);color:var(--color-text-secondary)}.dp--hero .dp-label{color:#dce1ff;font-size:.85rem}.dp-trigger{border:1.5px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;height:44px;color:var(--color-text);font:600 .95rem var(--font-label);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 10px 0 6px;transition:border-color .15s,box-shadow .15s;display:flex}.dp-trigger:hover{border-color:color-mix(in srgb, var(--color-brand) 45%, transparent)}.dp-trigger:focus-visible,.dp.is-open .dp-trigger{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 22%, transparent);outline:none}.dp.is-invalid .dp-trigger{border-color:var(--color-orange)}.dp-icon{background:var(--color-brand-container);width:30px;height:30px;color:var(--color-brand);border-radius:9px;flex:none;place-items:center;display:grid}.dp-icon svg,.dp-chev,.dp-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.dp-icon svg{width:17px;height:17px}.dp-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dp--empty .dp-value{color:var(--color-text-secondary);font-weight:500}.dp-rel{background:var(--color-brand-container);color:var(--color-brand);font:600 .75rem var(--font-label);border-radius:999px;flex:none;padding:3px 8px}.dp-rel:empty{display:none}.dp-chev{width:18px;height:18px;color:var(--color-text-secondary);flex:none;transition:transform .15s}.dp.is-open .dp-chev{transform:rotate(180deg)}.dp--field .dp-trigger{gap:8px;padding:0 8px 0 5px}.dp--field .dp-icon{border-radius:8px;width:28px;height:28px}.dp--field .dp-icon svg{width:15px;height:15px}.dp--field .dp-chev{display:none}.dp--hero .dp-trigger{color:#12161d;background:#fff;border:0;border-radius:14px;width:min(340px,100%);height:52px;padding:0 14px 0 8px;font-size:1rem;box-shadow:0 6px 18px #081e5a40}.dp--hero .dp-icon{color:#ee4705;background:#ffe9df;border-radius:10px;width:36px;height:36px}.dp--hero .dp-rel{color:#0e51db;background:#e6ebff}.dp--hero.dp--empty .dp-value,.dp--hero .dp-chev{color:#5b6170}.dp--hero .dp-trigger:focus-visible,.dp--hero.is-open .dp-trigger{box-shadow:0 0 0 3px #ffffff8c,0 6px 18px #081e5a40}.dp--hero.is-invalid .dp-trigger{box-shadow:0 0 0 3px #ffb59a}.dp-pop{z-index:90;border:1px solid var(--color-border);background:var(--color-card);width:min(316px,100vw - 32px);color:var(--color-text);border-radius:18px;padding:14px;animation:.14s ease-out dp-in;position:fixed;top:0;left:0;box-shadow:0 24px 60px #0c39a838,0 4px 12px #00000014}.dp-pop[hidden]{display:none}@keyframes dp-in{0%{opacity:0;translate:0 -4px}}.dp-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dp-month{font:700 1rem var(--font-heading)}.dp-nav{background:var(--color-bg);width:34px;height:34px;color:var(--color-text);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.dp-nav:hover:not(:disabled){background:var(--color-brand-container);color:var(--color-brand)}.dp-nav:disabled{opacity:.3;cursor:default}.dp-nav svg{width:18px;height:18px}.dp-dow,.dp-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.dp-dow span{text-align:center;font:600 .72rem var(--font-label);color:var(--color-text-secondary);padding:4px 0 6px}.dp-day{aspect-ratio:1;min-height:36px;color:var(--color-text);font:500 .92rem var(--font-label);cursor:pointer;background:0 0;border:0;border-radius:10px;position:relative}.dp-day:hover:not(:disabled){background:var(--color-brand-container)}.dp-day:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.dp-day.is-today{color:var(--color-brand);font-weight:700}.dp-day.is-today:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.dp-day.is-selected{background:var(--color-orange);color:#fff;font-weight:700}.dp-day.is-selected:hover{background:var(--color-orange)}.dp-day:disabled{color:var(--color-text-secondary);opacity:.35;cursor:default}.dp-quick{border-top:1px solid var(--color-border);gap:6px;margin-top:12px;padding-top:12px;display:flex}.dp-quick button{border:1.5px solid var(--color-border);height:34px;color:var(--color-text);font:600 .8rem var(--font-label);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:1}.dp-quick button:hover{border-color:var(--color-brand);color:var(--color-brand)}
