/* Sinapsi UI — global single-line field geometry (28px height, 6px radius) */

:root {
  --ui-field-height: 28px;
  --ui-field-radius: 6px;
}

.ui-field--free,
.ui-field--multiline,
textarea.ui-field--multiline {
  min-height: unset !important;
  max-height: none !important;
  height: auto !important;
}

input[type="text"]:not(.ui-field--free):not(.ui-field--multiline),
input[type="password"]:not(.ui-field--free),
input[type="email"]:not(.ui-field--free),
input[type="search"]:not(.ui-field--free),
input[type="tel"]:not(.ui-field--free),
input[type="url"]:not(.ui-field--free),
input[type="number"]:not(.ui-field--free),
input[type="date"]:not(.ui-field--free),
input[type="datetime-local"]:not(.ui-field--free),
input[type="time"]:not(.ui-field--free),
input[type="month"]:not(.ui-field--free),
input[type="week"]:not(.ui-field--free),
input:not([type]):not(.ui-field--free),
select:not([multiple]):not(.ui-field--free),
.admin-users-table__filters input:not(.ui-field--free):not([type="checkbox"]),
.admin-users-table__filters select:not(.ui-field--free),
.admin-filter-form input:not(.ui-field--free):not([type="checkbox"]),
.admin-filter-form select:not(.ui-field--free),
.admin-message-form input:not(.ui-field--free):not([type="checkbox"]),
.admin-message-form select:not(.ui-field--free),
.admin-oauth-client-form__grid input:not(.ui-field--free):not([type="checkbox"]),
.admin-oauth-client-form__grid select:not(.ui-field--free),
.admin-oauth-client-modal__grid input:not(.ui-field--free):not([type="checkbox"]),
.admin-oauth-client-modal__grid select:not(.ui-field--free),
.admin-store-plan-form__grid input:not(.ui-field--free):not([type="checkbox"]),
.admin-store-plan-form__grid select:not(.ui-field--free),
.admin-store-product-form input:not(.ui-field--free):not([type="checkbox"]),
.admin-store-product-form select:not(.ui-field--free),
.spc-console-table__filters input:not(.ui-field--free):not([type="checkbox"]),
.spc-console-table__filters select:not(.ui-field--free),
.spc-console-table-pagination__page-size select:not(.ui-field--free),
.dbox-filter-row input:not(.ui-field--free):not([type="checkbox"]),
.dbox-filter-row select:not(.ui-field--free),
.dbox-filter-join select:not(.ui-field--free),
.dbox-field input:not(.ui-field--free):not([type="checkbox"]),
.dbox-inline-editor input:not(.ui-field--free):not([type="checkbox"]),
.dbox-manual-query-limit-field select:not(.ui-field--free),
.dbox-page-size-control select:not(.ui-field--free),
.support-status-select-compact select:not(.ui-field--free),
.assurance-search-controls .search-box input:not(.ui-field--free):not([type="checkbox"]) {
  box-sizing: border-box !important;
  min-height: var(--ui-field-height, 28px) !important;
  max-height: var(--ui-field-height, 28px) !important;
  height: var(--ui-field-height, 28px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  border-radius: var(--ui-field-radius, 6px) !important;
}

input[type="text"]:not(.ui-field--free):not(.ui-field--multiline),
input[type="password"]:not(.ui-field--free),
input[type="email"]:not(.ui-field--free),
input[type="search"]:not(.ui-field--free),
input[type="tel"]:not(.ui-field--free),
input[type="url"]:not(.ui-field--free),
input[type="number"]:not(.ui-field--free),
input[type="date"]:not(.ui-field--free),
input[type="datetime-local"]:not(.ui-field--free),
input[type="time"]:not(.ui-field--free),
input[type="month"]:not(.ui-field--free),
input[type="week"]:not(.ui-field--free),
input:not([type]):not(.ui-field--free),
select:not([multiple]):not(.ui-field--free) {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

select:not([multiple]):not(.ui-field--free) {
  padding-right: 28px !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}

input[type="number"]:not(.ui-field--free) {
  -moz-appearance: textfield;
}

input[type="number"]:not(.ui-field--free)::-webkit-outer-spin-button,
input[type="number"]:not(.ui-field--free)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="datetime-local"]:not(.ui-field--free)::-webkit-calendar-picker-indicator,
input[type="date"]:not(.ui-field--free)::-webkit-calendar-picker-indicator,
input[type="time"]:not(.ui-field--free)::-webkit-calendar-picker-indicator {
  opacity: 0.55;
  cursor: pointer;
}

.password-field input[type="password"]:not(.ui-field--free),
.password-field input[type="text"]:not(.ui-field--free) {
  padding-right: 44px !important;
}

.search-box:not(.ui-field--free),
.assurance-search-controls .search-box:not(.ui-field--free) {
  box-sizing: border-box !important;
  min-height: var(--ui-field-height, 28px) !important;
  max-height: var(--ui-field-height, 28px) !important;
  height: var(--ui-field-height, 28px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.billing-hub-date-field:not(.ui-field--free) {
  box-sizing: border-box !important;
  min-height: var(--ui-field-height, 28px) !important;
  max-height: var(--ui-field-height, 28px) !important;
  height: var(--ui-field-height, 28px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: var(--ui-field-radius, 6px) !important;
}

.billing-hub-date-field__icon {
  font-size: 18px !important;
  line-height: 1 !important;
}

input[type="text"]:not(.ui-field--free):not(.ui-field--multiline):focus,
input[type="password"]:not(.ui-field--free):focus,
input[type="email"]:not(.ui-field--free):focus,
input[type="search"]:not(.ui-field--free):focus,
input[type="tel"]:not(.ui-field--free):focus,
input[type="url"]:not(.ui-field--free):focus,
input[type="number"]:not(.ui-field--free):focus,
input[type="date"]:not(.ui-field--free):focus,
input[type="datetime-local"]:not(.ui-field--free):focus,
input[type="time"]:not(.ui-field--free):focus,
input[type="month"]:not(.ui-field--free):focus,
input[type="week"]:not(.ui-field--free):focus,
input:not([type]):not(.ui-field--free):focus,
select:not([multiple]):not(.ui-field--free):focus,
textarea:not(.ui-field--multiline):focus {
  border-color: var(--theme-border) !important;
  box-shadow: none !important;
  outline: none;
  background-color: var(--theme-surface-muted) !important;
}

.billing-hub-date-field__value {
  line-height: 1 !important;
  font-size: 14px !important;
}