.app-datetime-picker{width:100%;max-width:100%;position:relative}.app-datetime-picker__trigger{align-items:center;gap:.5rem;width:100%;display:flex}.app-datetime-picker__trigger[aria-invalid=true],.app-datetime-picker__trigger[data-invalid=true]{border-color:var(--destructive,#dc3545)}.app-datetime-picker__display{text-align:start;min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:0 0;border:0;outline:none;flex:auto}.app-datetime-picker__display::placeholder{color:var(--secondary-foreground,#6b7280)}.app-datetime-picker__icon{color:var(--secondary-foreground,#6b7280);flex-shrink:0;font-size:1.05rem;line-height:1}.app-datetime-picker__toggle{cursor:pointer;background:0 0;border:0;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-right:-.25rem;display:inline-flex}.app-datetime-picker__toggle:hover{background:#0f172a0f}.app-datetime-picker__toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--primary,#2563eb) 55%, transparent);outline-offset:1px}.app-datetime-picker__panel{z-index:50;border:1px solid var(--border,#e5e7eb);background:var(--background,#fff);border-radius:.5rem;width:min(100%,300px);min-width:260px;max-height:min(70vh,420px);padding:12px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 10px 25px #0f172a1f}.app-datetime-picker__panel.is-flip-up{top:auto;bottom:calc(100% + 6px)}.app-datetime-picker__panel.is-align-end{left:auto;right:0}.app-datetime-picker__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.app-datetime-picker__selectors{flex:auto;grid-template-columns:minmax(0,1fr) 5.25rem;gap:.375rem;display:grid}.app-datetime-picker__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-datetime-picker__selectors select{border:1px solid var(--border,#e5e7eb);background:var(--background,#fff);width:100%;height:1.875rem;color:var(--foreground,#111827);cursor:pointer;border-radius:.375rem;padding:0 .375rem;font-size:.8125rem;font-weight:600}.app-datetime-picker__year{overflow-y:auto}@media (width<=640px){.app-datetime-picker__panel{width:min(100vw - 2rem,300px);left:0;right:auto}.app-datetime-picker__selectors{grid-template-columns:minmax(0,1.2fr) 4.75rem}}.app-datetime-picker__nav{border:1px solid var(--border,#e5e7eb);cursor:pointer;width:28px;height:28px;color:var(--foreground,#111827);background:0 0;border-radius:.375rem;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:inline-flex}.app-datetime-picker__nav:disabled{opacity:.4;cursor:default}.app-datetime-picker__weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-bottom:4px;display:grid}.app-datetime-picker__weekday{text-align:center;color:var(--secondary-foreground,#6b7280);padding:4px 0;font-size:.6875rem;font-weight:600}.app-datetime-picker__days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.app-datetime-picker__day{aspect-ratio:1;cursor:pointer;color:var(--foreground,#111827);background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;font-size:.8125rem;display:inline-flex}.app-datetime-picker__day:hover:not(:disabled){background:#0f172a0f}.app-datetime-picker__day.is-muted{color:var(--secondary-foreground,#9ca3af);opacity:.55}.app-datetime-picker__day.is-selected{background:var(--primary,#2563eb);color:#fff;font-weight:600}.app-datetime-picker__day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary,#2563eb) 45%, transparent)}.app-datetime-picker__day:disabled{opacity:.3;cursor:default}.app-datetime-picker__day.is-weekend:disabled{opacity:.22}.app-datetime-picker__time{border-top:1px solid var(--border,#e5e7eb);align-items:center;gap:.5rem;margin-top:10px;padding-top:10px;display:flex}.app-datetime-picker__time-label{color:var(--secondary-foreground,#6b7280);margin-right:auto;font-size:.75rem;font-weight:600}.app-datetime-picker__time select{border:1px solid var(--border,#e5e7eb);background:var(--background,#fff);border-radius:.375rem;min-width:4.25rem;height:2rem;padding:0 .5rem;font-size:.8125rem}.app-datetime-picker__actions{justify-content:flex-end;gap:.5rem;margin-top:10px;display:flex}.app-datetime-picker__actions .kt-btn{height:2rem!important;min-height:2rem!important;padding-inline:.75rem!important;font-size:.8125rem!important}