/* =========================================================
   BUTTONS
   ========================================================= */
.actions{
  display:flex;
  gap: 10px;
  justify-content:flex-end;
  flex-wrap:wrap;
  margin-top: 14px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  height: var(--ui-control-height);
  padding: 0 16px;
  border-radius: var(--ui-radius-sm);
  border: 1px solid #cbd8e8;
  background: #fff;
  color: #24415f;
  font-weight: var(--font-weight-data);
  font-size: 14px;
  cursor:pointer;
  box-shadow: none;
  transition: transform .12s ease, background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.btn:active{ transform: translateY(1px) scale(.99); }

.btn.primary{
  background: #fff;
  border-color: #6f9fe8;
  color:#1d5fbf;
  box-shadow: none;
}
.btn.danger{
  background: #fff;
  border-color: #efaaa6;
  color: #b42318;
  box-shadow: none;
}
.btn.success{
  background:#fff;
  border-color:#8ecfad;
  color:#087443;
  box-shadow:none;
}
@media (hover:hover) and (pointer:fine){
  .btn:hover{
    background:#f3f7fc;
    border-color:#9db2cb;
    color:#163b63;
    box-shadow:none;
    transform:none;
  }
  .btn.primary:hover{ background:#2563eb; border-color:#2563eb; color:#fff; }
  .btn.danger:hover{ background:#dc2626; border-color:#dc2626; color:#fff; }
  .btn.success:hover{ background:#15965f; border-color:#15965f; color:#fff; }
}
@media (hover:none){
  .btn:active{ background:#eef4fb; }
  .btn.primary:active{ background:#dceaff; color:#174e9d; }
  .btn.danger:active{ background:#fee7e7; color:#9f1f16; }
  .btn.success:active{ background:#e4f7ed; color:#08643c; }
}
.btn.primary[aria-current="page"]{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}
.btn.small{
  height: var(--ui-control-height-sm, 36px);
  padding: 0 12px;
  border-radius: var(--ui-radius);
  font-size: 13px;
  font-weight: 600;
}
.btn-block{ width: 100%; }
.btn:disabled{ opacity: .82; cursor: not-allowed; }