.document-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.download-button {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 11px;
  background: #2e63cc;
  color: #fff;
  font-weight: 820;
}

.render-button,
.confirm-render {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 11px;
  background: #8a5400;
  color: #fff;
  font-weight: 820;
}

.render-button:disabled,
.confirm-render:disabled {
  cursor: not-allowed;
  background: #dfe5ee;
  color: #778397;
}

.render-confirm {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid #e1c16f;
  border-radius: 12px;
  background: #fff8df;
  color: #624500;
}

.revoke-confirm {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid #e3a8ae;
  border-radius: 12px;
  background: #fff2f3;
  color: #7f2530;
}

.render-confirm strong,
.render-confirm span {
  display: block;
}

.revoke-confirm strong,
.revoke-confirm span {
  display: block;
}

.revoke-confirm span {
  margin-top: 4px;
  font-size: 13px;
}

.render-confirm span {
  margin-top: 4px;
  font-size: 13px;
}

.confirm-actions {
  display: flex;
  gap: 9px;
  margin-top: 12px;
}

.cancel-render {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #c5cfdd;
  border-radius: 11px;
  background: #fff;
  color: #26364f;
  font-weight: 800;
}

.link-button,
.primary-action {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 11px;
  background: #6544bd;
  color: #fff;
  font-weight: 820;
}

.revoke-button,
.confirm-revoke {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 11px;
  background: #a52e3a;
  color: #fff;
  font-weight: 820;
}

.revoke-button:disabled,
.confirm-revoke:disabled {
  cursor: not-allowed;
  background: #dfe5ee;
  color: #778397;
}

.link-button:disabled {
  cursor: not-allowed;
  background: #dfe5ee;
  color: #778397;
}

.link-form {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #cbbdf2;
  border-radius: 12px;
  background: #f7f3ff;
}

.link-form h3 {
  margin: 0 0 5px;
  font-size: 16px;
}

.link-form p {
  margin: 0 0 13px;
  color: #625b76;
  font-size: 13px;
}

.link-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px 140px;
  gap: 10px;
}

.link-fields label {
  color: #4d4660;
  font-size: 12px;
  font-weight: 760;
}

.link-fields input,
.link-fields select {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: 5px;
  padding: 9px;
  border: 1px solid #bdb1db;
  border-radius: 9px;
  background: #fff;
  color: #182236;
}

.secure-link-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
  padding: 13px;
  border: 1px solid #cbbdf2;
  border-radius: 12px;
  background: #f7f3ff;
}

.secondary-action {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #9e8ed0;
  border-radius: 11px;
  background: #fff;
  color: #4a338c;
  font-weight: 820;
}

.secure-link-actions span {
  color: #625b76;
  font-size: 13px;
}

.download-button:disabled {
  cursor: not-allowed;
  background: #dfe5ee;
  color: #778397;
}

.download-note {
  color: #667287;
  font-size: 13px;
}

.download-status {
  margin-top: 14px;
  padding: 12px;
  border-radius: 10px;
  background: #edf8f0;
  color: #21673a;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.download-status.bad {
  background: #fff0f1;
  color: #962735;
}

@media (max-width: 620px) {
  .document-actions {
    display: block;
  }

  .download-button {
    width: 100%;
  }

  .render-button,
  .confirm-render,
  .cancel-render,
  .link-button,
  .primary-action,
  .secondary-action {
    width: 100%;
  }

  .revoke-button,
  .confirm-revoke {
    width: 100%;
  }

  .confirm-actions {
    display: grid;
  }

  .link-fields {
    grid-template-columns: 1fr;
  }

  .secure-link-actions {
    display: grid;
  }

  .download-note {
    display: block;
    margin-top: 8px;
  }
}