/* Base styles for the SFDev application */

/* Mobile-first styles */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
}

/* Sidebar styles */
.sidebar {
    position: sticky;
    top: 56px; /* Header height */
    height: calc(100vh - 56px);
    padding-top: 20px;
    overflow-y: auto;
}

/* Responsive typography */
h1, .h1 { font-size: calc(1.3rem + 1vw); }
h2, .h2 { font-size: calc(1.25rem + 0.8vw); }
h3, .h3 { font-size: calc(1.2rem + 0.6vw); }

/* Card styles with proper spacing */
.card {
    margin-bottom: 1rem;
}

.card-body {
    padding: 1rem;
}

@media (min-width: 768px) {
    .card-body {
        padding: 1.25rem;
    }
    
    /* Adjust spacing for larger screens */
    .container-fluid {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 992px) {
    /* Additional styles for large screens */
    .card-body {
        padding: 1.5rem;
    }
}

/* Utility classes */
.cursor-pointer {
    cursor: pointer;
}

.min-w-150 {
    min-width: 150px;
}