.ui-field{display:grid;gap:7px}
.ui-label{font-size:13px;font-weight:700;color:#334a58}
.ui-help{font-size:12.5px;color:var(--ui-text-muted);line-height:1.7}
.ui-error{font-size:12.5px;color:var(--ui-danger);line-height:1.7}

:where(.ui-control,.site-form-grid input,.site-form-grid select,.site-form-grid textarea,.site-filter-bar input,.site-filter-bar select){width:100%;min-height:var(--ui-control-h);border:1px solid #cfd9de;border-radius:var(--ui-radius-md);background:#fff;padding:9px 12px;color:var(--ui-text);transition:border-color var(--ui-duration-fast) var(--ui-ease),box-shadow var(--ui-duration-fast) var(--ui-ease),background var(--ui-duration-fast) var(--ui-ease)}
:where(textarea.ui-control,.site-form-grid textarea){min-height:96px;resize:vertical}
:where(.ui-control,.site-form-grid input,.site-form-grid select,.site-form-grid textarea,.site-filter-bar input,.site-filter-bar select)::placeholder{color:#96a4ad}
:where(.ui-control,.site-form-grid input,.site-form-grid select,.site-form-grid textarea,.site-filter-bar input,.site-filter-bar select):hover{border-color:#bdcbd2}
:where(.ui-control,.site-form-grid input,.site-form-grid select,.site-form-grid textarea,.site-filter-bar input,.site-filter-bar select):focus{outline:0;border-color:var(--ui-teal-600);box-shadow:var(--ui-focus-ring)}
:where(.ui-control,.site-form-grid input,.site-form-grid select,.site-form-grid textarea)[disabled]{background:#f1f4f6;color:#7a8992;cursor:not-allowed}

.site-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.site-form-grid label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#3a505d}
.site-form-grid .is-full{grid-column:1/-1}
.site-filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}
.site-filter-bar input{min-width:280px;flex:1}