@media (max-width: 768px) {
    html,
    body {
        width: 100% !important;
        overflow-x: hidden !important;
        background: #f3f6fa !important;
    }

    body {
        padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .header {
        position: sticky !important;
        top: 0 !important;
        z-index: 850 !important;
        min-height: 56px !important;
        padding: 8px 10px !important;
        gap: 7px !important;
        border-bottom: 1px solid rgba(203,213,225,0.76) !important;
        background: rgba(255,255,255,0.96) !important;
        box-shadow: 0 8px 22px rgba(15,23,42,0.055) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    .header-logo-image {
        width: 86px !important;
        height: auto !important;
        max-width: 86px !important;
    }

    .gorunum-secici-header,
    .backup-banner,
    .tab-sarici {
        display: none !important;
    }

    .header-sag {
        width: 100% !important;
        display: flex !important;
        gap: 6px !important;
        overflow-x: auto !important;
        padding-bottom: 0 !important;
        scrollbar-width: none !important;
    }

    .header-sag::-webkit-scrollbar {
        display: none !important;
    }

    .header-sag :is(button, .btn, .header-araclar-btn, .kullanici-rozeti) {
        min-height: 34px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    .kullanici-rozeti {
        min-width: 118px !important;
        padding: 4px 8px !important;
    }

    .kullanici-mail,
    .kullanici-rol,
    .btn-label {
        max-width: 96px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .icerik,
    #dashboardPanel,
    #adminPanel,
    #tekliflerPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #kartYonetimiPanel {
        width: 100% !important;
        margin: 0 !important;
        padding: 8px 8px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .form-panel,
    .arama-bari,
    .aktif-filtre-ozeti,
    .toplu-bari,
    .tablo-kart,
    .sayfalama,
    .cari-form-kart,
    .cari-liste-kart,
    .cari-detay-kart,
    .db-kpi-kart,
    .db-cari-kart,
    .gider-form-kart,
    .gider-komut-karti,
    .gider-liste-kart,
    .company-card,
    .admin-section-card {
        border-radius: 14px !important;
        padding: 10px !important;
        box-shadow: 0 8px 20px rgba(15,23,42,0.045) !important;
    }

    .arama-bari {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        align-items: stretch !important;
    }

    .arama-bari :is(button, .btn, input, select, .genel-arama-input) {
        min-height: 38px !important;
        width: 100% !important;
        max-width: none !important;
        font-size: 12px !important;
    }

    .hizli-filtreler,
    .hizli-filtreler-ust,
    .aktif-filtre-chip-listesi,
    .toplu-butonlar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .hizli-filtre,
    .aktif-filtre-chip,
    .filtre-temizle-btn,
    .btn-filtre-temizle {
        min-height: 34px !important;
        padding: 7px 9px !important;
        border-radius: 12px !important;
        font-size: 10.5px !important;
        justify-content: center !important;
    }

    .mobile-nav {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        height: 64px !important;
        padding: 5px !important;
        display: flex !important;
        gap: 3px !important;
        align-items: center !important;
        border-radius: 18px !important;
        border: 1px solid rgba(203,213,225,0.9) !important;
        background: rgba(255,255,255,0.98) !important;
        box-shadow: 0 -8px 28px rgba(15,23,42,0.14) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }

    .mobile-nav button {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 6px 2px 5px !important;
        gap: 3px !important;
        border-radius: 14px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: #667085 !important;
        box-shadow: none !important;
    }

    .mobile-nav button.gizli-sabit,
    .mobile-fab-menu button.gizli-sabit {
        display: none !important;
    }

    .mobile-nav button.aktif {
        color: #d45107 !important;
        border-color: rgba(247,108,13,0.16) !important;
        background: #fff7f0 !important;
        box-shadow: inset 0 -2px 0 rgba(247,108,13,0.55) !important;
    }

    .mobile-nav .mobile-nav-plus {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        margin-top: -14px !important;
        border-radius: 16px !important;
        color: #ffffff !important;
        background: linear-gradient(180deg, #f97316, #e65300) !important;
        box-shadow: 0 12px 24px rgba(247,108,13,0.26) !important;
    }

    .mobile-nav-icon {
        width: 18px !important;
        height: 18px !important;
        stroke-width: 1.9 !important;
    }

    .mobile-nav .mobile-nav-plus .mobile-nav-icon {
        width: 20px !important;
        height: 20px !important;
    }

    .mobile-nav button small {
        color: inherit !important;
        font-size: 8.5px !important;
        font-weight: 780 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .mobile-fab-menu {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 18px !important;
        box-shadow: 0 22px 56px rgba(15,23,42,0.24) !important;
    }

    .mobile-fab-menu.acik {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mobile-fab-menu button {
        min-height: 58px !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 13px !important;
        font-size: 11px !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    .mobile-fab-icon {
        width: 18px !important;
        height: 18px !important;
    }

    .mobile-fab-menu button small {
        font-size: 10.5px !important;
        font-weight: 780 !important;
    }

    .mobil-kayit-listesi {
        display: grid;
        gap: 8px !important;
        padding: 6px 0 0 !important;
    }

    .mobil-kayit-kart {
        display: grid !important;
        gap: 9px !important;
        padding: 11px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(226,232,240,0.95) !important;
        background: #ffffff !important;
        box-shadow: 0 8px 18px rgba(15,23,42,0.045) !important;
    }

    .mobil-kayit-ust {
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .mobil-kayit-musteri {
        font-size: 13.5px !important;
        line-height: 1.25 !important;
        font-weight: 820 !important;
        color: #111827 !important;
    }

    .mobil-kayit-kisa {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        margin-top: 5px !important;
    }

    .mobil-kayit-kisa span {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 22px !important;
        padding: 3px 7px !important;
        border-radius: 999px !important;
        background: #f8fafc !important;
        border: 1px solid rgba(226,232,240,0.95) !important;
        color: #667085 !important;
        font-size: 10px !important;
        font-weight: 760 !important;
    }

    .mobil-kayit-ref {
        display: none !important;
    }

    .mobil-kayit-durum,
    .mobil-kayit-chip {
        min-height: 25px !important;
        padding: 5px 8px !important;
        border-radius: 999px !important;
        font-size: 9px !important;
        font-weight: 820 !important;
        white-space: nowrap !important;
    }

    .mobil-kayit-rota {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 8px 9px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(247,108,13,0.13) !important;
        background: #fffaf6 !important;
        color: #7c4a12 !important;
        font-size: 10.5px !important;
        font-weight: 760 !important;
        line-height: 1.2 !important;
    }

    .mobil-kayit-rota span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .mobil-kayit-rota i {
        display: block !important;
        height: 1px !important;
        background: rgba(247,108,13,0.35) !important;
        position: relative !important;
    }

    .mobil-kayit-rota i::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        width: 5px !important;
        height: 5px !important;
        border-top: 1px solid rgba(247,108,13,0.65) !important;
        border-right: 1px solid rgba(247,108,13,0.65) !important;
        transform: translateY(-50%) rotate(45deg) !important;
    }

    .mobil-kayit-ozet {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
        gap: 7px !important;
    }

    .mobil-kayit-meta,
    .mobil-kayit-finans {
        min-width: 0 !important;
        padding: 8px 9px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(226,232,240,0.92) !important;
        background: #f8fafc !important;
    }

    .mobil-kayit-grid {
        display: none !important;
    }

    .mobil-kayit-meta span,
    .mobil-kayit-finans small {
        display: block !important;
        margin-bottom: 3px !important;
        color: #98a2b3 !important;
        font-size: 8px !important;
        font-weight: 820 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }

    .mobil-kayit-meta strong,
    .mobil-kayit-finans strong {
        display: block !important;
        color: #202939 !important;
        font-size: 10.5px !important;
        font-weight: 760 !important;
        line-height: 1.25 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .mobil-kayit-finans {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .mobil-kayit-alt {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .mobil-kayit-aksiyonlar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .mobil-kayit-btn {
        min-height: 34px !important;
        width: 100% !important;
        border-radius: 11px !important;
        font-size: 10.5px !important;
        font-weight: 790 !important;
        background: #ffffff !important;
    }

    .mobile-saha-panel {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
        max-height: calc(100dvh - 108px) !important;
        border-radius: 18px !important;
    }

    .mobile-saha-panel-ust {
        padding: 12px !important;
    }

    .mobile-saha-kart {
        border-radius: 13px !important;
    }

    #detayOverlay,
    .modal-overlay {
        align-items: flex-end !important;
        padding: 0 !important;
    }

    #detayOverlay .detay-kart,
    .modal-overlay .modal-kart,
    .modal-overlay .evrak-modal-kart,
    .modal-overlay .onay-kart {
        width: 100% !important;
        max-width: none !important;
        max-height: min(88dvh, 720px) !important;
        margin: 0 !important;
        padding: 14px 12px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        border-radius: 22px 22px 0 0 !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        overflow-y: auto !important;
        box-shadow: 0 -22px 60px rgba(15,23,42,0.26) !important;
        animation: mobileSheetIn 0.18s ease !important;
    }

    #detayOverlay .detay-ust,
    .modal-overlay .modal-baslik {
        position: sticky !important;
        top: -14px !important;
        z-index: 2 !important;
        margin: -14px -12px 10px !important;
        padding: 13px 12px 10px !important;
        border-bottom: 1px solid rgba(226,232,240,0.92) !important;
        background: rgba(255,255,255,0.98) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    #detayOverlay .detay-kart .modal-baslik {
        font-size: 15px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    #detayOverlay :is(.detay-grid, .detay-bilgi-grid, .detay-bilgi-grid-4, .detay-bilgi-grid-5, .detay-bilgi-grid-6, .detay-satir, .detay-satir-2, .detay-satir-3, .detay-satir-4, .detay-satir-5, .detay-rota-grid, .detay-not-grid, .detay-bolum-grid, .detay-bolum-grid-ikili, .detay-bolum-grid-ana, .detay-dosya-layout, .detay-imza-rota) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    #detayOverlay :is(.detay-item, .detay-bolum, .detay-bilgi-alan, .detay-kompakt-alan, .detay-rota-kart, .detay-not-kutu, .detay-evrak-bilgi, .detay-hatirlatici-bilgi) {
        border-radius: 13px !important;
        padding: 10px !important;
        background: #ffffff !important;
        border: 1px solid rgba(226,232,240,0.94) !important;
        box-shadow: none !important;
    }

    #detayOverlay :is(.detay-etiket, .detay-bilgi-alan span, .detay-kompakt-alan span, .detay-rota-kart span) {
        color: #98a2b3 !important;
        font-size: 8.5px !important;
        font-weight: 820 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
    }

    #detayOverlay :is(.detay-deger, .detay-bilgi-alan strong, .detay-kompakt-alan strong, .detay-rota-kart strong) {
        color: #111827 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        font-weight: 760 !important;
    }

    #detayOverlay .detay-bolum-baslik,
    #detayOverlay .detay-premium-baslik {
        margin: 2px 0 7px !important;
        color: #202939 !important;
        font-size: 12px !important;
        font-weight: 840 !important;
        letter-spacing: 0 !important;
    }

    #detayOverlay .modal-aksiyonlar,
    .modal-overlay .modal-aksiyonlar {
        position: sticky !important;
        bottom: -18px !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin: 10px -12px calc(-18px - env(safe-area-inset-bottom, 0px)) !important;
        padding: 10px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        border-top: 1px solid rgba(226,232,240,0.94) !important;
        background: rgba(255,255,255,0.98) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    #detayOverlay .modal-aksiyonlar button,
    .modal-overlay .modal-aksiyonlar button {
        width: 100% !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    .excel-filtre-popup,
    .hrc-filtre-popup,
    .sutun-menu {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 82dvh !important;
        border-radius: 22px 22px 0 0 !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        overflow: hidden !important;
        box-shadow: 0 -24px 58px rgba(15,23,42,0.24) !important;
        animation: mobileSheetIn 0.18s ease !important;
    }

    .filtre-popup-arama-kap,
    .hrc-filtre-popup-baslik,
    .sutun-baslik {
        padding: 12px !important;
        border-bottom: 1px solid rgba(226,232,240,0.92) !important;
        background: #ffffff !important;
    }

    .filtre-popup-arama {
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
    }

    .filtre-siralama-butonlar {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 10px 12px 0 !important;
    }

    .filtre-siralama-butonlar button {
        min-height: 38px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    .filtre-popup-liste,
    .hrc-filtre-popup-liste {
        max-height: calc(82dvh - 190px) !important;
        padding: 8px 12px !important;
        gap: 5px !important;
    }

    .filtre-liste-item,
    .sutun-ayar-item {
        min-height: 36px !important;
        padding: 8px 6px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    .filtre-popup-alt,
    .hrc-filtre-popup-alt {
        position: sticky !important;
        bottom: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 10px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        border-top: 1px solid rgba(226,232,240,0.94) !important;
        background: #ffffff !important;
    }

    .filtre-popup-alt button,
    .hrc-filtre-popup-alt button {
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    .form-baslik-modern,
    .form-baslik-toggle,
    .gider-form-baslik-bar,
    .cari-form-baslik {
        min-height: 44px !important;
        padding: 0 !important;
        margin-bottom: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .form-baslik-metin,
    .form-baslik-metin-yeni,
    .gider-form-baslik-metin strong,
    .cari-form-baslik strong {
        font-size: 12px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .form-baslik-aciklama,
    .form-mod-aciklama,
    .gider-form-baslik-metin span,
    .cari-form-baslik span {
        display: none !important;
    }

    .form-grid,
    .form-grid.hizli,
    .form-row,
    .form-row.yedi,
    .form-row.alti,
    .form-row.ikili,
    .form-row.finans-ukt,
    .form-tek-ust,
    .gider-form-grid,
    .harcama-form-grid,
    .vergi-hesap-form,
    .cari-form-grid,
    .company-form-grid,
    #tekliflerPanel :is(.teklif-form-grid, .teklif-form-bolum-grid) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .input-grup,
    .input-grup.genis,
    .input-grup.tam,
    .input-grup.orta,
    .input-grup.dar,
    .input-grup.mini-doviz {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    .input-grup label {
        margin-bottom: 4px !important;
        color: #667085 !important;
        font-size: 9px !important;
        font-weight: 820 !important;
        letter-spacing: 0.04em !important;
    }

    .input-alan,
    .select-alan,
    textarea.input-alan {
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
        padding: 9px 10px !important;
    }

    textarea.input-alan {
        min-height: 76px !important;
    }

    .form-aksiyonlar,
    .gider-form-aksiyonlar,
    .cari-form-aksiyonlar,
    .teklif-form-panel-aksiyon {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .form-aksiyonlar button,
    .gider-form-aksiyonlar button,
    .cari-form-aksiyonlar button,
    .teklif-form-panel-aksiyon button {
        width: 100% !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    #dashboardPanel :is(.db-kpi-grid, .db-cari-grid, .db-chart-grid, .db-siralama-grid, .db-ozet-grid),
    #finansMerkeziPanel :is(.gider-kpi-grid, .finans-bildirim-grid, .vergi-sonuc-grid, .vergi-tahmin-grid),
    #companyCenterPanel :is(.company-grid, .company-bank-grid, .company-doc-grid),
    #adminPanel :is(.admin-grid, .admin-overview-grid, .admin-settings-grid) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    #dashboardPanel .db-filtre-kart,
    #finansMerkeziPanel .gider-panel-ust,
    #companyCenterPanel .company-nav-shell,
    #kartYonetimiPanel .kart-yonetimi-ust,
    #adminPanel .admin-hub-tabs {
        margin-bottom: 8px !important;
        border-radius: 14px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    #dashboardPanel .db-filtre-kart::-webkit-scrollbar,
    #finansMerkeziPanel .gider-panel-ust::-webkit-scrollbar,
    #companyCenterPanel .company-nav-shell::-webkit-scrollbar,
    #kartYonetimiPanel .kart-yonetimi-ust::-webkit-scrollbar,
    #adminPanel .admin-hub-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .yukleniyor-overlay .spinner,
    .loading-spinner {
        width: 32px !important;
        height: 32px !important;
    }

    .akilli-bos-alan,
    .mobil-kayit-bos,
    .finans-empty-state-card {
        min-height: 140px !important;
        padding: 18px 14px !important;
        border-radius: 16px !important;
    }
}

@keyframes mobileSheetIn {
    from {
        transform: translateY(22px);
        opacity: 0.86;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 390px) {
    .mobile-nav {
        left: 6px !important;
        right: 6px !important;
        height: 62px !important;
    }

    .mobile-nav button small {
        font-size: 8px !important;
    }

    .mobile-nav-icon {
        width: 17px !important;
        height: 17px !important;
    }

    .mobil-kayit-ozet {
        grid-template-columns: 1fr !important;
    }
}

/* Mobil ust cubuk ve Admin paneli: son katman, eski masaustu kurallarindan bagimsiz. */
@media (max-width: 768px) {
    body.mobil-gorunum .app-version-badge,
    body.mobil-gorunum .kullanici-mail {
        display: none !important;
    }

    body.mobil-gorunum #headerAraclarBtn {
        min-width: 88px !important;
        padding: 0 10px !important;
        gap: 6px !important;
    }

    body.mobil-gorunum #headerAraclarBtn .btn-label {
        display: inline !important;
        max-width: none !important;
    }

    body.mobil-gorunum .kullanici-rozeti {
        width: 38px !important;
        min-width: 38px !important;
        padding: 3px !important;
        justify-content: center !important;
    }

    body.mobil-gorunum .header-sag .logi-icon,
    body.mobil-gorunum .akilli-bildirim-geri-ac .logi-icon {
        position: relative !important;
        display: inline-block !important;
        width: 15px !important;
        height: 15px !important;
        flex: 0 0 15px !important;
        color: currentColor !important;
        opacity: 0.9 !important;
    }

    body.mobil-gorunum .header-sag .logi-icon::before,
    body.mobil-gorunum .header-sag .logi-icon::after,
    body.mobil-gorunum .akilli-bildirim-geri-ac .logi-icon::before,
    body.mobil-gorunum .akilli-bildirim-geri-ac .logi-icon::after {
        content: "" !important;
        position: absolute !important;
        box-sizing: border-box !important;
    }

    body.mobil-gorunum [data-logi-icon="tools"] .logi-icon::before {
        inset: 2px 1px auto !important;
        height: 2px !important;
        border-radius: 99px !important;
        background: currentColor !important;
        box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor !important;
    }

    body.mobil-gorunum [data-logi-icon="tools"] .logi-icon::after {
        width: 4px !important;
        height: 4px !important;
        top: 1px !important;
        left: 8px !important;
        border-radius: 50% !important;
        background: currentColor !important;
        box-shadow: -5px 4px 0 currentColor, 2px 8px 0 currentColor !important;
    }

    body.mobil-gorunum [data-logi-icon="close"] .logi-icon::before,
    body.mobil-gorunum [data-logi-icon="close"] .logi-icon::after {
        left: 2px !important;
        top: 6px !important;
        width: 11px !important;
        height: 2px !important;
        border-radius: 99px !important;
        background: currentColor !important;
    }

    body.mobil-gorunum [data-logi-icon="close"] .logi-icon::before { transform: rotate(45deg) !important; }
    body.mobil-gorunum [data-logi-icon="close"] .logi-icon::after { transform: rotate(-45deg) !important; }

    body.mobil-gorunum .akilli-bildirim-geri-ac .logi-icon::before {
        left: 3px !important;
        top: 2px !important;
        width: 9px !important;
        height: 10px !important;
        border: 1.6px solid currentColor !important;
        border-radius: 7px 7px 4px 4px !important;
    }

    body.mobil-gorunum .akilli-bildirim-geri-ac .logi-icon::after {
        left: 6px !important;
        bottom: 0 !important;
        width: 4px !important;
        height: 2px !important;
        border-radius: 0 0 99px 99px !important;
        background: currentColor !important;
    }

    body.mobil-gorunum #adminPortalHub {
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    body.mobil-gorunum #adminPortalHub .admin-hub-main,
    body.mobil-gorunum #adminPortalHub .admin-hub-content {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.mobil-gorunum #adminPortalHub .admin-hub-main {
        display: flex !important;
        padding: 0 !important;
    }

    body.mobil-gorunum #adminPortalHub .admin-hub-content {
        padding: 8px 0 0 !important;
        margin: 0 !important;
    }

    body.mobil-gorunum #adminPortalHub .admin-hub-header {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.mobil-gorunum #adminPortalHub .admin-hub-actions {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        overflow: visible !important;
        padding: 5px !important;
    }

    body.mobil-gorunum #adminPortalHub .admin-hub-actions > * {
        flex: 1 1 132px !important;
        min-width: 0 !important;
    }

    body.mobil-gorunum #adminPortalHub .admin-module-section,
    body.mobil-gorunum #adminPortalHub .admin-section-active {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (min-width: 769px) {
    body:not(.mobil-gorunum) #finansMerkeziPanel td.finans-bos {
        padding: 16px 12px !important;
    }

    body:not(.mobil-gorunum) #finansMerkeziPanel .finans-empty-state-card {
        min-height: 92px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}