/* ---------- Library (truvera-ui) buttons ---------- */
.lbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: inherit; font-size: 16px; line-height: 1.2;
  padding: 12px 24px; border-radius: 100px; min-width: 120px; cursor: pointer; border: 1px solid transparent; white-space: nowrap;
  transition: background .15s, color .15s, border-color .15s;
}
.lbtn:disabled { opacity: .6; cursor: not-allowed; }
.lbtn-primary { background: var(--pl); color: #fff; }
.lbtn-primary:hover:not(:disabled) { background: #3b706c; }
.lbtn-outline { background: transparent; border-color: var(--pl); color: var(--pl); }
.lbtn-outline:hover:not(:disabled) { background: var(--pl); color: #fff; }
.lbtn-error { background: transparent; border-color: #fb3748; color: #fb3748; }
.lbtn-error:hover:not(:disabled) { background: #fb3748; color: #fff; }
.lbtn-beige { background: #ede9dc; color: #153c39; }
.lbtn-beige:hover { background: #e2dccb; }

/* ---------- MUI buttons ---------- */
.mbtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.75;
  border-radius: 10px; padding: 6px 16px; cursor: pointer; border: 1px solid transparent; white-space: nowrap; transition: background .15s, border-color .15s, box-shadow .15s;
}
.mbtn:disabled { cursor: not-allowed; }
.mbtn-brand { background: var(--brand); color: #EDE9DC; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); }
.mbtn-brand:hover:not(:disabled) { background: var(--brand-dark); }
.mbtn-outlined { background: transparent; border-color: rgba(31,59,57,.5); color: var(--primary); padding: 5px 15px; }
.mbtn-outlined:hover { background: rgba(31,59,57,.04); border-color: var(--primary); }
.mbtn-off { background: rgba(0,0,0,.12); color: rgba(0,0,0,.26); box-shadow: none; }
.mbtn-text { background: none; color: var(--primary); padding: 6px 8px; }