/* R19.15 — consistent mobile-safe Indonesian single-date calendar. */
body.kj-calendar-open{overflow:hidden}
.kj-native-date{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.kj-date-control{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:100%;min-width:0}
.kj-date-control:has(.kj-time-control){grid-template-columns:minmax(0,1fr) minmax(126px,.42fr)}
.kj-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:48px;padding:10px 13px;border:1px solid #bfd3da;border-radius:10px;background:#fff;color:#12394a;font:inherit;font-weight:750;text-align:left;cursor:pointer}
.kj-date-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}.kj-date-trigger.is-empty{color:#526d78;font-weight:600}.kj-date-trigger:focus-visible,.kj-time-input:focus-visible{outline:3px solid rgba(7,132,135,.22);border-color:#078487}
.kj-time-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0}.kj-time-control>span{color:#315764;font-size:.82rem;font-weight:800}.kj-time-input{width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important}
.kj-calendar-layer{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;width:100%;max-width:100vw;max-width:100dvw;padding:24px;overflow:hidden;box-sizing:border-box;background:rgba(4,29,44,.58);backdrop-filter:blur(2px)}
.kj-calendar-layer[hidden]{display:none}
.kj-calendar-dialog{width:min(760px,calc(100vw - 32px));max-width:100%;max-height:calc(100vh - 48px);overflow:auto hidden;box-sizing:border-box;border:0;border-radius:20px;background:#fff!important;color:#102f3e!important;box-shadow:0 30px 90px rgba(2,25,38,.28)}
.kj-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 12px;border-bottom:1px solid #e4edf0}
.kj-calendar-title{min-width:0}.kj-calendar-title strong{display:block;color:#12394a!important;font-size:1.05rem}.kj-calendar-title span{display:block;margin-top:2px;color:#526d78!important;font-size:.8rem}
.kj-calendar-close,.kj-calendar-nav{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #d8e5e9;border-radius:50%;background:#fff;color:#123b4c;font-size:1.45rem;line-height:1;cursor:pointer}
.kj-calendar-close:hover,.kj-calendar-nav:hover{border-color:#0a8588;background:#e9f7f6;color:#08767a}
.kj-calendar-toolbar{display:grid;grid-template-columns:42px 1fr 42px;gap:12px;align-items:end;padding:14px 20px 4px}
.kj-calendar-jump{display:flex;justify-content:center;gap:8px}.kj-calendar-jump label{display:grid;gap:3px}.kj-calendar-jump label span{color:#526d78;font-size:.7rem;font-weight:800}.kj-calendar-jump select{min-height:42px;padding:7px 32px 7px 10px;border:1px solid #d0e0e4;border-radius:9px;background:#fff;color:#12394a;font:inherit;font-weight:750}
.kj-calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:10px 20px 18px}
.kj-calendar-month{min-width:0}.kj-calendar-month h3{display:none;margin:0 0 12px;color:#12394a!important;text-align:center;font-size:1rem}
.kj-calendar-week,.kj-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.kj-calendar-week{margin-bottom:5px;color:#496873!important;font-size:.75rem;text-align:center}.kj-calendar-week span{padding:7px 0;color:#496873!important}
.kj-calendar-day,.kj-calendar-blank{aspect-ratio:1/1;min-width:0;border:0;border-radius:11px;background:transparent}
.kj-calendar-day{position:relative;display:grid;place-items:center;padding:0;color:#143847!important;opacity:1!important;font:inherit;font-size:.88rem;font-weight:750;cursor:pointer}
.kj-calendar-day:hover{background:#e9f7f6;color:#05777b!important}.kj-calendar-day:focus-visible{outline:3px solid rgba(7,132,135,.25);outline-offset:1px}
.kj-calendar-day.is-today{box-shadow:inset 0 0 0 1px #79bfc0}.kj-calendar-day.is-range{border-radius:7px;background:#dff3f1;color:#075f63!important}
.kj-calendar-day.is-selected,.kj-calendar-day.is-start,.kj-calendar-day.is-end{border-radius:50%;background:#078487;color:#fff!important;box-shadow:0 5px 14px rgba(7,132,135,.28)}
.kj-calendar-day:disabled{background:#f5f8f9;color:#5d747e!important;cursor:not-allowed;box-shadow:none;text-decoration:none;opacity:1!important}
.kj-calendar-foot{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:14px 20px 18px!important;border-top:1px solid #e4edf0;background:#fff!important;color:#173d4c!important}.kj-calendar-status{font-weight:800;color:#173d4c!important}.kj-calendar-foot button{min-height:40px;padding:8px 14px;border:1px solid #cddde2;border-radius:10px;background:#fff;color:#315764;font-weight:800;cursor:pointer}
@media(max-width:680px){.kj-date-control:has(.kj-time-control){grid-template-columns:1fr}.kj-calendar-layer{align-items:end;padding:0;max-width:100%}.kj-calendar-dialog{width:100%!important;max-width:100%!important;max-height:90vh;max-height:90dvh;margin:0;overflow-x:hidden;border-radius:20px 20px 0 0}.kj-calendar-head{padding:15px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.kj-calendar-toolbar{min-width:0;padding-inline:max(12px,env(safe-area-inset-left))}.kj-calendar-jump{min-width:0}.kj-calendar-jump label:first-child{min-width:0;flex:1}.kj-calendar-jump select{width:100%;min-width:0}.kj-calendar-months{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;padding:8px max(12px,env(safe-area-inset-right)) 14px max(12px,env(safe-area-inset-left));overflow:hidden}.kj-calendar-month{width:100%;max-width:100%;overflow:hidden}.kj-calendar-month:nth-child(2){display:none}.kj-calendar-month h3{display:block}.kj-calendar-foot{align-items:stretch;flex-direction:column;padding:12px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.kj-calendar-day,.kj-calendar-grid>span{aspect-ratio:auto;min-width:0;min-height:42px}}
@media(prefers-reduced-motion:no-preference){.kj-calendar-layer:not([hidden]) .kj-calendar-dialog{animation:kj-calendar-in .16s ease-out}@keyframes kj-calendar-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}}