:root { 
    --coffee-dark: #3c2a21; 
    --bg-soft: #f8f9fa; 
}

body { 
    background-color: var(--bg-soft); 
    font-family: 'Inter', sans-serif; 
}

.glass-card { 
    background: #fff; 
    border: none; 
    border-radius: 12px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.04); 
}

.sig-canvas { 
    border: 2px dashed #ccc; 
    border-radius: 8px; 
    background: #fafafa; 
    cursor: crosshair; 
    touch-action: none; 
    height: 120px; 
}

.page-link-custom { 
    padding: 8px 16px; 
    border-radius: 8px; 
    border: 1px solid #dee2e6;
    background: white; 
    color: var(--coffee-dark); 
    text-decoration: none;
    transition: 0.3s; 
    font-size: 0.85rem; 
    cursor: pointer;
}

.page-link-custom:hover:not(.disabled) { 
    background: var(--coffee-dark); 
    color: white; 
}

.page-link-custom.disabled { 
    opacity: 0.5; 
    cursor: not-allowed; 
}

.text-coffee-dark {
    color: var(--coffee-dark);
}

@media print { 
    .no-print { display: none !important; } 
}