/* Kebarick HMIS UAT Fix 05 — consistent hospital date controls.
   Keeps ISO values in the actual form field while presenting DD/MM/YYYY to users. */
.k-date-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
.k-date-control{display:grid;gap:8px;align-items:center;min-width:0;margin-top:6px}
.k-calendar-control{grid-template-columns:minmax(150px,1fr) 44px}
.k-datetime-control{grid-template-columns:minmax(145px,1fr) minmax(112px,.62fr) 44px}
.k-date-display,.k-time-display,.k-date-control select{width:100%;min-width:0;height:44px;border:1px solid #c9d8da;border-radius:10px;background:#fff;color:#10232c;padding:0 12px;font:inherit;box-sizing:border-box;outline:none}
.k-date-display:focus,.k-time-display:focus,.k-date-control select:focus{border-color:#078b82;box-shadow:0 0 0 3px rgba(7,139,130,.12)}
.k-date-button{height:44px;width:44px;border:1px solid #bdd0d2;border-radius:10px;background:#eef6f6;color:#087e77;font-size:22px;font-weight:700;display:grid;place-items:center;cursor:pointer}
.k-date-button:hover{background:#e3f1f0}
.k-dob-control{grid-template-columns:minmax(76px,.65fr) minmax(145px,1.25fr) minmax(100px,.8fr);position:relative;padding-bottom:24px}
.k-dob-control .k-date-age{position:absolute;left:2px;bottom:0;color:#557079;font-size:12px;font-weight:700;letter-spacing:.01em}
.k-date-error{grid-column:1/-1;color:#a52b24;font-size:12px;font-weight:700;margin-top:-2px}
.k-date-invalid .k-date-display,.k-date-invalid .k-time-display,.k-date-invalid select{border-color:#b83a32!important;box-shadow:0 0 0 3px rgba(184,58,50,.09)!important}
.k-date-popover{position:fixed;z-index:5000;background:#fff;border:1px solid #c8d7d9;border-radius:14px;box-shadow:0 18px 45px rgba(19,43,50,.22);padding:12px;box-sizing:border-box}
.k-date-popover[hidden]{display:none!important}
.k-date-pop-head{display:grid;grid-template-columns:38px minmax(120px,1fr) 92px 38px;gap:6px;align-items:center;margin-bottom:10px}
.k-date-pop-head select,.k-date-pop-head button{height:38px;border:1px solid #cbdadb;border-radius:9px;background:#f7fbfb;color:#16323a;font:inherit}
.k-date-pop-head button{font-size:23px;line-height:1;cursor:pointer}
.k-date-weekdays,.k-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.k-date-weekdays{margin-bottom:4px;color:#657c83;font-size:11px;font-weight:800;text-align:center;text-transform:uppercase}
.k-date-weekdays span{padding:5px 0}
.k-date-grid button,.k-date-grid .k-date-blank{height:38px;border-radius:9px}
.k-date-grid button{border:0;background:transparent;color:#183039;font:inherit;cursor:pointer}
.k-date-grid button:hover{background:#e8f5f4}
.k-date-grid button.is-today{outline:1px solid #0a8d84;color:#087d76;font-weight:800}
.k-date-grid button.is-selected{background:#078b82;color:#fff;font-weight:800;outline:none}
.k-date-grid button:disabled{color:#b8c3c6;background:transparent;cursor:not-allowed}
.k-date-pop-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e3ecec;margin-top:10px;padding-top:10px}
.k-date-pop-actions button{border:1px solid #c6d8d9;border-radius:9px;background:#f7fbfb;color:#0b766f;padding:8px 12px;font-weight:700;cursor:pointer}
@media(max-width:760px){.k-dob-control{grid-template-columns:1fr 1.35fr 1fr}.k-datetime-control{grid-template-columns:1fr 110px 44px}.k-date-popover{max-width:calc(100vw - 24px)}}
@media(max-width:480px){.k-dob-control{grid-template-columns:1fr 1fr}.k-dob-control .k-date-year{grid-column:1/-1}.k-datetime-control{grid-template-columns:1fr 44px}.k-datetime-control .k-time-display{grid-column:1/-1;grid-row:2}.k-date-pop-head{grid-template-columns:34px 1fr 82px 34px}}