/* Management Panels Height Fix */
/* This file fixes the window height issue for all management panels */

/* Force full viewport height */
html, body {
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* App container should use full height */
.app-container {
    min-height: 100vh !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Main content should flex to fill remaining space */
.main-content {
    flex: 1 !important;
    overflow-y: auto !important;
    height: calc(100vh - 80px) !important; /* Account for header */
    min-height: calc(100vh - 80px) !important;
}

/* Header should have fixed height */
.header {
    flex-shrink: 0 !important;
    height: 80px !important;
    max-height: 80px !important;
}

/* Content areas should use available space */
.company-overview,
.consultant-overview,
.candidate-overview,
.content-area {
    height: 100% !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    padding: 2rem;
}

/* Grid containers should use available space */
.companies-grid,
.consultants-grid,
.candidates-grid {
    height: fit-content !important;
    min-height: auto !important;
}

/* Ensure modals don't interfere */
.modal {
    z-index: 1000 !important;
}

/* For pages without app-container class */
body:not(.app-container) .container {
    min-height: 100vh !important;
    height: 100vh !important;
    overflow-y: auto !important;
}