/* Hover states from the Claude Design source (style-hover attributes), one class per property/value.
   !important is required because the design's base values are inline styles. */
.hv-bc-10b981:hover { border-color: #10B981 !important; }
.hv-bc-a7f3d0:hover { border-color: #A7F3D0 !important; }
.hv-bc-fca5a5:hover { border-color: #FCA5A5 !important; }
.hv-bg-059669:hover { background: #059669 !important; }
.hv-bg-10b981:hover { background: #10B981 !important; }
.hv-bg-15304f:hover { background: #15304F !important; }
.hv-bg-d1fae5:hover { background: #D1FAE5 !important; }
.hv-bg-ecfdf5:hover { background: #ECFDF5 !important; }
.hv-bg-edf2f7:hover { background: #EDF2F7 !important; }
.hv-bg-f1f5f9:hover { background: #F1F5F9 !important; }
.hv-bg-f8fafc:hover { background: #F8FAFC !important; }
.hv-bg-fef2f2:hover { background: #FEF2F2 !important; }
.hv-bg-fff:hover { background: #fff !important; }
.hv-bg-white08:hover { background: rgba(255,255,255,0.08) !important; }
.hv-bg-white14:hover { background: rgba(255,255,255,0.14) !important; }
.hv-bg-white18:hover { background: rgba(255,255,255,0.18) !important; }
.hv-bg-white22:hover { background: rgba(255,255,255,0.22) !important; }
.hv-blc-10b981:hover { border-left-color: #10B981 !important; }
.hv-c-059669:hover { color: #059669 !important; }
.hv-c-10b981:hover { color: #10B981 !important; }
.hv-c-4a5568:hover { color: #4A5568 !important; }
.hv-c-fff:hover { color: #fff !important; }
.hv-op-08:hover { opacity: 0.8 !important; }
.hv-op-082:hover { opacity: 0.82 !important; }
.hv-sh-1:hover { box-shadow: 0 18px 38px rgba(16,185,129,0.16) !important; }
.hv-sh-2:hover { box-shadow: 0 10px 24px rgba(26,54,93,0.1) !important; }
.hv-sh-3:hover { box-shadow: 0 12px 28px rgba(26,54,93,0.1) !important; }
.hv-sh-4:hover { box-shadow: 0 14px 32px rgba(26,54,93,0.1) !important; }
.hv-sh-5:hover { box-shadow: 0 16px 36px rgba(26,54,93,0.12) !important; }
.hv-sh-6:hover { box-shadow: 0 12px 28px rgba(0,0,0,0.10) !important; }
.hv-tf-right4:hover { transform: translateX(4px) !important; }
.hv-tf-scale106:hover { transform: scale(1.06) !important; }
.hv-tf-up2:hover { transform: translateY(-2px) !important; }
.hv-tf-up3:hover { transform: translateY(-3px) !important; }
.hv-tf-up4:hover { transform: translateY(-4px) !important; }
.hv-tf-up5:hover { transform: translateY(-5px) !important; }