/* Shared form primitives: consistent native-select arrow and accessible focus. */
:root{--control-focus:#9c7dca;--control-focus-soft:#eee7f8}
:root body select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23898095' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}
body :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select):focus{outline:2px solid var(--control-focus);outline-offset:1px;box-shadow:none}
body :is(button,input[type=checkbox],input[type=radio],input[type=color],summary):focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}
body select:disabled{cursor:default}
