/* Huitu senior-friendly UI overrides.
   Kept outside the NewAPI container so image updates do not overwrite it. */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-size: 16px;
  line-height: 1.55;
}

button,
[role="button"],
input,
select,
textarea,
a {
  touch-action: manipulation;
}

button,
[role="button"],
input,
select,
textarea,
.semi-button,
.semi-input-wrapper,
.semi-select,
.semi-select-selection,
.semi-checkbox,
.semi-radio {
  min-height: 42px;
}

input,
select,
textarea,
.semi-input,
.semi-select-selection,
.semi-typography,
.semi-table,
.semi-form-field-label,
.semi-form-field-help-text {
  font-size: 16px;
}

button,
.semi-button {
  font-size: 16px;
  font-weight: 600;
}

table,
th,
td,
.semi-table-thead,
.semi-table-tbody {
  font-size: 15px;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid rgba(37, 211, 161, .75);
  outline-offset: 2px;
}

.semi-toast,
[role="alert"],
[data-sonner-toast] {
  font-size: 16px;
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  button,
  [role="button"],
  input,
  select,
  textarea,
  .semi-button,
  .semi-input-wrapper,
  .semi-select,
  .semi-select-selection {
    min-height: 44px;
  }
}