/* MENKULEX OS v7.9.3.8.1 Mobile Center Stability Layer
   Scope: /saas-merkezi, /arama-merkezi, /crm-merkezi, /kira-finans-merkezi, /dokuman-merkezi
   Safe visual layer only: no route/data/core changes. */

body.mxos-saas-center-page,
body.mxos-search-center-page,
body.mxos-crm-center-page,
body.mxos-finance-center-page,
body.mxos-document-center-page {
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
}

.mxsaas-app,
.mxsearch-app,
.mxcrm-app,
.mxfin-app,
.mxdoc-app {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.mxsaas-main,
.mxsearch-main,
.mxcrm-main,
.mxfin-main,
.mxdoc-main,
.mxsaas-page,
.mxsearch-page-head,
.mxcrm-page-head,
.mxfin-page-head,
.mxdoc-head,
.mxsaas-layout,
.mxsearch-workspace,
.mxcrm-layout,
.mxfin-layout,
.mxdoc-layout,
.mxsaas-card,
.mxsearch-card,
.mxcrm-card,
.mxfin-card,
.mxdoc-card {
    min-width: 0 !important;
    max-width: 100% !important;
}

.mxsaas-card,
.mxsearch-card,
.mxcrm-card,
.mxfin-card,
.mxdoc-card,
.mxsaas-kpis article,
.mxsearch-kpis article,
.mxcrm-kpis article,
.mxfin-kpis article,
.mxdoc-kpis article {
    overflow-wrap: anywhere;
}

.mxsaas-topbar,
.mxsearch-topbar,
.mxcrm-topbar,
.mxfin-topbar,
.mxdoc-topbar {
    min-width: 0 !important;
}

.mxsaas-top-actions,
.mxsearch-top-actions,
.mxcrm-top-actions,
.mxfin-top-actions,
.mxdoc-top-actions,
.mxsaas-head-actions,
.mxsearch-head-actions,
.mxcrm-head-actions,
.mxfin-head-actions,
.mxdoc-head div:last-child {
    min-width: 0 !important;
    max-width: 100% !important;
}

.mxsaas-search,
.mxsearch-global,
.mxsearch-query,
.mxcrm-global,
.mxfin-global,
.mxdoc-global {
    min-width: 0 !important;
    max-width: 100% !important;
}

.mxsaas-search input,
.mxsearch-global input,
.mxsearch-query input,
.mxcrm-global input,
.mxfin-global input,
.mxdoc-global input {
    min-width: 0 !important;
    width: 100% !important;
}

.mxsaas-table,
.mxsearch-results,
.mxsearch-table,
.mxcrm-table,
.mxfin-table,
.mxdoc-table,
.mxdoc-card:has(table) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

.mxsaas-table table,
.mxsearch-results table,
.mxsearch-table table,
.mxcrm-table table,
.mxfin-table table,
.mxdoc-table table,
.mxdoc-card table {
    width: 100%;
    min-width: 720px;
}

.mxsaas-card-head nav,
.mxsearch-card-head nav,
.mxcrm-card-head nav,
.mxfin-card-head nav,
.mxdoc-card-head nav,
.mxsaas-tabs,
.mxsearch-tabs,
.mxcrm-tabs,
.mxfin-tabs,
.mxdoc-tabs {
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.mxsaas-app button,
.mxsearch-app button,
.mxcrm-app button,
.mxfin-app button,
.mxdoc-app button,
.mxsaas-app a,
.mxsearch-app a,
.mxcrm-app a,
.mxfin-app a,
.mxdoc-app a {
    touch-action: manipulation;
}

@media (max-width: 1180px) {
    .mxsaas-app,
    .mxsearch-app,
    .mxcrm-app,
    .mxfin-app,
    .mxdoc-app {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .mxsaas-side,
    .mxsearch-side,
    .mxcrm-side,
    .mxfin-side,
    .mxdoc-side {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e3eaf5 !important;
    }

    .mxsaas-nav,
    .mxsearch-menu,
    .mxcrm-menu,
    .mxfin-menu,
    .mxdoc-menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .mxsaas-shortcuts,
    .mxsearch-shortcuts,
    .mxcrm-shortcuts,
    .mxfin-shortcuts {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .mxsaas-menu-title,
    .mxsearch-shortcuts b,
    .mxcrm-shortcuts > b,
    .mxfin-shortcuts > b,
    .mxdoc-menu-title {
        grid-column: 1 / -1;
    }

    .mxsaas-topbar,
    .mxsearch-topbar,
    .mxcrm-topbar,
    .mxfin-topbar,
    .mxdoc-topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 12px 16px !important;
    }

    .mxsaas-top-actions,
    .mxsearch-top-actions,
    .mxcrm-top-actions,
    .mxfin-top-actions,
    .mxdoc-top-actions {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        padding-bottom: 3px;
    }

    .mxsaas-layout,
    .mxsearch-workspace,
    .mxcrm-layout,
    .mxfin-layout,
    .mxdoc-layout {
        grid-template-columns: 1fr !important;
    }

    .mxsaas-right,
    .mxsearch-right,
    .mxcrm-right,
    .mxfin-right,
    .mxdoc-right,
    .mxdoc-aside {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .mxsaas-kpis,
    .mxsearch-kpis,
    .mxcrm-kpis,
    .mxfin-kpis,
    .mxdoc-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .mxsaas-side,
    .mxsearch-side,
    .mxcrm-side,
    .mxfin-side,
    .mxdoc-side {
        padding: 14px 12px !important;
    }

    .mxsaas-brand,
    .mxsearch-brand,
    .mxcrm-brand,
    .mxfin-brand,
    .mxdoc-brand {
        min-width: 0 !important;
        gap: 9px !important;
    }

    .mxsaas-brand strong,
    .mxsearch-brand strong,
    .mxcrm-brand strong,
    .mxfin-brand strong,
    .mxdoc-brand strong {
        font-size: 15px !important;
        white-space: normal !important;
    }

    .mxsaas-brand small,
    .mxsearch-brand small,
    .mxcrm-brand small,
    .mxfin-brand small,
    .mxdoc-brand small,
    .mxsaas-user small,
    .mxsearch-user small,
    .mxcrm-user small,
    .mxfin-user small,
    .mxdoc-user small {
        display: none !important;
    }

    .mxsaas-nav,
    .mxsearch-menu,
    .mxcrm-menu,
    .mxfin-menu,
    .mxdoc-menu,
    .mxsaas-shortcuts,
    .mxsearch-shortcuts,
    .mxcrm-shortcuts,
    .mxfin-shortcuts {
        grid-template-columns: 1fr !important;
    }

    .mxsaas-nav a,
    .mxsearch-menu a,
    .mxcrm-menu a,
    .mxfin-menu a,
    .mxdoc-menu a,
    .mxsaas-shortcuts a,
    .mxsearch-shortcuts a,
    .mxcrm-shortcuts a,
    .mxfin-shortcuts a {
        min-height: 42px !important;
        font-size: 12px !important;
    }

    .mxsaas-topbar,
    .mxsearch-topbar,
    .mxcrm-topbar,
    .mxfin-topbar,
    .mxdoc-topbar,
    .mxsaas-page,
    .mxsearch-page-head,
    .mxsearch-workspace,
    .mxcrm-page-head,
    .mxcrm-kpis,
    .mxcrm-layout,
    .mxfin-page-head,
    .mxfin-kpis,
    .mxfin-layout,
    .mxdoc-head,
    .mxdoc-kpis,
    .mxdoc-layout,
    .mxsaas-kpis,
    .mxsaas-layout {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .mxsaas-heading,
    .mxsearch-page-head,
    .mxcrm-page-head,
    .mxfin-page-head,
    .mxdoc-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .mxsaas-kpis,
    .mxsearch-kpis,
    .mxcrm-kpis,
    .mxfin-kpis,
    .mxdoc-kpis {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .mxsaas-kpis article,
    .mxsearch-kpis article,
    .mxcrm-kpis article,
    .mxfin-kpis article,
    .mxdoc-kpis article {
        min-height: 108px !important;
        padding: 14px !important;
    }

    .mxsaas-layout,
    .mxsearch-workspace,
    .mxcrm-layout,
    .mxfin-layout,
    .mxdoc-layout {
        gap: 12px !important;
        padding-bottom: 16px !important;
    }

    .mxsaas-card,
    .mxsearch-card,
    .mxcrm-card,
    .mxfin-card,
    .mxdoc-card {
        border-radius: 12px !important;
        padding: 12px !important;
    }

    .mxsaas-card-head,
    .mxsearch-card-head,
    .mxcrm-card-head,
    .mxfin-card-head,
    .mxdoc-card-head {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .mxsaas-top-actions div small,
    .mxsearch-top-actions div small,
    .mxcrm-top-actions div small,
    .mxfin-top-actions div small,
    .mxdoc-top-actions div small,
    .mxsaas-search kbd,
    .mxsearch-global kbd,
    .mxsearch-query kbd,
    .mxcrm-global kbd,
    .mxfin-global kbd,
    .mxdoc-global kbd {
        display: none !important;
    }

    .mxsaas-app button,
    .mxsearch-app button,
    .mxcrm-app button,
    .mxfin-app button,
    .mxdoc-app button {
        min-height: 40px !important;
    }

    .mxsaas-top-actions button,
    .mxsearch-top-actions button,
    .mxcrm-top-actions button,
    .mxfin-top-actions button,
    .mxdoc-top-actions button,
    .mxsaas-head-actions button,
    .mxsearch-head-actions button,
    .mxcrm-head-actions button,
    .mxfin-head-actions button,
    .mxdoc-head button,
    .mxdoc-card button {
        min-width: max-content !important;
    }

    .mxdoc-table th,
    .mxdoc-table td,
    .mxcrm-table th,
    .mxcrm-table td,
    .mxfin-table th,
    .mxfin-table td,
    .mxsearch-table th,
    .mxsearch-table td {
        padding: 10px 8px !important;
        font-size: 11px !important;
    }

    .mxdoc-table table,
    .mxcrm-table table,
    .mxfin-table table,
    .mxsearch-table table,
    .mxsaas-table table {
        min-width: 680px !important;
    }

    .mxcrm-kanban,
    .mxfin-flow,
    .mxsaas-flow,
    .mxdoc-activity,
    .mxsearch-result-list {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 480px) {
    .mxsaas-topbar,
    .mxsearch-topbar,
    .mxcrm-topbar,
    .mxfin-topbar,
    .mxdoc-topbar {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .mxsaas-page,
    .mxsearch-page-head,
    .mxsearch-workspace,
    .mxcrm-page-head,
    .mxcrm-kpis,
    .mxcrm-layout,
    .mxfin-page-head,
    .mxfin-kpis,
    .mxfin-layout,
    .mxdoc-head,
    .mxdoc-kpis,
    .mxdoc-layout,
    .mxsaas-kpis,
    .mxsaas-layout {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .mxsaas-title h1,
    .mxsearch-page-head h1,
    .mxcrm-page-head h1,
    .mxfin-page-head h1,
    .mxdoc-head h1 {
        font-size: clamp(20px, 6vw, 25px) !important;
        line-height: 1.12 !important;
    }

    .mxsaas-table table,
    .mxsearch-table table,
    .mxcrm-table table,
    .mxfin-table table,
    .mxdoc-table table,
    .mxdoc-card table {
        min-width: 620px !important;
    }
}