/* Shared minimal UI foundation — native controls, no framework/runtime dependency.
   Scoped classes are applied only to selected site and ERP elements. */
:root{--ui-touch-target:44px;--ui-radius:9px;--ui-focus:#b07b47;--ui-easing:cubic-bezier(.2,.7,.2,1)}
.ui-select:not([multiple]){
  appearance:none;-webkit-appearance:none;
  min-height:var(--ui-touch-target);
  padding-inline:12px 36px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b4144' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position:right 12px center;background-repeat:no-repeat;background-size:16px;
  border-radius:var(--ui-radius);cursor:pointer;
}
[dir="rtl"] .ui-select:not([multiple]){
  padding-inline:36px 12px;
  background-position:left 12px center;
}
.ui-interactive{transition:transform .18s var(--ui-easing),border-color .18s var(--ui-easing),background-color .18s var(--ui-easing)}
.ui-interactive:focus-visible,.ui-select:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.ui-interactive:disabled,.ui-select:disabled{cursor:not-allowed;opacity:.6}
@media(prefers-reduced-motion:reduce){.ui-interactive{transition:none!important}}