.app-date-time-picker{width:100%}.app-date-time-trigger{background:var(--app-field-background,var(--app-surface));border:1px solid var(--app-field-border-color,var(--app-border));border-radius:var(--app-field-radius,8px);color:var(--app-text);cursor:pointer;font:inherit;min-height:var(--app-field-height,42px);padding:0 var(--app-field-padding-inline,12px);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.app-date-time-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-date-time-trigger>span[data-empty=true]{color:var(--app-placeholder,var(--app-muted))}.app-date-time-trigger>svg{color:var(--app-muted);flex:none;width:17px;height:17px}.app-date-time-trigger:hover,.app-date-time-trigger[aria-expanded=true]{border-color:var(--app-focus-border)}.app-date-time-trigger:focus-visible{box-shadow:var(--app-focus-ring);outline:0}.app-date-time-trigger[aria-invalid=true]{border-color:var(--app-danger)}.app-date-time-popover{--app-blue:#315cec;--app-surface:#fff;--app-surface-subtle:#f7f9fc;--app-surface-hover:#f1f4fa;--app-text:#17233c;--app-muted:#667085;--app-border:#e1e7f0;--app-focus-border:#9eb2f8;--app-field-border-color:var(--app-border);background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text);z-index:1200;border-radius:12px;width:min(346px,100vw - 24px);max-height:calc(100dvh - 24px);padding:15px;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #1827482e}html[data-theme=dark] .app-date-time-popover{--app-blue:#8fa8ff;--app-surface:#111a2c;--app-surface-subtle:#152035;--app-surface-hover:#1a2942;--app-text:#edf2ff;--app-muted:#9eabc1;--app-border:#29374e;--app-focus-border:#718fe9;box-shadow:0 20px 50px #0000006b}.app-date-time-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.app-modal>.app-date-time-header{justify-content:space-between;align-items:center;display:flex}.app-date-time-header strong{text-transform:capitalize;font-size:13px;font-weight:700}.app-date-time-header>button{border:1px solid var(--app-border);color:var(--app-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.app-date-time-header>button:hover{background:var(--app-surface-hover);color:var(--app-text)}.app-date-time-header>button svg{width:16px;height:16px}.app-date-time-weekdays,.app-date-time-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.app-date-time-weekdays{color:var(--app-muted);text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.app-date-time-weekdays>span{padding:6px 0}.app-date-time-days>button{color:var(--app-text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;height:37px;margin:1px;font-size:12px;display:flex}.app-date-time-days>button:hover{background:var(--app-surface-hover)}.app-date-time-days>button[data-today=true]{box-shadow:inset 0 0 0 1px var(--app-blue)}.app-date-time-days>button[aria-pressed=true]{background:var(--app-blue);color:var(--app-surface);font-weight:700}.app-date-time-clock{background:var(--app-surface-subtle);border:1px solid var(--app-border);border-radius:8px;justify-content:center;align-items:end;gap:8px;margin-top:12px;padding:10px;display:flex}.app-date-time-clock>label{flex:0 90px}.app-date-time-clock>label>span{color:var(--app-muted);font-size:11px}.app-date-time-clock input{background:var(--app-surface);font-variant-numeric:tabular-nums;text-align:center}.app-date-time-clock>span{color:var(--app-muted);font-size:20px;line-height:40px}.app-date-time-footer{border-top:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.app-date-time-footer>div{gap:7px;display:flex}.app-date-time-footer .license-button{min-height:34px;padding-inline:10px}.app-date-time-popover button:focus-visible,.app-date-time-mobile-modal button:focus-visible{box-shadow:var(--app-focus-ring,0 0 0 3px color-mix(in srgb, var(--app-blue) 28%, transparent));outline:0}@media (max-width:767px){.app-date-time-backdrop{z-index:1300;place-items:end center;padding:0}.app-date-time-mobile-modal.app-modal{max-width:100%;max-height:94dvh;padding:48px 16px max(18px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;width:100%;overflow-y:auto}.app-date-time-mobile-modal.app-modal>.cb-modal-close{width:36px;height:36px;top:8px;right:10px;transform:none}.app-date-time-mobile-modal.app-modal>.cb-modal-close:hover:not(:disabled),.app-date-time-mobile-modal.app-modal>.cb-modal-close:focus-visible{transform:scale(1.06)}.app-date-time-mobile-modal.app-modal>.cb-modal-close:active:not(:disabled){transform:scale(.96)}.app-date-time-mobile-modal .app-date-time-header>button{width:44px;height:44px}.app-date-time-days>button{height:42px}.app-date-time-footer .license-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.app-date-time-trigger,.app-date-time-popover{transition:none;animation:none}}