/* Syncfusion controls are used selectively so the existing ElectroBook design remains the visual system. */
.electrobook-form .e-control-wrapper,
.form-panel .e-control-wrapper,
.form-panel .e-input-group,
.toolbar .e-control-wrapper,
.toolbar .e-input-group {
    width: 100%;
}

.form-panel .e-control-wrapper,
.form-panel .e-input-group,
.form-panel .e-multi-select-wrapper {
    min-height: 42px;
}

.form-panel .e-input-group,
.form-panel .e-control-wrapper,
.form-panel .e-multi-select-wrapper {
    border-radius: 10px;
}

.form-panel .e-input,
.form-panel .e-dropdownbase,
.form-panel .e-multi-select-wrapper {
    font-family: Inter, system-ui, sans-serif;
}

.form-panel .e-float-input,
.form-panel .e-float-input.e-control-wrapper {
    width: 100%;
}

.syncfusion-field-help {
    display: block;
    margin-top: 6px;
    color: var(--muted, #6b7280);
    font-size: 0.82rem;
}

.syncfusion-selection-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: var(--muted, #6b7280);
    font-size: 0.82rem;
}

.ejs-page-control .e-control,
.ejs-page-control .e-input-group {
    width: 100%;
}

@media (max-width: 767px) {
    .form-panel .e-popup,
    .form-panel .e-dropdown-popup {
        max-width: calc(100vw - 32px);
    }
}