/* ==========================================================
   UCD ACCOUNT — COMPACT ADMIN
   ========================================================== */

body.ucd-controller-accounts .ucd-account-settings {
  width: 100% !important;
  max-width: 820px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #172033 !important;
}

/* Tabs */
.ucd-account-tabs {
  display: flex !important;
  align-items: center !important;

  gap: 3px !important;

  margin: 0 0 22px !important;

  border-bottom: 1px solid rgba(71,85,105,.22) !important;
}

.ucd-account-tab {
  min-height: 36px !important;

  padding: 0 12px !important;

  border: 0 !important;
  border-bottom: 2px solid transparent !important;

  color: #64748b !important;
  background: transparent !important;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 650 !important;

  cursor: pointer !important;
}

.ucd-account-tab:hover {
  color: #172033 !important;
}

.ucd-account-tab.is-active {
  color: #1265b0 !important;
  border-bottom-color: #1674d1 !important;
}

/* Panels */
.ucd-account-panel {
  display: none !important;
}

.ucd-account-panel.is-active {
  display: block !important;
}

/* ==========================================================
   GENERAL
   ========================================================== */

.ucd-account-general {
  max-width: 700px !important;
}

.ucd-account-general form {
  margin: 0 !important;
  padding: 0 !important;
}

/* Less vertical space */
.ucd-account-general .form-control {
  margin-bottom: 14px !important;
}

.ucd-account-general .grid {
  gap: 12px !important;
}

/* Labels */
.ucd-account-general label,
.ucd-account-general .label {
  margin: 0 0 4px !important;
  padding: 0 !important;

  color: #344054 !important;

  font-size: 10px !important;
  font-weight: 650 !important;
}

/* Inputs */
.ucd-account-general input:not([type="checkbox"]):not([type="radio"]),
.ucd-account-general select {
  min-height: 35px !important;

  padding: 6px 9px !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;

  color: #172033 !important;
  background: rgba(255,255,255,.90) !important;

  font-size: 11px !important;

  box-shadow: none !important;
}

.ucd-account-general input:focus,
.ucd-account-general select:focus {
  border-color: #3788d8 !important;

  outline: none !important;

  box-shadow:
    0 0 0 2px rgba(55,136,216,.10) !important;
}

/* Update */
.ucd-account-general .base-button {
  min-height: 34px !important;

  padding: 0 14px !important;

  border-radius: 6px !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  box-shadow: none !important;
}

/* ==========================================================
   PREFERENCES
   ========================================================== */

.ucd-account-preferences {
  max-width: 760px !important;
}

.ucd-account-preferences > div,
.ucd-account-preferences .px-1 {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide original giant Preferences heading */
.ucd-account-preferences h2 {
  display: none !important;
}

/* Every preference is a clean row */
.ucd-account-preferences form {
  margin: 0 !important;
  padding: 0 !important;
}

.ucd-account-preferences form > div,
.ucd-account-preferences > div > div {
  box-sizing: border-box !important;
}

/* Preference rows */
.ucd-account-preferences
.flex.items-center.justify-between {
  min-height: 46px !important;

  padding: 8px 3px !important;

  gap: 18px !important;

  border-bottom:
    1px solid rgba(71,85,105,.17) !important;

  background: transparent !important;
}

/* Preference labels */
.ucd-account-preferences
.flex.items-center.justify-between
.text-left,

.ucd-account-preferences
.flex.items-center.justify-between
> span {
  color: #273548 !important;

  font-size: 10.5px !important;
  font-weight: 550 !important;

  line-height: 1.35 !important;
}

/* Tooltip icon */
.ucd-account-preferences .tooltip svg {
  width: 13px !important;
  height: 13px !important;

  color: #64748b !important;
}

/* Toggles */
.ucd-account-preferences .toggle {
  flex: 0 0 auto !important;

  transform: scale(.78) !important;
  transform-origin: center right !important;
}

/* Remove cards/glass if inherited */
.ucd-account-preferences .card,
.ucd-account-preferences section,
.ucd-account-preferences fieldset,
.ucd-account-preferences [class*="bg-base-"] {
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 850px) {
  body.ucd-controller-accounts .ucd-account-settings {
    max-width: none !important;
  }

  .ucd-account-general .grid {
    grid-template-columns: 1fr !important;
  }
}