/* Shared interactive control language. Loaded after page themes by each root layout. */
:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn, .uk-button, button:not(.close), [type="button"], [type="submit"]) {
  min-height: 44px !important;
  padding: 0 18px;
  border-radius: 10px !important;
  border-width: 1px;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: .9rem;
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -.01em;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn, .uk-button, button:not(.close), [type="button"], [type="submit"]):not(:disabled):hover {
  transform: translateY(-1px);
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn, .uk-button, button:not(.close), [type="button"], [type="submit"]):not(:disabled):active {
  transform: translateY(0) scale(.985);
  box-shadow: none !important;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn-primary, .btn-info, .btn-secondary, .uk-button-success-outline, .search-btn) {
  color: #1d170e !important;
  border-color: #c9a24a !important;
  background: linear-gradient(135deg, #c9a24a 0%, #e5c86f 100%) !important;
  box-shadow: 0 7px 16px rgba(154, 116, 47, .2) !important;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn-primary, .btn-info, .btn-secondary, .uk-button-success-outline, .search-btn):not(:disabled):hover {
  color: #15110b !important;
  border-color: #d6b35c !important;
  background: linear-gradient(135deg, #d4ad51 0%, #ecd487 100%) !important;
  box-shadow: 0 10px 20px rgba(154, 116, 47, .25) !important;
}

:where(.admin-ui, .student-ui) :where(.btn-outline-primary, .btn-outline-info, .btn-outline-light, .btn-light),
.frontend-modern .uk-button-secondary-outline,
body.form .btn-outline-primary {
  color: inherit !important;
  border-color: rgba(154, 116, 47, .28) !important;
  background: transparent !important;
  box-shadow: none !important;
}

:where(.admin-ui, .student-ui) :where(.btn-outline-primary, .btn-outline-info, .btn-outline-light, .btn-light):not(:disabled):hover,
.frontend-modern .uk-button-secondary-outline:not(:disabled):hover,
body.form .btn-outline-primary:not(:disabled):hover {
  color: inherit !important;
  border-color: rgba(201, 162, 74, .55) !important;
  background: rgba(201, 162, 74, .1) !important;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn-danger, .btn-outline-danger) {
  color: #fff !important;
  border-color: #c9404d !important;
  background: #c9404d !important;
  box-shadow: 0 7px 16px rgba(201, 64, 77, .18) !important;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn-success, .btn-outline-success) {
  color: #fff !important;
  border-color: #23845c !important;
  background: #23845c !important;
  box-shadow: 0 7px 16px rgba(35, 132, 92, .18) !important;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn-sm, .btn-group-sm > .btn) {
  min-height: 36px;
  padding-inline: 12px;
  border-radius: 8px !important;
  font-size: .8rem;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn-lg, .uk-button-large) {
  min-height: 50px;
  padding-inline: 22px;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.uk-icon-button, .btn-icon) {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 10px !important;
}

:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn, .uk-button, button, [type="button"], [type="submit"]):disabled,
:where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn, .uk-button, button, [type="button"], [type="submit"])[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  :where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn, .uk-button, button:not(.close), [type="button"], [type="submit"]) {
    min-height: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.admin-ui, .student-ui, .frontend-modern, body.form) :where(.btn, .uk-button, button, [type="button"], [type="submit"]) {
    transition: none;
  }
}