:root{
  --btn-bg-1:#4f46e5; --btn-bg-2:#22c55e; --btn-bg-3:#0ea5e9;
  --btn-txt:#fff; --btn-border:rgba(15,23,42,.06); --btn-radius:18px;
  --btn-shadow:0 8px 24px rgba(15,23,42,.06); --btn-h-shadow:0 14px 34px rgba(15,23,42,.10);
  --btn-h:34px; --btn-pad:6px 12px; --btn-font:.9rem;
}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  background:linear-gradient(90deg,var(--btn-bg-1),var(--btn-bg-2),var(--btn-bg-3));
  color:var(--btn-txt); border-radius:var(--btn-radius);
  border:1px solid var(--btn-border); box-shadow:var(--btn-shadow);
  padding:var(--btn-pad); height:var(--btn-h); min-height:var(--btn-h);
  font-size:var(--btn-font); line-height:1; cursor:pointer; text-decoration:none;
  transition:transform .14s ease, box-shadow .14s ease;
}
.btn--sm{ height:var(--btn-h); font-size:.9rem; padding:6px 12px; }
.btn--lg{ height:44px; font-size:1rem; padding:10px 16px; }
.btn:not([disabled]):hover{ transform:translateY(-2px); box-shadow:var(--btn-h-shadow); }

.btn-row, .file-row, .form-row, .d-flex.align-items-center{ display:flex; align-items:center; gap:1rem; }
.file-label{ position:relative; z-index:2; }
.file-input-visually-hidden{ position:absolute !important; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0; }




/* Вставить в самый конец buttons.css */
button#documents_btn.btn,
button#documents_btn.btn.btn-primary,
#registration-card button#documents_btn,
#registration-card button#documents_btn.btn {
  /* визуальная тема */
  background-image: linear-gradient(90deg,#4f46e5,#22c55e,#0ea5e9) !important;
  background-color: transparent !important;
  color: #fff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.06) !important;

  /* геометрия */
  padding: 6px 12px !important;
  height: 34px !important;
  min-height: 34px !important;
  font-size: .9rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* принудительно отменяем inline-style блокировки */
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  transform: none !important;
  transition: transform .14s ease, box-shadow .14s ease !important;
}

/* hover */
button#documents_btn.btn:not([disabled]):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.10) !important;
}