| /* Base styles */ | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| :root { | |
| --primary: #4285F4; | |
| --primary-light: #E8F0FE; | |
| --secondary: #34A853; | |
| --accent: #EA4335; | |
| --warning: #FBBC05; | |
| --gray-light: #F1F3F4; | |
| --gray-medium: #DADCE0; | |
| --gray-dark: #5F6368; | |
| } | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| /* Document card hover effect */ | |
| .document-card:hover { | |
| box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 1px 3px 1px rgba(60,64,67,0.15); | |
| transform: translateY(-2px); | |
| transition: all 0.2s ease-in-out; | |
| } | |
| /* Signature pad styling */ | |
| .signature-pad { | |
| border: 1px dashed var(--gray-medium); | |
| background-color: white; | |
| border-radius: 4px; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| height: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: var(--gray-light); | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: var(--gray-medium); | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: var(--gray-dark); | |
| } | |
| /* Animation for uploading files */ | |
| @keyframes pulse { | |
| 0% { opacity: 0.6; } | |
| 50% { opacity: 1; } | |
| 100% { opacity: 0.6; } | |
| } | |
| .uploading { | |
| animation: pulse 1.5s infinite; | |
| } | |
| /* Document status badges */ | |
| .status-badge { | |
| padding: 2px 8px; | |
| border-radius: 12px; | |
| font-size: 12px; | |
| font-weight: 500; | |
| } | |
| .status-draft { | |
| background-color: var(--gray-light); | |
| color: var(--gray-dark); | |
| } | |
| .status-pending { | |
| background-color: var(--warning); | |
| color: #000; | |
| } | |
| .status-signed { | |
| background-color: var(--secondary); | |
| color: white; | |
| } | |
| .status-completed { | |
| background-color: var(--primary-light); | |
| color: var(--primary); | |
| } |