/* Buttons */
.btn { display:inline-block; text-align:center; padding:12px 16px; background:#000000; color:#fff; border-radius:10px; max-height:50px; font-weight:600; border:none; cursor:pointer; box-sizing: border-box; width:100%;}
.btn.secondary { background:#e0e0e0; color: #000;}
.btn[disabled], .btn:disabled { background:#9ca3af; cursor:not-allowed; opacity:0.8; }
.btn-w100 { width: auto; display: inline-block; }

@media (max-width: 767px) {
  .btn-w100 {
    width: 100%;
    display: block;
  }
}

/* Form-sized button to match inputs */
.btn-form { font-size: 14px; padding: 10px}

/* Common vertical spacing for form buttons */
.btn-spaced { margin: 10px 0; }

/* Panel page primary action buttons */
.btn-panel-action {
  width: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #f5f5f5;
  color: #000;
  padding: 16px 8px;
  max-height: none;
}
.btn-panel-action .btn-panel-action__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background: #000;
  border-radius: 12px;
}
.btn-panel-action .btn-panel-action__icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: invert(1);
}
.btn-panel-action .btn-panel-action__label {
  font-size: 12px !important;
  
  text-align: center;
  line-height: 1.3;
}

/* Vertical action stack */
.actions { 
  display:flex; 
  flex-direction: column; 
  gap:12px; 
  margin-top: 10px; 
}

/* Actions spacing for edit pages */
.container.mw600px .actions {
  margin-top: 14px;
}

/* Hidden form for delete actions */
.hidden-form {
  display: none;
}