/* Global layout styles */

/* Ensure AppBar sections are in one row */
kendo-appbar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
}

kendo-appbar-section {
    display: flex !important;
    align-items: center !important;
}

/* Make sure the drawer container takes full height */
kendo-drawer-container {
    min-height: calc(100vh - 46px);
}

/* Global mobile optimizations */
@media (max-width: 767px) {
    /* Improve touch targets for mobile */
    button[kendoButton] {
        min-height: 44px;
        min-width: 44px;
    }

    /* Make drawer content full width on mobile */
    kendo-drawer-content {
        width: 100%;
    }

    /* Prevent horizontal scroll on mobile */
    body {
        overflow-x: hidden;
    }
}

/* iOS specific fixes */
@supports (-webkit-touch-callout: none) {
    /* Prevent iOS zoom on input focus */
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    /* Smooth scrolling for iOS - legacy support for older devices */
    kendo-drawer-container {
        overflow-y: auto;
    }
}