/* UKPO R8.3.20 — unified Admin date input
   Visible field uses UK DD/MM/YYYY; native input remains the canonical ISO value. */
.ukpo-date-field{position:relative;display:block;width:100%;min-width:0}
.ukpo-date-field>.r831-date-proxy{width:100%;box-sizing:border-box;padding-right:48px!important;margin:0}
.ukpo-date-field>.ukpo-date-open{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:42px;height:calc(100% - 4px);min-height:34px;border:0;background:transparent;border-left:1px solid rgba(16,95,111,.14);border-radius:0 9px 9px 0;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;color:#0c7180;z-index:4}
.ukpo-date-field>.ukpo-date-open:hover{background:#eef9fa}
.ukpo-date-field>.ukpo-date-open:focus-visible{outline:2px solid #0b9fb3;outline-offset:-3px}
.ukpo-date-field>input.r831-native-date-hidden.ukpo-r8320-native-date{display:block!important;position:absolute!important;right:4px!important;bottom:3px!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important}
.r831-date-proxy.r831-date-invalid{border-color:#c83a4d!important;background:#fff2f4!important}
.r831-date-proxy.r831-date-invalid:focus{box-shadow:0 0 0 3px rgba(200,58,77,.12)!important}
.ukpo-date-field .r831-date-proxy::placeholder{color:#7d909a}
.ukpo-date-help{display:none;font-size:10px;color:#647983;margin-top:4px}
.ukpo-date-field:focus-within+.ukpo-date-help{display:block}

/* Operations report's older hand-built ISO field gets the same UK presentation. */
.ukpo-iso-date-wrap{position:relative}
.ukpo-iso-date-wrap .ukpo-date-picker-btn{cursor:pointer}
.ukpo-iso-date-wrap input[type="text"]{padding-right:44px}

@media(max-width:720px){
 .ukpo-date-field>.ukpo-date-open{width:46px;font-size:19px}
 .ukpo-date-field>.r831-date-proxy{padding-right:52px!important}
}