/* v2 кнопки — за бібліотекою Penpot (btn-primary, btn-secondary, btn-danger, ghost) */
body.v2 .v2-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 36px; padding: 0 16px;
  border-radius: var(--r-btn); border: 1px solid transparent;
  font: 600 var(--fs-body) var(--font-ui); color: var(--clr-text);
  background: transparent; cursor: pointer; text-decoration: none;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
  white-space: nowrap;
}
body.v2 .v2-btn:disabled { opacity: .45; cursor: not-allowed; }

body.v2 .v2-btn--primary { background: var(--clr-primary); color: #fff; box-shadow: var(--shadow-primary); }
body.v2 .v2-btn--primary:hover:not(:disabled) { background: var(--clr-primary-hover); }

body.v2 .v2-btn--secondary { background: var(--clr-fill-input); border-color: var(--clr-hairline-strong); }
body.v2 .v2-btn--secondary:hover:not(:disabled) { background: var(--clr-fill-hover); }

body.v2 .v2-btn--danger { background: rgba(220, 53, 69, .14); border-color: rgba(248, 113, 113, .35); color: var(--clr-danger-text); }
body.v2 .v2-btn--danger:hover:not(:disabled) { background: rgba(220, 53, 69, .22); }

body.v2 .v2-btn--ghost { color: var(--clr-text-2); border-color: transparent; }
body.v2 .v2-btn--ghost:hover:not(:disabled) { background: var(--clr-fill-hover); color: var(--clr-text); }

/* Квадратні іконкові 36×36 */
body.v2 .v2-btn--icon { width: 36px; padding: 0; }
body.v2 .v2-btn--icon-on { background: rgba(156, 39, 176, .18); border-color: rgba(156, 39, 176, .45); color: #d9a7ea; }

/* Повнорозмірна кнопка форми (логін) */
body.v2 .v2-btn--block { width: 100%; height: 46px; font-size: 15px; }

/* Текстове посилання-дія */
body.v2 .v2-link { color: var(--clr-info); text-decoration: none; cursor: pointer; }
body.v2 .v2-link:hover { text-decoration: underline; }
body.v2 .v2-link--muted { color: var(--clr-text-3); }

/* сегмент-перемикач вигляду/розміру списків техніки — той самий, що у бронюванні (.bk-seg) */
body.v2 .v2-seg { display: inline-flex; height: 36px; border-radius: 10px; background: #1e232e; border: 1px solid rgba(255,255,255,.08); padding: 3px; gap: 2px; }
body.v2 .v2-seg button { min-width: 30px; height: 28px; padding: 0 8px; border: 0; border-radius: 7px; background: transparent; color: #98a2b3; font: 600 11.5px var(--font-ui); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
body.v2 .v2-seg button i { font-size: 14px; }
body.v2 .v2-seg button:hover { color: #e8eaf0; background: rgba(255,255,255,.04); }
body.v2 .v2-seg button.active { background: rgba(156,39,176,.25); color: #e8b7f0; }