.dtp-wrapper{position:relative;width:100%}.dtp-wrapper > input[type="datetime-local"],.dtp-wrapper > input[type="date"],.dtp-wrapper > input[type="time"]{display:none}.dtp-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;border:1px solid var(--color-primary-200);border-radius:0.5rem;padding:0.5rem 0.75rem;font-size:0.875rem;font-family:'DM Sans','Inter',sans-serif;background-color:var(--color-primary-50);cursor:pointer;text-align:left;transition:border-color 0.15s,box-shadow 0.15s;outline:none;color:var(--color-navy);font-weight:500;line-height:1.5}.dtp-trigger:hover{border-color:var(--color-primary-300)}.dtp-trigger:focus,.dtp-trigger[aria-expanded="true"]{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-primary-100)}.dtp-trigger[data-empty]{color:var(--color-gray-400);font-weight:400}.dtp-trigger.has-error{border-color:var(--color-error-text)}.dtp-trigger svg{flex-shrink:0;width:1rem;height:1rem;color:var(--color-navy);opacity:0.45;transition:opacity 0.15s}.dtp-trigger:hover svg,.dtp-trigger:focus svg,.dtp-trigger[aria-expanded="true"] svg{opacity:0.8}.dtp-popup{position:fixed;z-index:2000;min-width:16.5rem;max-width:20rem;background-color:var(--color-surface);border:1px solid var(--color-primary-200);border-radius:0.75rem;box-shadow:0 16px 36px -8px var(--color-black-20),0 4px 12px -2px var(--color-black-10);overflow-x:hidden;overflow-y:auto}.dtp-popup header{display:flex;align-items:center;justify-content:space-between;padding:0.625rem 0.875rem;background-color:var(--color-navy);color:var(--color-surface)}.dtp-popup header span{font-size:0.875rem;font-weight:600;letter-spacing:0.01em}.dtp-popup header button{background-color:transparent;border-style:none;color:var(--color-white-70);cursor:pointer;padding:0.2rem 0.4rem;border-radius:0.25rem;font-size:1.125rem;line-height:1;transition:color 0.12s,background-color 0.12s}.dtp-popup header button:hover{color:var(--color-surface);background-color:var(--color-white-10)}.dtp-popup .dtp-cal{padding:0.5rem 0.625rem}.dtp-cal .weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:0.25rem}.dtp-cal .weekdays div{text-align:center;font-size:0.625rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:0.05em;padding:0.25rem 0}.dtp-cal .days{display:grid;grid-template-columns:repeat(7,1fr);gap:0.1rem}.dtp-cal .days button{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:0.75rem;border-style:none;background-color:transparent;cursor:pointer;border-radius:50%;color:var(--color-text-primary);transition:background-color 0.1s,color 0.1s;padding:0;min-width:1.75rem;min-height:1.75rem}.dtp-cal .days button:hover:not(.other){background-color:var(--color-primary-100);color:var(--color-navy)}.dtp-cal .days button.other{color:var(--color-gray-300);cursor:default}.dtp-cal .days button.today{font-weight:700;color:var(--color-primary-600)}.dtp-cal .days button.selected{background-color:var(--color-navy);color:var(--color-surface);font-weight:600}.dtp-cal .days button.selected:hover{background-color:var(--color-navy-dark)}.dtp-cal .days button.today.selected{background-color:var(--color-navy);color:var(--color-surface)}.dtp-popup .dtp-time{border-top:1px solid var(--color-primary-100);padding:0.5rem 0.625rem 0.625rem}.dtp-time .label{font-size:0.625rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.375rem}.dtp-time .cols{display:flex;gap:0.375rem}.dtp-time .cols .col{flex:1;max-height:6.5rem;overflow-y:auto;border-width:1px;border-style:solid;border-color:var(--color-primary-100);border-radius:0.375rem;background-color:var(--color-gray-50)}.dtp-time .cols .col.ampm{flex:0 0 3rem}.dtp-time .cols .col button{display:block;width:100%;text-align:center;padding:0.3rem 0.25rem;font-size:0.8125rem;font-weight:400;background-color:transparent;border-style:none;cursor:pointer;color:var(--color-text-primary);transition:background-color 0.1s}.dtp-time .cols .col button:hover{background-color:var(--color-primary-50)}.dtp-time .cols .col button.selected{background-color:var(--color-navy);color:var(--color-surface);font-weight:600}.dtp-popup footer{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;border-top:1px solid var(--color-primary-100);background-color:var(--color-gray-50)}.dtp-popup footer button.today{font-size:0.75rem;font-weight:600;color:var(--color-primary-600);background-color:transparent;border-style:none;cursor:pointer;padding:0.25rem 0.5rem;border-radius:0.25rem;font-family:'DM Sans','Inter',sans-serif;transition:background-color 0.12s}.dtp-popup footer button.today:hover{background-color:var(--color-primary-100)}.dtp-popup footer button.done{font-size:0.75rem;font-weight:600;color:var(--color-surface);background-color:var(--color-navy);border-style:none;cursor:pointer;padding:0.3rem 0.875rem;border-radius:0.375rem;font-family:'DM Sans','Inter',sans-serif;transition:background-color 0.12s}.dtp-popup footer button.done:hover{background-color:var(--color-navy-dark)}