/* Sidebar daraldığında logonun görünmesi ve sola hizalanması */
.layout-menu-collapsed .app-brand-logo,
.menu-collapsed .app-brand-logo,
.layout-menu-hover .app-brand-logo {
    overflow: visible !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0 !important;
}

/* Logo boyutu */
.brand-logo {
    width: auto !important;
    transition: all 0.25s ease !important;
}

.brand-logo-full {
    max-width: 185px !important;
    max-height: 56px !important;
    height: auto !important;
    object-fit: contain !important;
}

.app-brand-logo.nav {
    width: 100% !important;
    height: 72px !important;
    justify-content: center !important;
    overflow: visible !important;
}

.app-brand.nav .app-brand-link {
    width: 100%;
    justify-content: center;
}

.brand-logo-dark {
    display: none !important;
}

.dark-style .brand-logo-light {
    display: none !important;
}

.dark-style .brand-logo-dark {
    display: inline-block !important;
}

.app-brand-logo.demo img.login-brand-logo {
    display: block !important;
    width: 230px !important;
    max-width: 100% !important;
    max-height: 92px !important;
    height: auto !important;
    object-fit: contain !important;
}

.authentication-cover .auth-cover-brand {
    z-index: 3;
}

.authentication-cover .auth-cover-brand .app-brand-logo.demo {
    display: flex !important;
    width: 230px !important;
    height: 92px !important;
    align-items: center;
    justify-content: flex-start;
    overflow: visible !important;
}

.marwood-login-hero {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.marwood-login-hero-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center center;
}

.marwood-login-hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(16, 23, 28, 0.06) 0%, rgba(16, 23, 28, 0) 38%, rgba(16, 23, 28, 0.12) 100%);
}

.marwood-login-panel {
    position: relative;
    isolation: isolate;
    background-color: #7a4d2c !important;
    background-image:
        linear-gradient(90deg, rgba(20, 12, 7, 0.2), transparent 16%, rgba(255, 218, 164, 0.12) 48%, rgba(22, 13, 7, 0.3) 100%),
        repeating-linear-gradient(90deg, #8c5b36 0, #9d6a42 15px, #684027 16px, #3b2417 20px, #81512f 22px, #a36c40 37px, #51301e 39px, #332016 43px) !important;
    box-shadow: inset 12px 0 28px rgba(18, 11, 7, 0.28);
}

.marwood-login-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(255, 226, 177, 0.13), rgba(19, 13, 10, 0.25));
    pointer-events: none;
}

.marwood-login-card {
    padding: 2.25rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 1.25rem;
    color: #f8f2e9;
    background: rgba(25, 25, 24, 0.82);
    box-shadow: 0 22px 55px rgba(18, 10, 5, 0.34);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.marwood-login-card h4 {
    color: #fffaf2;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.marwood-login-card > p {
    color: rgba(255, 248, 238, 0.72);
}

.marwood-login-card .form-label,
.marwood-login-card .form-check-label {
    color: #f7eee2;
}

.marwood-login-card .form-control,
.marwood-login-card .input-group-text {
    min-height: 44px;
    color: #2c251f;
    border-color: rgba(255, 255, 255, 0.3) !important;
    background-color: rgba(255, 250, 242, 0.96) !important;
}

.marwood-login-card .form-control::placeholder {
    color: #8d8277;
}

.marwood-login-card .form-control:focus {
    border-color: #d8aa70 !important;
    box-shadow: 0 0 0 0.2rem rgba(216, 170, 112, 0.25) !important;
}

.marwood-login-card .input-group-text {
    color: #4b3b2f;
}

.marwood-login-card a,
.marwood-login-card a p {
    color: #e7ba82;
}

.marwood-login-card a:hover,
.marwood-login-card a:hover p {
    color: #ffd7a6;
}

.marwood-login-card .form-check-input {
    border-color: rgba(255, 255, 255, 0.55);
    background-color: rgba(255, 255, 255, 0.12);
}

.marwood-login-card .form-check-input:checked {
    border-color: #b7793f;
    background-color: #b7793f;
}

.marwood-login-card .btn-primary {
    border-color: #9f6737 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #b97a43, #82502d) !important;
    box-shadow: 0 8px 20px rgba(24, 13, 7, 0.28) !important;
}

.marwood-login-card .btn-primary:hover,
.marwood-login-card .btn-primary:focus {
    border-color: #c68a52 !important;
    background: linear-gradient(135deg, #c88a51, #925c35) !important;
}

@media (max-width: 991.98px) {
    .marwood-login-card {
        padding: 1.75rem;
    }
}

/* Sidebar daralınca logo küçülsün */
.layout-menu-collapsed .brand-logo,
.menu-collapsed .brand-logo {
    max-height: 28px !important;
    max-width: 42px !important;
    width: auto !important;
}

.modal-backdrop.show {
    z-index: 1050 !important;
}

.modal.show {
    z-index: 1060 !important;
}

.nav-tabs .nav-link.active {
    border-bottom: 2px solid #696cff !important;
    font-weight: 600;
}

table.dataTable td {
    vertical-align: middle;
}

table.dataTable td {
  padding: 4px 8px !important;   /* 🔹 daha az iç boşluk */
  line-height: 1.1 !important;   /* 🔹 satır içi yüksekliği azalt */
}

/* Pagination bölümünü biraz aşağı al */
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1.5rem !important; /* 🔹 önce 1rem idi, biraz artırdık */
    padding-top: 1rem !important; /* 🔹 ekstra boşluk ekledik */
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1.5rem !important;
}

table.dataTable thead th {
    text-transform: none !important;
}

.navbar-business-context {
    min-width: 0;
    max-width: calc(100% - 112px);
}

.navbar-selected-customer,
.navbar-exchange-rates {
    border-left: 1px solid var(--bs-border-color);
    margin-left: 0.35rem;
    padding-left: 0.7rem;
}

.navbar-selected-customer {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    max-width: 320px;
    color: var(--bs-heading-color);
    font-weight: 600;
}

.navbar-selected-customer i {
    flex: 0 0 auto;
    font-size: 1.15rem;
    color: var(--bs-primary);
}

.navbar-selected-customer span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-exchange-rates {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    white-space: nowrap;
    color: var(--bs-body-color);
    font-size: 0.8125rem;
}

.navbar-exchange-rates strong {
    color: var(--bs-heading-color);
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .navbar-business-context {
        max-width: calc(100% - 92px);
    }

    .navbar-selected-customer {
        max-width: 120px;
        padding-left: 0.45rem;
    }

    .navbar-selected-customer i {
        display: none;
    }

    .navbar-exchange-rates {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding-left: 0.45rem;
        font-size: 0.6875rem;
        line-height: 1.25;
    }

    .navbar-exchange-rates strong {
        font-size: 0.6875rem;
    }
}

@media (max-width: 430px) {
    .navbar-selected-customer {
        max-width: 88px;
        font-size: 0.75rem;
    }

    #navbar-collapse > .navbar-nav {
        flex: 1 1 auto;
    }

    #navbar-collapse > .navbar-nav.ms-auto {
        flex: 0 0 auto;
    }
}
/* Email Editor (Quill) yüksekliği */
#EmailEditorAdd .ql-editor,
#EmailEditorEdit .ql-editor {
    min-height: 300px; /* 🔺 Yüksekliği buradan ayarla (örnek: 300px veya 400px) */
    max-height: 600px; /* isteğe bağlı, taşarsa scroll olur */
    overflow-y: auto;
}
.modal.show {
    z-index: 1050;
}

.modal-backdrop.show {
    z-index: 1040;
}

/* görsel netlik için nested modale ufak artış (JS zaten yönetiyor) */
.modal-nested.show {
    z-index: 1060;
}
.mobile-back-bar{padding-top:max(.25rem,env(safe-area-inset-top));margin-bottom:.75rem}
.mobile-back-button{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.5rem .85rem;border:1px solid var(--bs-border-color);border-radius:.65rem;background:var(--bs-body-bg);color:var(--bs-body-color);font-weight:600;box-shadow:0 .15rem .45rem rgba(34,38,46,.08);touch-action:manipulation}
.mobile-back-button i{font-size:1.25rem}
.navbar-product-search{display:flex;align-items:center;gap:.55rem;flex:1 1 320px;max-width:430px;margin:0 1.25rem;padding:.5rem .8rem;border:1px solid var(--bs-border-color);border-radius:.7rem;background:var(--bs-body-bg);transition:border-color .2s,box-shadow .2s}
.navbar-product-search:focus-within{border-color:var(--bs-primary);box-shadow:0 0 0 .18rem rgba(var(--bs-primary-rgb),.12)}
.navbar-product-search i{color:var(--bs-secondary-color);font-size:1.15rem}.navbar-product-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--bs-body-color)}.navbar-product-search input::placeholder{color:var(--bs-secondary-color)}
.navbar-mobile-search-menu{width:min(92vw,380px)}