html, body {
    font-family: 'Roboto', sans-serif;
    height: 100%;
    margin: 0;
    background-color: #f5f7fa;
}

.mud-layout {
    height: 100vh;
}

.mud-main-content {
    height: calc(100vh - 48px);
    overflow-y: auto;
    padding-bottom: 0 !important;
    --mud-bottom-appbar-height: 0px !important;
}

.field-card {
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.field-card:hover {
    box-shadow: 0 4px 12px rgba(21, 101, 192, 0.15) !important;
}

.selected-field {
    border-color: #1565C0 !important;
    background-color: #e3f2fd !important;
}

/* Syncfusion PDF viewer full height */
.e-pdfviewer {
    height: 100% !important;
}