/* OqtaneLibrary  Styles changes
 * This file contains custom styles for the OqtaneLibrary framework themes.
 * It includes overrides for various components and responsive design adjustments.
 */
@import "../BootswatchTheme/Theme.css";

.app-navbar--expanded .app-menu .navbar-nav .dropdown-menu {
    position: absolute;
    width: max-content;
    z-index: 10000;
}

main .content {
    top: 0;
    padding-top: var(--app-header-offset, 6.5rem);
}

@media (max-width: 767.98px) {
    main .content {
        top: 0;
        padding-top: var(--app-header-offset, calc(6.5rem + 60px));
    }
}

/* Same panel background as ActivityMaintenance2 / TTS landing, for Syncfusion grid modules. */
.tts-module.tts-module--landing.tts-module--sfgrid {
    --tts-bg: #e4e7eb;
    --tts-panel-bg: #eceff1;
    --tts-panel-border: #cfd3d8;
    --tts-text: #202124;

    max-width: var(--choose-hero-max-width, 100%);
    width: 100%;
    margin: 0.75rem auto 0;
    padding: 0.75rem;
    border-radius: 0.85rem;
    background: var(--tts-bg);
    color: var(--tts-text);
    box-sizing: border-box;
}

.tts-module--sfgrid .tts-home {
    width: 100%;
}

.tts-module--sfgrid .tts-home__panel {
    width: 100%;
    min-width: 0;
    background: var(--tts-panel-bg);
    border: 1px solid var(--tts-panel-border);
    border-radius: 12px;
    padding: 0.75rem;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
    box-sizing: border-box;
    color: var(--tts-text);
}