/* Native controls, with consistent caret spacing and a single connected focus edge. */
body select:not([multiple]){
 -webkit-appearance:none;appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23363636' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;
 padding-inline:14px 44px;text-overflow:ellipsis;font-size:16px;line-height:1.5;
}
body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select,textarea):focus-visible{
 border-color:#060709;outline:2px solid #060709;outline-offset:0;box-shadow:none;
}
body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select,textarea)[aria-invalid=true]{border-color:#8f1647}
body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select,textarea)[aria-invalid=true]:focus-visible{border-color:#8f1647;outline-color:#8f1647;box-shadow:none}
body select:disabled{color:#777;background-color:#f5f5f5;cursor:not-allowed}
body select[multiple]{background-image:none;padding-inline:14px}

body input[readonly]{background-color:#faf9f7;color:#666;cursor:default}
body input[type=number][readonly]{appearance:textfield;-moz-appearance:textfield}
body input[type=number][readonly]::-webkit-inner-spin-button,body input[type=number][readonly]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body input[type=number]{font-size:16px}