/* Petoleris Journal — CSS */

.ptj-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 18px !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  border: none !important;
  font-family: 'Outfit', sans-serif !important;
  transition: all .15s !important;
  text-decoration: none !important;
}
.ptj-btn-primary  { background: linear-gradient(135deg,#D97706,#B45309) !important; color: #fff !important; }
.ptj-btn-primary:hover { background: linear-gradient(135deg,#B45309,#92400E) !important; transform: translateY(-1px) !important; }
.ptj-btn-secondary { background: #FEF3E2 !important; color: #92400E !important; border: 1px solid #E8D5B0 !important; }
.ptj-btn-secondary:hover { background: #FDE68A !important; }
.ptj-btn-sm { padding: 6px 12px !important; font-size: 12px !important; }
.ptj-btn-danger { background: #FEF2F2 !important; color: #DC2626 !important; border: 1px solid #FECACA !important; }

.ptj-input {
  width: 100% !important;
  background: #fff !important;
  border: 1px solid #E8D5B0 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  color: #1C1917 !important;
  font-size: 13px !important;
  font-family: 'Outfit', sans-serif !important;
  box-sizing: border-box !important;
}
.ptj-input:focus { outline: none !important; border-color: #D97706 !important; box-shadow: 0 0 0 3px rgba(217,119,6,.1) !important; }
.ptj-input::placeholder { color: #A8A29E !important; }

.ptj-label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #A8A29E !important;
  margin-bottom: 5px !important;
}

.ptj-card {
  background: #fff !important;
  border: 1px solid #F0E8D8 !important;
  border-radius: 12px !important;
  padding: 18px !important;
  margin-bottom: 12px !important;
}

.ptj-entry-card {
  background: #fff !important;
  border: 1px solid #F0E8D8 !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin-bottom: 10px !important;
  transition: box-shadow .15s !important;
}
.ptj-entry-card:hover { box-shadow: 0 2px 12px rgba(180,83,9,.08) !important; }

.ptj-badge-ok      { background: #F0FDF4 !important; color: #16A34A !important; border: 1px solid #BBF7D0 !important; padding: 2px 8px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 600 !important; }
.ptj-badge-warn    { background: #FFFBEB !important; color: #92400E !important; border: 1px solid #FDE68A !important; padding: 2px 8px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 600 !important; }
.ptj-badge-danger  { background: #FEF2F2 !important; color: #DC2626 !important; border: 1px solid #FECACA !important; padding: 2px 8px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 600 !important; }

.ptj-loader { display: flex !important; align-items: center !important; gap: 10px !important; padding: 32px !important; color: #78716C !important; font-size: 14px !important; justify-content: center !important; }
.ptj-spinner { width: 20px !important; height: 20px !important; border: 2px solid #E8D5B0 !important; border-top-color: #D97706 !important; border-radius: 50% !important; animation: ptj-spin .7s linear infinite !important; flex-shrink: 0 !important; }
@keyframes ptj-spin { to { transform: rotate(360deg); } }

.ptj-pet-filter {
  background: #fff !important;
  border: 1px solid #E8D5B0 !important;
  border-radius: 20px !important;
  padding: 5px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #78716C !important;
  cursor: pointer !important;
  font-family: 'Outfit', sans-serif !important;
  transition: all .15s !important;
}
.ptj-pet-filter.active, .ptj-pet-filter:hover {
  background: #FEF3E2 !important;
  border-color: #D97706 !important;
  color: #92400E !important;
}

.ptj-symptom-chip {
  background: #fff !important;
  border: 1.5px solid #E8D5B0 !important;
  border-radius: 20px !important;
  padding: 5px 14px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  font-family: 'Outfit', sans-serif !important;
  transition: all .15s !important;
}
.ptj-symptom-chip.selected {
  background: #FEF2F2 !important;
  border-color: #DC2626 !important;
  color: #DC2626 !important;
  font-weight: 600 !important;
}

.ptj-patient-item {
  background: #fff !important;
  border: 1px solid #F0E8D8 !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  cursor: pointer !important;
  transition: all .15s !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.ptj-patient-item:hover, .ptj-patient-item.active {
  border-color: #D97706 !important;
  background: #FEF9F0 !important;
}

@media (max-width:600px) {
  #ptj-vet-layout { grid-template-columns: 1fr !important; }
}