/* BissoPos mobile prototype design layer.
   Business logic stays in the existing modules. Fast Sales is intentionally excluded. */
@media (max-width: 900px) {
    html.m3-skin-dark {
        --bp-mob-bg: linear-gradient(180deg, #1a4f86 0%, #12345c 38%, #0b1c34 72%, #071422 100%);
        --bp-mob-panel: rgba(8, 28, 54, .62);
        --bp-mob-panel-2: rgba(11, 28, 52, .78);
        --bp-mob-border: rgba(0, 174, 239, .18);
        --bp-mob-text: #f4fbff;
        --bp-mob-muted: #8ec4e6;
        --bp-mob-blue: #00aeef;
        --bp-mob-indigo: #1ea7e8;
        --bp-mob-purple: #c084fc;
        --bp-mob-green: #34d399;
        --bp-mob-red: #fb7185;
        --bp-mob-amber: #fbbf24;
        --bp-mob-teal: #2dd4bf;
        --bp-mob-header: linear-gradient(180deg, #1a4f86 0%, #12345c 38%, #0b1c34 72%, #071422 100%);
        --bp-mob-brand: linear-gradient(180deg, #1ea7e8, #1289c9);
        --bp-mob-shadow: 0 16px 34px -22px rgba(0, 0, 0, .78);
        --bp-mob-input-bg: #e8eef4;
        --bp-mob-input-text: #0f2744;
    }

    html:not(.m3-skin-dark) {
        --bp-mob-bg: #f3f6fb;
        --bp-mob-panel: #ffffff;
        --bp-mob-panel-2: #f8fbff;
        --bp-mob-border: #dce5f0;
        --bp-mob-text: #172033;
        --bp-mob-muted: #64748b;
        --bp-mob-blue: #287bd6;
        --bp-mob-indigo: #5b6ee1;
        --bp-mob-purple: #8b5cf6;
        --bp-mob-green: #159a78;
        --bp-mob-red: #df5366;
        --bp-mob-amber: #c88a13;
        --bp-mob-teal: #168c8b;
        --bp-mob-header: linear-gradient(150deg, #3c6fd8, #2a53bd);
        --bp-mob-brand: linear-gradient(150deg, #3763cf, #274cb8);
        --bp-mob-shadow: 0 14px 30px -22px rgba(15, 23, 42, .45);
    }

    body.m3-native-active,
    body.m3-native-home {
        background: var(--bp-mob-bg) !important;
        background-attachment: fixed !important;
    }

    html.bh-mob-boot,
    html.bh-mob-boot body,
    body.m3-native-active,
    body.m3-native-home {
        overflow-x: hidden !important;
        max-width: 100% !important;
        overscroll-behavior-x: none;
    }

    body.m3-native-active #app,
    body.m3-native-home #app,
    body.m3-native-active #mainContent,
    body.m3-native-home #mainContent {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        background: var(--bp-mob-bg) !important;
        transform: none;
    }

    /* Shared page shell. Never restyle the POS checkout surface here. */
    body.m3-native-active #mainContent > .m3:not(.fast-sales-page),
    body.m3-native-home #mainContent > .m3-home-page {
        min-height: 100dvh !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
        background: var(--bp-mob-bg) !important;
        color: var(--bp-mob-text) !important;
        transform: none;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-app-content,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-scroll,
    body.m3-native-active .m3:not(.fast-sales-page) .form-content-area,
    body.m3-native-active .m3:not(.fast-sales-page) .customer-list-scroll {
        background: var(--bp-mob-bg) !important;
        color: var(--bp-mob-text) !important;
        scrollbar-width: none;
        overscroll-behavior-y: contain;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-app-content::-webkit-scrollbar,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-scroll::-webkit-scrollbar,
    body.m3-native-active .m3:not(.fast-sales-page) .form-content-area::-webkit-scrollbar {
        display: none;
    }

    /* One header language for list, detail and form pages. */
    body.m3-native-active .m3:not(.fast-sales-page) .m3-page-header,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-hdr,
    body.m3-native-active .m3:not(.fast-sales-page) .m3s-hdr,
    body.m3-native-active .m3:not(.fast-sales-page) .bh-gor-head,
    body.m3-native-active .m3:not(.fast-sales-page) .app-header,
    body.m3-native-active .m3:not(.fast-sales-page) .black-header {
        min-height: 64px !important;
        padding: calc(10px + env(safe-area-inset-top, 0px)) 15px 10px !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        background: var(--bp-mob-header) !important;
        border: 0 !important;
        border-bottom: 1px solid var(--bp-mob-border) !important;
        box-shadow: none !important;
        color: #fff !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-page-title,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-hdr .ttl,
    body.m3-native-active .m3:not(.fast-sales-page) .m3s-hdr .ttl,
    body.m3-native-active .m3:not(.fast-sales-page) .bh-gor-head h2,
    body.m3-native-active .m3:not(.fast-sales-page) .app-header > span:not(.back-btn):not(.hdr-icons) {
        min-width: 0;
        font-size: 20px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        color: #fff !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-hdr-icon-btn,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-page-back,
    body.m3-native-active .m3:not(.fast-sales-page) .back-btn,
    body.m3-native-active .m3:not(.fast-sales-page) .hdr-back,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-hdr .back {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255, 255, 255, .12) !important;
        border-radius: 13px !important;
        background: rgba(255, 255, 255, .08) !important;
        color: #fff !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    }

    /* Search and segmented filters. */
    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-dark,
    body.m3-native-active .m3:not(.fast-sales-page) .dark-search-bar,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-app-search,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-bar {
        padding: 11px 14px 7px !important;
        background: var(--bp-mob-bg) !important;
        border: 0 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-dark .box,
    body.m3-native-active .m3:not(.fast-sales-page) .dark-search-bar,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-app-search > div,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-bar {
        min-height: 46px !important;
        border-radius: 14px !important;
        border: 1px solid var(--bp-mob-border) !important;
        background: var(--bp-mob-panel) !important;
        color: var(--bp-mob-text) !important;
        box-shadow: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-bar {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 11px 14px 7px !important;
        padding: 0 13px !important;
        width: auto !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-bar > i {
        flex: 0 0 auto !important;
        color: var(--bp-mob-muted) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-bar > input,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-app-search input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: var(--bp-mob-text) !important;
        box-shadow: none !important;
        appearance: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-bar > input::-webkit-search-cancel-button {
        opacity: .65;
    }

    body.m3-native-active .m3:not(.fast-sales-page) input::placeholder,
    body.m3-native-active .m3:not(.fast-sales-page) textarea::placeholder {
        color: var(--bp-mob-muted) !important;
        opacity: .82;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-pills,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-filters,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-tabs {
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding: 5px 14px 11px !important;
        scrollbar-width: none;
        background: var(--bp-mob-bg) !important;
        border: 0 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-pills::-webkit-scrollbar,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-filters::-webkit-scrollbar,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-tabs::-webkit-scrollbar {
        display: none;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-pill,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-fbtn,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-tab {
        flex: 0 0 auto !important;
        min-height: 34px !important;
        padding: 7px 14px !important;
        border: 1px solid var(--bp-mob-border) !important;
        border-radius: 18px !important;
        background: var(--bp-mob-panel) !important;
        color: var(--bp-mob-muted) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        box-shadow: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-pill.on,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-fbtn.aktif,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-tab.aktif {
        color: #fff !important;
        border-color: transparent !important;
        background: var(--bp-mob-brand) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-sales-filters {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) 42px !important;
        gap: 7px !important;
        overflow: visible !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-sales-filters .m3-fbtn {
        width: 100% !important;
        min-width: 0 !important;
        padding-inline: 7px !important;
        border-radius: 10px !important;
        text-transform: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-sales-filters .m3-fbtn.dat {
        width: 42px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-sales-filters .m3-fbtn.dat span {
        display: none !important;
    }

    /* Shared cards and list rows. */
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-li,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-li,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-kart,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-menu-item,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-fin-card,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-oz-satir,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-pd-hero,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-pd-bal,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-pd-icard {
        border: 1px solid var(--bp-mob-border) !important;
        border-radius: 15px !important;
        background: var(--bp-mob-panel) !important;
        color: var(--bp-mob-text) !important;
        box-shadow: var(--bp-mob-shadow) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .customer-card,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-li,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-li {
        margin: 0 14px 9px !important;
        padding: 11px 13px !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-li::before,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-li::after,
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card::before,
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card::after {
        display: none !important;
        content: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-swipe {
        position: relative !important;
        margin: 0 14px 9px !important;
        overflow: hidden !important;
        border-radius: 15px !important;
        background: var(--bp-mob-panel) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .customer-card,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-swipe > .customer-card {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-swipe > .customer-card {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 15px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-info {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-price {
        flex: 0 0 auto !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-bh-urun-row .c-price .amount {
        color: var(--bp-mob-text) !important;
        opacity: 1 !important;
        font-weight: 800 !important;
    }

    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .m3-bh-urun-row .c-price .amount {
        color: #f8fafc !important;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .2) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-cari-hedef {
        display: block !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-ht {
        display: block !important;
        width: 100% !important;
        height: 6px !important;
        overflow: hidden !important;
        border-radius: 4px !important;
        background: var(--bp-mob-border) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-hf {
        display: block !important;
        height: 100% !important;
        border-radius: inherit !important;
        background: linear-gradient(90deg, #38bdf8, #818cf8) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-hf.good {
        background: linear-gradient(90deg, #34d399, #22d3ee) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-hf.low {
        background: linear-gradient(90deg, #fbbf24, #fb7185) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-hl {
        display: flex !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-top: 6px !important;
        color: #475569 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }
    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .m3-hl {
        color: #c3cde6 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-swipe-actions {
        opacity: 0 !important;
        transition: opacity .15s ease !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-swipe.open .m3-swipe-actions,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-swipe.dragging .m3-swipe-actions {
        opacity: 1 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-li {
        position: relative !important;
        min-height: 112px !important;
        padding: 13px 14px !important;
        cursor: pointer;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-musteri {
        margin-top: 7px !important;
        padding-right: 82px !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        text-transform: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-tutar {
        color: var(--bp-mob-text) !important;
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-urun-ozet {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin-top: 5px !important;
        padding-right: 70px !important;
        font-size: 11px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-urun-ozet span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-urun-ozet em {
        flex: 0 0 auto;
        color: var(--bp-mob-muted) !important;
        font-style: normal !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-urun-ozet span,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-urun-ozet em {
        color: var(--bp-mob-muted) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-pill {
        position: absolute !important;
        right: 13px !important;
        bottom: 13px !important;
        padding: 5px 8px !important;
        border-radius: 7px !important;
        background: rgba(56, 189, 248, .13) !important;
        color: #38bdf8 !important;
        font-size: 10px !important;
        font-weight: 800 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-pill.sip {
        background: rgba(245, 158, 11, .14) !important;
        color: #fbbf24 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-pill.ret {
        background: rgba(244, 63, 94, .14) !important;
        color: #fb7185 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-rapor-kpi {
        gap: 8px !important;
        padding: 8px 14px 14px !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-rapor-kpi > div,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-rapor-kpi > button {
        min-height: 72px !important;
        border: 1px solid var(--bp-mob-border) !important;
        border-radius: 13px !important;
        background: var(--bp-mob-panel) !important;
        color: var(--bp-mob-text) !important;
        box-shadow: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-rapor-kpi * {
        color: inherit !important;
        text-shadow: none !important;
    }

    body.m3-native-active .m3-products-page .m3-cari-li {
        min-height: 92px !important;
    }

    body.m3-native-active .m3-products-page .m3-cari-li-ad,
    body.m3-native-active .m3-products-page .m3-cari-li-tutar {
        color: var(--bp-mob-text) !important;
    }

    body.m3-native-active .m3-products-page .m3-cari-li-tutar > div {
        color: var(--bp-mob-muted) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-settings-row {
        border: 1px solid var(--bp-mob-border) !important;
        background: var(--bp-mob-panel) !important;
        color: var(--bp-mob-text) !important;
        box-shadow: none !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-settings-body strong {
        color: var(--bp-mob-text) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-settings-body small,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-settings-row > .fa-chevron-right {
        color: var(--bp-mob-muted) !important;
    }

    body.m3-native-active .m3-orders-page .m3-orders-scroll {
        background: var(--bp-mob-bg) !important;
        padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.m3-native-active .m3-orders-page .m3-sip-tab,
    body.m3-native-active .m3-orders-page .m3-order-focus {
        border: 1px solid var(--bp-mob-border) !important;
        border-radius: 13px !important;
        background: var(--bp-mob-panel) !important;
        color: var(--bp-mob-text) !important;
        box-shadow: none !important;
    }

    body.m3-native-active .m3-orders-page .m3-sip-tab.aktif {
        border-color: transparent !important;
        background: var(--bp-mob-brand) !important;
        color: #fff !important;
    }

    body.m3-native-active .m3-orders-page .m3-order-focus > div:nth-child(2) {
        color: var(--bp-mob-text) !important;
    }

    body.m3-native-active .m3-orders-page .m3-order-focus > div:nth-child(3) {
        color: var(--bp-mob-muted) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .c-name,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-musteri,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-menu-item .lbl,
    body.m3-native-active .m3:not(.fast-sales-page) strong {
        color: var(--bp-mob-text) !important;
    }

    /* DESTEK: tedarikçi/müşteri kartları — düşük görme için daha belirgin tipografi */
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-name {
        font-size: 17px !important;
        font-weight: 800 !important;
        letter-spacing: .15px !important;
        line-height: 1.3 !important;
    }
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-sub {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #334155 !important;
        margin-top: 2px !important;
    }
    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-sub {
        color: #c3cde6 !important;
    }
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-tag {
        font-size: 12px !important;
        font-weight: 700 !important;
        padding: 3px 11px !important;
    }
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-price .amount {
        font-size: 17px !important;
        font-weight: 800 !important;
    }
    body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-price .detail {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #475569 !important;
    }
    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .customer-card .c-price .detail {
        color: #c3cde6 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .c-sub,
    body.m3-native-active .m3:not(.fast-sales-page) .c-meta,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-tarih,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-satis-urun-ozet,
    body.m3-native-active .m3:not(.fast-sales-page) small {
        color: var(--bp-mob-muted) !important;
    }

    /* Customer detail follows the prototype action hierarchy. */
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-cari-detay-scroll {
        padding: 14px 14px calc(104px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hero {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 16px !important;
        background: linear-gradient(180deg, #1a4f86 0%, #12345c 42%, #0b1c34 100%) !important;
        border: 1px solid rgba(0, 174, 239, .28) !important;
        border-radius: 20px !important;
        margin-bottom: 12px !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hero-top {
        display: flex;
        gap: 12px;
        align-items: center;
        width: 100%;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-av {
        width: 56px !important;
        height: 56px !important;
        border-radius: 17px !important;
        background: linear-gradient(155deg, #64748b, #334155) !important;
        color: #fff !important;
        font-weight: 800 !important;
        flex-shrink: 0;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-name {
        color: #f4fbff !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        letter-spacing: -.3px;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-sub {
        color: #8ec4e6 !important;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-bl {
        color: #64748b !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-bal {
        margin-bottom: 12px !important;
        background: var(--bp-mob-panel) !important;
        border: 1px solid var(--bp-mob-border) !important;
        border-radius: 16px !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-big {
        font-size: 28px !important;
        font-weight: 800 !important;
        letter-spacing: -.6px;
        color: var(--bp-mob-text) !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-sec {
        font-size: 15px !important;
        font-weight: 800 !important;
        color: var(--bp-mob-text) !important;
        margin: 6px 2px 10px !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-loc {
        margin-top: 10px;
        width: 100%;
        min-height: 44px;
        border-radius: 14px;
        background: rgba(0, 174, 239, .12);
        border: 1px solid var(--bp-mob-border);
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 12px;
        text-align: left;
        color: #f4fbff;
        font: inherit;
        cursor: pointer;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-loc > i {
        color: #00aeef;
        flex-shrink: 0;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-loc-txt {
        flex: 1;
        min-width: 0;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-loc-ad {
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #f4fbff;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-loc-go {
        font-size: 11px;
        font-weight: 800;
        color: #7dd8ff;
        margin-top: 2px;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-loc-empty {
        background: rgba(8, 28, 54, .42);
        border-style: dashed;
        opacity: .92;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-loc-empty .m3-pd-loc-ad {
        color: var(--bp-mob-muted);
        font-weight: 600;
    }


    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-kpi3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: 12px;
        width: 100%;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-kpi {
        min-width: 0;
        padding: 10px;
        border-radius: 16px;
        background: rgba(7, 20, 34, .38);
        border: 1px solid rgba(0, 174, 239, .22);
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-kpi .k {
        display: block;
        font-size: 11px;
        font-weight: 600;
        color: #8ec4e6;
        margin-bottom: 3px;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-kpi .v {
        display: block;
        font-size: 14px;
        font-weight: 800;
        color: #f4fbff;
        word-break: break-word;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-kpi-risk .v { color: #34d399 !important; }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-kpi-hedef .v { color: #7dd8ff !important; }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-kpi-sadakat .v { color: #c4b5fd !important; }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hedef {
        width: 100%;
        margin-top: 12px;
        padding: 12px;
        border-radius: 16px;
        background: rgba(7, 20, 34, .42);
        border: 1px solid rgba(0, 174, 239, .22);
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hedef-l {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 8px;
        color: #f4fbff;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hedef-l span:last-child { color: #8ec4e6; }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hedef-t {
        height: 10px;
        border-radius: 99px;
        background: rgba(244, 251, 255, .16);
        overflow: hidden;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hedef-f {
        height: 100%;
        border-radius: 99px;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-acts-4 {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
        overflow: visible !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-acts-4 .m3-pd-act {
        min-height: 76px !important;
        padding: 10px 6px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        flex-direction: column !important;
        gap: 6px !important;
        border-radius: 16px !important;
        background: var(--bp-mob-panel) !important;
        border: 1px solid var(--bp-mob-border) !important;
        color: var(--bp-mob-text) !important;
        box-shadow: none !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-acts-4 .m3-pd-act i {
        width: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-acts-4 .m3-pd-act.a1 i {
        background: rgba(62, 224, 164, .16) !important;
        color: var(--bp-mob-green) !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-acts-4 .m3-pd-act.a2 i,
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-acts-4 .m3-pd-act.a4 i {
        background: rgba(0, 174, 239, .18) !important;
        color: var(--bp-mob-blue) !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-acts-4 .m3-pd-act.a3 i {
        background: rgba(255, 194, 74, .16) !important;
        color: var(--bp-mob-amber) !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-chips {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px !important;
        margin-bottom: 14px !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-chip {
        min-height: 64px !important;
        width: auto !important;
        flex: none !important;
        border-radius: 16px !important;
        background: var(--bp-mob-panel) !important;
        border: 1px solid var(--bp-mob-border) !important;
        padding: 6px 4px !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-chip .cc {
        width: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--bp-mob-muted) !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-chip.wa .cc {
        color: #25d366 !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-chip.link .cc {
        color: #2dd4bf !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-chip .l {
        font-size: 10.5px !important;
        font-weight: 700 !important;
        color: var(--bp-mob-text) !important;
        line-height: 1.2 !important;
    }

    body.m3-cari-detay-active .bhfb-fab,
    body.m3-urun-detay-active .bhfb-fab,
    body.m3-tedarikci-detay-active .bhfb-fab,
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-tab-fab-wrap,
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-fab {
        display: none !important;
    }

    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-info3 {
        display: none !important;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-hedef {
        display: block !important;
    }


    /* Ürün + tedarikçi profili — müşteri hero/KPI kilidi */
    body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-hero ,
    body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-hero {
        background: linear-gradient(180deg, #1a4f86 0%, #12345c 42%, #0b1c34 100%) !important;
        border: 1px solid rgba(0, 174, 239, .28) !important;
    }
    body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-name,
    body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-name,
    body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .v ,
    body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .v {
        color: #f4fbff !important;
    }
    body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-sub,
    body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-sub,
    body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .k ,
    body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .k {
        color: #8ec4e6 !important;
    }
    body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi ,
    body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi {
        background: rgba(7, 20, 34, .38) !important;
        border: 1px solid rgba(0, 174, 239, .22) !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bal ,
    html:not(.m3-skin-dark) body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-bal {
        background: #fff !important;
        border: 1px solid #dce5f0 !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-big ,
    html:not(.m3-skin-dark) body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-big {
        color: #0f172a !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active #m3UrunDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bl ,
    html:not(.m3-skin-dark) body.m3-native-active #m3TedarikciDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page),
    body.m3-native-active #m3AlisFormRoot.profile-page:not(.fast-sales-page) .m3-pd-bl {
        color: #64748b !important;
    }
    body.m3-native-active #m3UrunDetayRoot .m3-pd-chips ,
    body.m3-native-active #m3TedarikciDetayRoot .m3-pd-chips {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-tag.kritik {
        background: rgba(255, 123, 147, .16) !important;
        color: #fb7185 !important;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-tag.dusuk {
        background: rgba(255, 194, 74, .16) !important;
        color: #fbbf24 !important;
    }
    body.m3-native-active .profile-page:not(.fast-sales-page) .m3-pd-tag.ok {
        background: rgba(62, 224, 164, .16) !important;
        color: #34d399 !important;
    }
    body.m3-native-active #m3UrunDetayRoot .m3-pd-av img ,
    body.m3-native-active #m3TedarikciDetayRoot .m3-pd-av img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 17px;
        display: block;
    }

    /* Floating add and the five-item bottom navigation. */
    body.m3-native-active .m3:not(.fast-sales-page) .m3-tab-fab-wrap {
        position: absolute !important;
        right: 16px !important;
        bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
        left: auto !important;
        top: auto !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        display: block !important;
        overflow: visible !important;
        z-index: 1050 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-tab-fab-wrap > .m3-fab {
        position: static !important;
        inset: auto !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        flex: none !important;
    }

    /* Hızlı satış müşteri seçici — alt nav tıklamayı yutmasın (TWA dar ekran) */
    body.m3-native-active .m3-cari-pick-mode .m3-home-bnav,
    body.m3-native-active .m3-cari-pick-mode .m3-tab-bnav,
    body.m3-native-active .m3-cari-pick-mode .m3-proto-bnav {
        display: none !important;
    }

    body.m3-native-active .m3-cari-pick-mode .m3-tab-fab-wrap {
        z-index: 1320 !important;
        bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        pointer-events: none !important;
    }

    body.m3-native-active .m3-cari-pick-mode .m3-tab-fab-wrap > .m3-fab {
        pointer-events: auto !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-fab-brand,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-fab.bk {
        width: 56px !important;
        height: 56px !important;
        border-radius: 18px !important;
        border: 0 !important;
        background: var(--bp-mob-brand) !important;
        color: #fff !important;
        box-shadow: 0 12px 24px -8px rgba(39, 76, 184, .7) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-home-bnav,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-bottom-nav,
    body.m3-native-active .m3:not(.fast-sales-page) .m3-tab-nav {
        min-height: 72px !important;
        padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px) + var(--m3-browser-bottom, 0px)) !important;
        background: #ffffff !important;
        border-top: 1px solid #e6eef5 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: 0 -6px 24px rgba(15, 23, 42, .08) !important;
    }

    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .m3-home-bnav,
    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .m3-bottom-nav,
    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .m3-tab-nav {
        background: #10182c !important;
        border-top-color: rgba(255, 255, 255, .09) !important;
        box-shadow: 0 -6px 24px rgba(0, 0, 0, .35) !important;
    }

    /* Sheets, dialogs and notifications use one mobile surface. */
    html.m3-skin-dark .m3-sheet,
    html.m3-skin-dark .m3-dialog,
    html.m3-skin-dark .m3-bildirim-ov,
    html.m3-skin-dark .modal-overlay {
        background: rgba(3, 6, 15, .68) !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    html.m3-skin-dark .m3-sheet-box,
    html.m3-skin-dark .m3-bildirim-ov > div,
    html.m3-skin-dark .modal-box {
        background: #141a30 !important;
        color: #f2f5fc !important;
        border: 1px solid rgba(255, 255, 255, .09) !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -18px 48px rgba(0, 0, 0, .46) !important;
    }

    html.m3-skin-dark .m3-dialog-box {
        background: #141a30 !important;
        color: #f2f5fc !important;
        border: 1px solid rgba(255, 255, 255, .09) !important;
        border-radius: 12px !important;
        box-shadow: 0 18px 48px rgba(0, 0, 0, .46) !important;
    }

    html.m3-skin-dark .m3-pop-paylas,
    html.m3-skin-dark .m3-pop-tarih {
        background: #151f33 !important;
        color: #eef2fb !important;
        border-radius: 14px !important;
        box-shadow: 0 12px 36px rgba(0, 0, 0, .46) !important;
        border: 1px solid rgba(255, 255, 255, .09);
    }

    .m3-pd-x-chev {
        width: 36px;
        height: 36px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-left: auto;
        background: rgba(0, 174, 239, .12);
        color: #7dd8ff;
    }
    .m3-pd-x-body { display: none; margin-top: 8px; border-top: 1px solid rgba(255,255,255,.08); padding-top: 4px; }
    .m3-pd-x.open .m3-pd-x-body { display: block; }
    .m3-pd-x-item {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-height: 44px;
        padding: 10px 8px;
        border: 0;
        border-bottom: 1px solid rgba(255,255,255,.08);
        background: transparent;
        color: #f4fbff;
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
    }
    .m3-pd-x-sheet .m3-sheet-item { min-height: 52px; padding: 16px 22px; font-size: 16px; justify-content: flex-start; gap: 14px; }
    .m3-pd-x-sheet .m3-sheet-item.kapat { justify-content: center; }
    .m3-pd-x-sheet .m3-sheet-item.kapat .lbl { color: #FF5252; text-align: center; flex: 1; font-weight: 800; }
    .m3-pd-x-sheet-ttl { padding: 16px 22px 8px; font-size: 16px; font-weight: 800; text-align: center; }
    .m3-pop-paylas-wrap { position: fixed; inset: 0; z-index: 10050; background: transparent; }
    .m3-pop-paylas {
        position: fixed;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 12px 36px rgba(15, 23, 42, .22);
        overflow: hidden;
        min-width: 248px;
        max-width: min(320px, calc(100vw - 16px));
        z-index: 10051;
        padding: 10px 0 4px;
    }
    .m3-paylas-icons button {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
    }
    .m3-print-sheet .m3-sheet-item.kapat .lbl { text-align: center; flex: 1; }

    html.m3-skin-dark .m3-sheet-item,
    html.m3-skin-dark .m3-dialog-item,
    html.m3-skin-dark .m3-bildirim-ov > div > div > div {
        border-color: rgba(255, 255, 255, .07) !important;
        color: #e8edf7 !important;
    }

    @media (prefers-reduced-motion: reduce) {
        body.m3-native-active .m3:not(.fast-sales-page) *,
        body.m3-native-home .m3-home-page * {
            animation: none !important;
            transition: none !important;
            scroll-behavior: auto !important;
        }
    }

    /* ===== Müşteri akışı — giriş paleti / prototip ===== */
    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-bar.m3-search-pill {
        background: transparent !important;
        border: 0 !important;
        margin: 11px 14px 7px !important;
        padding: 0 !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-pill .m3-search-pill-inner {
        flex: 1 1 auto;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        border: 1px solid var(--bp-mob-border) !important;
        background: var(--bp-mob-input-bg, #e8eef4) !important;
        color: var(--bp-mob-input-text, #0f2744) !important;
    }

    html.m3-skin-dark body.m3-native-active .m3:not(.fast-sales-page) .m3-search-pill .m3-search-pill-inner {
        background: var(--bp-mob-input-bg) !important;
        color: var(--bp-mob-input-text) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-pill .m3-search-pill-inner > i {
        color: #64748b !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-pill .m3-search-pill-inner > input {
        color: var(--bp-mob-input-text, #0f2744) !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-clear {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        border: 0;
        border-radius: 50%;
        background: rgba(15, 39, 68, .12);
        color: #64748b;
        display: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-search-clear.is-on {
        display: inline-flex !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-tab-fab-wrap {
        flex-direction: column-reverse !important;
        align-items: flex-end !important;
        gap: 8px !important;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .m3-tab-fab-total {
        position: absolute;
        right: 0;
        bottom: 64px;
        order: 0;
        margin-bottom: 0;
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Category cards already expose their own actions; the global help FAB
       must not cover balances or the add button on compact screens. */
    body.m3-native-active:not(.m3-native-home) .bhfb-fab {
        display: none !important;
    }

    body.m3-native-active .m3-app-tab .m3-app-content,
    body.m3-native-active .m3-app-tab .m3-scroll.m3-app-content {
        padding-bottom: calc(220px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-hero {
        margin: 14px;
        padding: 16px;
        border-radius: 16px;
        background: var(--bp-mob-panel);
        border: 1px solid var(--bp-mob-border);
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-amt {
        width: 100%;
        min-height: 52px;
        border: 1px solid var(--bp-mob-border);
        border-radius: 14px;
        background: var(--bp-mob-input-bg);
        color: var(--bp-mob-input-text);
        font-size: 22px;
        font-weight: 800;
        padding: 10px 14px;
        margin: 12px 0;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-kasalar {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 12px;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-kasa {
        min-height: 40px;
        padding: 0 14px;
        border-radius: 999px;
        border: 1px solid var(--bp-mob-border);
        background: var(--bp-mob-panel-2);
        color: var(--bp-mob-text);
        font-size: 13px;
        font-weight: 700;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-kasa.on {
        background: var(--bp-mob-brand);
        border-color: transparent;
        color: #fff;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-note {
        width: 100%;
        min-height: 72px;
        border: 1px solid var(--bp-mob-border);
        border-radius: 14px;
        background: var(--bp-mob-panel-2);
        color: var(--bp-mob-text);
        padding: 12px 14px;
        font: inherit;
        resize: vertical;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-foot {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px));
        background: var(--bp-mob-bg);
        border-top: 1px solid var(--bp-mob-border);
        display: flex;
        gap: 10px;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-foot .m3-tah-btn {
        flex: 1;
        min-height: 48px;
        border-radius: 14px;
        border: 0;
        font-size: 15px;
        font-weight: 800;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-foot .m3-tah-btn--ghost {
        background: var(--bp-mob-panel-2);
        color: var(--bp-mob-text);
        border: 1px solid var(--bp-mob-border);
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-foot .m3-tah-btn--pri {
        background: var(--bp-mob-brand);
        color: #fff;
    }

    body.m3-native-active .m3-tah-ekran .m3-tah-print-link {
        display: block;
        text-align: center;
        margin: 8px 0 80px;
        font-size: 13px;
        font-weight: 700;
        color: var(--bp-mob-muted);
        background: none;
        border: 0;
        width: 100%;
    }

    body.m3-native-active .m3-ekstre-page .m3-ekstre-native {
        padding: 0 14px calc(20px + env(safe-area-inset-bottom, 0px));
    }

    body.m3-native-active .m3-ekstre-page .m3-ekstre-sum {
        margin: 12px 0;
        padding: 14px;
        border-radius: 16px;
        background: var(--bp-mob-panel);
        border: 1px solid var(--bp-mob-border);
    }

    body.m3-native-active .m3-ekstre-page .m3-ekstre-row {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 8px 10px;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid var(--bp-mob-border);
        font-size: 13px;
    }

    body.m3-native-active .m3-ekstre-page .m3-ekstre-row .h {
        font-weight: 800;
        color: var(--bp-mob-text);
    }

    body.m3-native-active .m3-ekstre-page .m3-ekstre-row .s {
        font-size: 11.5px;
        color: var(--bp-mob-muted);
        margin-top: 2px;
    }

    body.m3-native-active .m3-ekstre-page .m3-ekstre-row .borc {
        color: var(--bp-mob-red);
        font-weight: 800;
        white-space: nowrap;
    }

    body.m3-native-active .m3-ekstre-page .m3-ekstre-row .alacak {
        color: var(--bp-mob-green);
        font-weight: 800;
        white-space: nowrap;
    }

    body.m3-native-active .m3-home-page .m3-ph-tile span:not(.m3-ph-tile-rm) {
        white-space: nowrap !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* 1728 — extra roots + leftover classic chrome */
    body.m3-native-active #m3TeklifDetayRoot .m3-pd-hero,
    body.m3-native-active #m3AlisFormRoot .m3-pd-hero,
    body.m3-native-active #m3SiparislerRoot .m3-pd-hero,
    body.m3-native-active #m3DeskRoot .m3-pd-hero,
    body.m3-native-active #m3GorusmelerRoot .m3-pd-hero,
    body.m3-native-active #m3StarterKatRoot .m3-pd-hero,
    body.m3-native-active #m3SiparisDetayRoot .m3-pd-hero,
    body.m3-native-active #m3AlisDetayRoot .m3-pd-hero,
    body.m3-native-active #m3KullaniciDetayRoot .m3-pd-hero,
    body.m3-native-active #m3KatalogDetayRoot .m3-pd-hero,
    body.m3-native-active #m3GorusmeDetayRoot .m3-pd-hero,
    body.m3-native-active #m3ProfilRoot .m3-pd-hero,
    body.m3-native-active #m3FirmaRoot .m3-pd-hero {
        background: linear-gradient(180deg, #1a4f86 0%, #12345c 42%, #0b1c34 78%, #071422 100%) !important;
        border: 1px solid rgba(0, 174, 239, .28) !important;
    }

    /* 1729 — belge profilleri (sipariş / alış / teklif) müşteri hero kilidi */
    body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-hero,
    body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-hero,
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-hero {
        background: linear-gradient(180deg, #1a4f86 0%, #12345c 42%, #0b1c34 78%, #071422 100%) !important;
        border: 1px solid rgba(0, 174, 239, .28) !important;
    }
    body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-name,
    body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-name,
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-name,
    body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .v,
    body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .v,
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .v {
        color: #f4fbff !important;
    }
    body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-sub,
    body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-sub,
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-sub,
    body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .k,
    body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .k,
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi .k {
        color: #8ec4e6 !important;
    }
    body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi,
    body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi,
    body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-kpi {
        background: rgba(7, 20, 34, .38) !important;
        border: 1px solid rgba(0, 174, 239, .22) !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bal,
    html:not(.m3-skin-dark) body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bal,
    html:not(.m3-skin-dark) body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bal {
        background: #fff !important;
        border: 1px solid #dce5f0 !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-big,
    html:not(.m3-skin-dark) body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-big,
    html:not(.m3-skin-dark) body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-big {
        color: #0f172a !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active #m3SiparisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bl,
    html:not(.m3-skin-dark) body.m3-native-active #m3AlisDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bl,
    html:not(.m3-skin-dark) body.m3-native-active #m3TeklifDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-bl {
        color: #64748b !important;
    }
    body.m3-native-active #m3SiparisDetayRoot .m3-pd-chips,
    body.m3-native-active #m3AlisDetayRoot .m3-pd-chips,
    body.m3-native-active #m3TeklifDetayRoot .m3-pd-chips {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-settings-row strong,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-profile-card .name,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-fb-card,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .bh-gor-card strong {
        color: #172033 !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-settings-row small,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-profile-card .email,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .bh-gor-card span {
        color: #64748b !important;
    }
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-settings-list,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-fb-card,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .m3-profile-card,
    html:not(.m3-skin-dark) body.m3-native-active .m3:not(.fast-sales-page) .bh-gor-card {
        background: #fff !important;
        border-color: #dce5f0 !important;
    }

    .m3-bildirim-head {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 56px;
        padding: 12px 16px;
        background: linear-gradient(180deg, #1a4f86 0%, #12345c 42%, #0b1c34 100%) !important;
        color: #fff !important;
    }
    .m3-bildirim-head h2 { margin: 0; flex: 1; font-size: 18px; font-weight: 800; color: #fff !important; }
    .m3-bildirim-sheet { background: #fff; width: 100%; max-height: 70vh; border-radius: 16px 16px 0 0; overflow: hidden; display: flex; flex-direction: column; }
    html.m3-skin-dark .m3-bildirim-sheet { background: #141a30 !important; }
    .m3-bildirim-list { padding: 8px 16px 20px; overflow-y: auto; }

    body.m3-native-active .m3:not(.fast-sales-page) .bh-gor-back {
        width: 40px !important;
        height: 40px !important;
        border-radius: 13px !important;
        background: rgba(255,255,255,.08) !important;
        color: #fff !important;
        font-size: 0 !important;
    }

    /* 1730 — ekip / katalog / bildirim / ayar kart kökleri */
    body.m3-native-active #m3KullaniciDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-hero,
    body.m3-native-active #m3KatalogDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-hero,
    body.m3-native-active #m3GorusmeDetayRoot.profile-page:not(.fast-sales-page) .m3-pd-hero,
    body.m3-native-active #m3ProfilRoot .m3-pd-hero {
        background: linear-gradient(180deg, #1a4f86 0%, #12345c 42%, #0b1c34 78%, #071422 100%) !important;
        border: 1px solid rgba(0, 174, 239, .28) !important;
    }
    body.m3-native-active #m3KullaniciDetayRoot .m3-pd-name,
    body.m3-native-active #m3KatalogDetayRoot .m3-pd-name,
    body.m3-native-active #m3GorusmeDetayRoot .m3-pd-name,
    body.m3-native-active #m3ProfilRoot .m3-pd-name,
    body.m3-native-active #m3KullaniciDetayRoot .m3-pd-kpi .v,
    body.m3-native-active #m3KatalogDetayRoot .m3-pd-kpi .v,
    body.m3-native-active #m3GorusmeDetayRoot .m3-pd-kpi .v,
    body.m3-native-active #m3ProfilRoot .m3-pd-kpi .v {
        color: #f4fbff !important;
    }
    body.m3-native-active #m3KullaniciDetayRoot .m3-pd-sub,
    body.m3-native-active #m3KatalogDetayRoot .m3-pd-sub,
    body.m3-native-active #m3GorusmeDetayRoot .m3-pd-sub,
    body.m3-native-active #m3ProfilRoot .m3-pd-sub,
    body.m3-native-active #m3KullaniciDetayRoot .m3-pd-kpi .k,
    body.m3-native-active #m3KatalogDetayRoot .m3-pd-kpi .k,
    body.m3-native-active #m3GorusmeDetayRoot .m3-pd-kpi .k,
    body.m3-native-active #m3ProfilRoot .m3-pd-kpi .k {
        color: #8ec4e6 !important;
    }
    body.m3-native-active #m3KullaniciDetayRoot .m3-pd-kpi,
    body.m3-native-active #m3KatalogDetayRoot .m3-pd-kpi,
    body.m3-native-active #m3GorusmeDetayRoot .m3-pd-kpi,
    body.m3-native-active #m3ProfilRoot .m3-pd-kpi {
        background: rgba(7, 20, 34, .38) !important;
        border: 1px solid rgba(0, 174, 239, .22) !important;
    }
    body.m3-native-active #m3BildirimlerRoot .customer-card,
    body.m3-native-active #m3KullanicilarRoot .customer-card,
    body.m3-native-active #m3KataloglarRoot .customer-card,
    body.m3-native-active #m3BelgeSablonRoot .customer-card,
    body.m3-native-active #m3AyarlarHubRoot .customer-card,
    body.m3-native-active #m3GorusmelerRoot .customer-card,
    body.m3-native-active #m3GorusmeDetayRoot .customer-card {
        min-height: 72px;
    }
    body.m3-native-active #m3FirmaRoot:not(.fast-sales-page),
    body.m3-native-active #m3ProfilRoot.m3-cari-quick:not(.fast-sales-page) {
        background: linear-gradient(180deg, #1a4f86 0%, #12345c 42%, #0b1c34 78%, #071422 100%) !important;
    }
    .m3-bildirim-dot {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #00AEEF;
        border: 2px solid #fff;
    }

    body.m3-native-active .m3:not(.fast-sales-page) .bh-gor-back::before {
        content: "\f060";
        font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 6 Pro", sans-serif;
        font-weight: 900;
        font-size: 16px;
    }
}