/* Parko DocGen — stiluri componente */
.card {
  background: white;
  border: 1px solid rgb(226 232 240);
  border-radius: 1rem;
  padding: 1.25rem;
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
}
.dark .card { background: rgb(15 23 42); border-color: rgb(30 41 59); }

.input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgb(203 213 225);
  background: white;
  font-size: 0.875rem;
  outline: none;
}
.input:focus { border-color: #0d59a6; box-shadow: 0 0 0 3px rgb(13 89 166 / 0.15); }
.dark .input { background: rgb(2 6 23); border-color: rgb(51 65 85); color: rgb(241 245 249); }

.btn-primary {
  display: inline-flex; align-items: center;
  padding: 0.55rem 1.1rem; border-radius: 0.6rem;
  background: #0d59a6; color: white; font-size: 0.875rem; font-weight: 600;
  transition: background .15s;
}
.btn-primary:hover { background: #0b4c8f; }
.btn-primary:disabled { opacity: .5; cursor: not-allowed; }

.btn-secondary {
  display: inline-flex; align-items: center;
  padding: 0.55rem 1.1rem; border-radius: 0.6rem;
  border: 1px solid rgb(203 213 225);
  background: transparent; font-size: 0.875rem; font-weight: 500;
}
.btn-secondary:hover { border-color: #0d59a6; color: #0d59a6; }
.dark .btn-secondary { border-color: rgb(51 65 85); }

.icon-btn {
  display: inline-grid; place-items: center;
  width: 2rem; height: 2rem; border-radius: 0.5rem;
  color: rgb(100 116 139);
}
.icon-btn:hover { background: rgb(13 89 166 / 0.1); color: #0d59a6; }

@keyframes slideIn { from { transform: translateX(20px); opacity: 0 } to { transform: none; opacity: 1 } }