@charset "utf-8";
/* ===========================================================================
   Markahost - tema ozellestirmeleri
   Bu dosya css/mh-custom.css adresinden servis edilir (theme.php -> router).
   Tum stillerden sonra yuklenir; yeni kurallar ilgili bolume eklenmelidir.
   ========================================================================== */

/* ===== Havale / EFT odeme ekrani ========================================= */
/* ── Bank Transfer / Havale EFT ── */
.faturabilgisi,
#payment-screen,
#payment-screen-content,
.sepetleft,
.sepetright{
    --mh-bt-navy:#24304d;
    --mh-bt-navy2:#1b243a;
    --mh-bt-muted:#6b7a96;
    --mh-bt-line:#e6ebf3;
    --mh-bt-soft:#f5f7fb;
}

/* Hatırlatma: global .red-info (coral #e76f67) override */
.faturabilgisi .red-info,
#payment-screen .red-info,
#payment-screen-content .red-info,
.sepetleft .red-info,
.sepetlist .red-info,
.sepetlistcon .red-info{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 0 20px !important;
    padding:0 !important;
    border:1px solid #d8e0ee !important;
    border-left:4px solid #24304d !important;
    border-radius:14px !important;
    background:#f5f7fb !important;
    color:#24304d !important;
    box-shadow:0 1px 2px rgba(36,48,77,.05) !important;
    overflow:hidden !important;
    position:relative !important;
}
.faturabilgisi .red-info .padding20,
#payment-screen .red-info .padding20,
.sepetleft .red-info .padding20,
.sepetlist .red-info .padding20,
.faturabilgisi .red-info > div,
#payment-screen .red-info > div{
    padding:18px 20px !important;
}
.faturabilgisi .red-info i,
#payment-screen .red-info i,
.sepetleft .red-info i,
.sepetlist .red-info i{
    display:none !important;
}
.faturabilgisi .red-info,
.faturabilgisi .red-info *,
#payment-screen .red-info,
#payment-screen .red-info *,
.sepetleft .red-info,
.sepetleft .red-info *,
.sepetlist .red-info,
.sepetlist .red-info *{
    color:#24304d !important;
}
.faturabilgisi .red-info h5,
#payment-screen .red-info h5,
.sepetleft .red-info h5,
.sepetlist .red-info h5{
    margin:0 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.65 !important;
    text-align:left !important;
}
.faturabilgisi .red-info h5 > strong:first-child,
#payment-screen .red-info h5 > strong:first-child,
.sepetleft .red-info h5 > strong:first-child,
.sepetlist .red-info h5 > strong:first-child,
.faturabilgisi .red-info strong:first-child,
#payment-screen .red-info strong:first-child{
    display:block !important;
    margin:0 0 8px !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    color:#24304d !important;
}
.faturabilgisi .red-info strong:not(:first-child),
#payment-screen .red-info strong:not(:first-child),
.sepetleft .red-info strong:not(:first-child),
.sepetlist .red-info strong:not(:first-child){
    display:inline-block !important;
    padding:2px 8px !important;
    border-radius:6px !important;
    background:rgba(36,48,77,.1) !important;
    color:#24304d !important;
    font-weight:800 !important;
    font-size:13.5px !important;
}

/* Form alanları */
.faturabilgisi select,
.faturabilgisi input[type="text"],
#payment-screen select,
#payment-screen input[type="text"],
#payment-screen-content select,
#payment-screen-content input[type="text"],
#NotificationForm select,
#NotificationForm input[type="text"],
.sepetright select,
.sepetright input[type="text"]{
    display:block !important;
    width:100% !important;
    max-width:520px !important;
    height:48px !important;
    margin:0 0 12px !important;
    padding:0 14px !important;
    border:1.5px solid #e6ebf3 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#24304d !important;
    font-size:14.5px !important;
    font-weight:500 !important;
    outline:none !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    transition:border-color .15s ease, box-shadow .15s ease !important;
}
.faturabilgisi select:focus,
.faturabilgisi input[type="text"]:focus,
#payment-screen select:focus,
#payment-screen input[type="text"]:focus,
#NotificationForm select:focus,
#NotificationForm input[type="text"]:focus,
.sepetright select:focus,
.sepetright input[type="text"]:focus{
    border-color:#24304d !important;
    box-shadow:0 0 0 3px rgba(36,48,77,.1) !important;
}

/* Ödeme Yapıldı butonu — yeşil yerine lacivert */
.faturabilgisi .green.gonderbtn,
.faturabilgisi a.green,
.faturabilgisi .gonderbtn.green,
.faturabilgisi .gonderbtn,
.faturabilgisi [class*="gonderbtn"],
.sepetlist .gonderbtn,
#payment-screen .green.gonderbtn,
#payment-screen a.green,
#payment-screen .gonderbtn,
#payment-screen-content .gonderbtn,
#payment-screen-content a.green,
#NotificationForm .gonderbtn,
#NotificationForm a.green,
#NotificationForm .mio-ajax-submit,
.sepetright .gonderbtn,
.sepetright a.green,
.sepetright .mio-ajax-submit{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:520px !important;
    min-height:50px !important;
    margin:4px 0 18px !important;
    padding:0 22px !important;
    border:0 !important;
    border-radius:12px !important;
    background:#24304d !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    box-shadow:0 8px 20px rgba(36,48,77,.18) !important;
    cursor:pointer !important;
    transition:background .15s ease !important;
    box-sizing:border-box !important;
}
.faturabilgisi .gonderbtn:hover,
.faturabilgisi a.green:hover,
#payment-screen .gonderbtn:hover,
#payment-screen a.green:hover,
#NotificationForm .gonderbtn:hover,
#NotificationForm a.green:hover,
#NotificationForm .mio-ajax-submit:hover,
.sepetright .gonderbtn:hover,
.sepetright a.green:hover{
    background:#1b243a !important;
    color:#fff !important;
    filter:none !important;
}

/* Ayırıcı */
.faturabilgisi hr,
#payment-screen hr,
#payment-screen-content hr{
    border:0 !important;
    border-top:1px solid #e6ebf3 !important;
    margin:8px 0 28px !important;
}

/* Banka hesap kartları — satırda 2 kart (min genişlik korunur) */
.faturabilgisi .mh-bt-banks,
#payment-screen .mh-bt-banks,
#payment-screen-content .mh-bt-banks,
.sepetlistcon .mh-bt-banks,
.mh-bt-banks{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
    margin:20px 0 12px !important;
    padding:0 !important;
    clear:both !important;
    box-sizing:border-box !important;
}
.faturabilgisi .bankablok,
#payment-screen .bankablok,
#payment-screen-content .bankablok,
.sepetlistcon .bankablok,
.sepetleft .bankablok,
.sepetlist .bankablok,
.mh-bt-banks .bankablok,
.bankablok{
    display:block !important;
    float:none !important;
    clear:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:18px 18px 10px !important;
    border:1px solid #e6ebf3 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 1px 2px rgba(36,48,77,.04) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    transition:border-color .15s ease, box-shadow .15s ease !important;
}
/* wrapper yoksa: 2 kolon, dar alanda tek kolon */
.faturabilgisi > .bankablok,
#payment-screen > .bankablok,
#payment-screen-content > .bankablok,
.sepetlistcon > .bankablok{
    display:inline-block !important;
    vertical-align:top !important;
    width:calc(50% - 10px) !important;
    max-width:calc(50% - 10px) !important;
    min-width:340px !important;
    margin:20px 5px 14px !important;
}
.faturabilgisi::after,
#payment-screen::after,
#payment-screen-content::after,
.sepetlistcon::after,
.mh-bt-banks::after{
    content:"" !important;
    display:table !important;
    clear:both !important;
}
.faturabilgisi .bankablok:hover,
#payment-screen .bankablok:hover,
.sepetlistcon .bankablok:hover{
    border-color:#cfd7e6 !important;
    box-shadow:0 8px 24px rgba(36,48,77,.08) !important;
}
.faturabilgisi .bankablok .line,
#payment-screen .bankablok .line,
.sepetlistcon .bankablok .line{
    display:block !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    margin:12px 0 8px !important;
    padding:0 !important;
    border:0 !important;
    border-top:1px solid #e6ebf3 !important;
    background:transparent !important;
    height:0 !important;
}
.faturabilgisi .bankalogo,
#payment-screen .bankalogo,
.sepetlistcon .bankalogo,
.bankablok .bankalogo{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:100% !important;
    float:none !important;
    clear:both !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}
.faturabilgisi .bankalogo img,
#payment-screen .bankalogo img,
.sepetlistcon .bankalogo img,
.bankablok .bankalogo img{
    display:block !important;
    flex:0 0 auto !important;
    width:auto !important;
    max-width:150px !important;
    max-height:40px !important;
    height:auto !important;
    float:none !important;
    margin:0 !important;
    object-fit:contain !important;
}
.faturabilgisi .bankalogo h4,
#payment-screen .bankalogo h4,
.sepetlistcon .bankalogo h4,
.bankablok .bankalogo h4{
    flex:1 1 auto !important;
    float:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:#24304d !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}
/* Logo varken tekrarlayan banka adını gizle */
.faturabilgisi .bankalogo:has(img) h4,
#payment-screen .bankalogo:has(img) h4,
.sepetlistcon .bankalogo:has(img) h4,
.bankablok .bankalogo:has(img) h4{
    display:none !important;
}
.faturabilgisi .bankainfo,
#payment-screen .bankainfo,
.sepetlistcon .bankainfo,
.bankablok .bankainfo{
    display:block !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    margin:0 !important;
    padding:4px 0 0 !important;
    overflow:visible !important;
}
.faturabilgisi .bankainfo *,
#payment-screen .bankainfo *,
.bankablok .bankainfo *{
    float:none !important;
    box-sizing:border-box !important;
}
.faturabilgisi .bankainfo h5,
#payment-screen .bankainfo h5,
.sepetlistcon .bankainfo h5,
.bankablok .bankainfo h5,
.mh-bt-row{
    display:grid !important;
    grid-template-columns:118px minmax(0, 1fr) 34px !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:0 !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    margin:0 !important;
    padding:11px 0 !important;
    border:0 !important;
    border-bottom:1px solid #eef2f8 !important;
    color:#24304d !important;
    font-size:13.5px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
}
.faturabilgisi .bankainfo h5:last-child,
#payment-screen .bankainfo h5:last-child,
.bankablok .bankainfo h5:last-child,
.mh-bt-row:last-child{
    border-bottom:0 !important;
    padding-bottom:6px !important;
}
.faturabilgisi .bankainfo h5 > span.mh-bt-label,
#payment-screen .bankainfo h5 > span.mh-bt-label,
.bankablok .bankainfo h5 > span.mh-bt-label,
.mh-bt-label{
    display:block !important;
    grid-column:1 !important;
    float:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#6b7a96 !important;
    font-weight:700 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    white-space:normal !important;
}
.faturabilgisi .bankainfo h5 .mh-bt-value,
#payment-screen .bankainfo h5 .mh-bt-value,
.bankablok .bankainfo h5 .mh-bt-value,
.mh-bt-value{
    display:block !important;
    grid-column:2 !important;
    float:none !important;
    clear:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#24304d !important;
    font-size:13.5px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
}
.faturabilgisi .bankainfo h5 span,
#payment-screen .bankainfo h5 span,
.bankablok .bankainfo h5 span{
    float:none !important;
}
.mh-bt-copy{
    display:inline-flex !important;
    grid-column:3 !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #e6ebf3 !important;
    border-radius:9px !important;
    background:#f5f7fb !important;
    color:#24304d !important;
    font-size:13px !important;
    cursor:pointer !important;
    transition:background .15s ease, border-color .15s ease, color .15s ease !important;
}
.mh-bt-copy:hover{
    background:#24304d !important;
    border-color:#24304d !important;
    color:#fff !important;
}
.mh-bt-copy.is-copied{
    background:#e8f5ee !important;
    border-color:#b7e0c7 !important;
    color:#1b7a45 !important;
}
.mh-bt-copy .fa,
.mh-bt-copy i{
    display:inline-block !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1 !important;
}
/* Geri dön butonu */
#payment-screen > .lbtn,
.sepetright > .lbtn,
a.lbtn[href*="back"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:44px !important;
    margin-top:10px !important;
    padding:0 18px !important;
    border:1.5px solid #e6ebf3 !important;
    border-radius:12px !important;
    background:#f5f7fb !important;
    color:#24304d !important;
    font-size:14px !important;
    font-weight:600 !important;
    text-decoration:none !important;
    box-shadow:none !important;
}
#payment-screen > .lbtn:hover,
.sepetright > .lbtn:hover,
a.lbtn[href*="back"]:hover{
    background:#eef1f7 !important;
    border-color:#cfd7e6 !important;
    color:#1b243a !important;
}

/* Sepet başlık */
.sepetleft .sepetbaslik{
    background:#24304d !important;
    border-radius:14px 14px 0 0 !important;
}
.sepetleft .sepetbaslik .yuzde70{
    color:#fff !important;
    font-weight:700 !important;
}

@media (max-width:900px){
    .mh-bt-banks{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
    .faturabilgisi > .bankablok,
    #payment-screen > .bankablok,
    #payment-screen-content > .bankablok,
    .sepetlistcon > .bankablok,
    .faturabilgisi .bankablok,
    #payment-screen .bankablok,
    #payment-screen-content .bankablok,
    .sepetlistcon .bankablok,
    .sepetleft .bankablok,
    .sepetlist .bankablok,
    .mh-bt-banks .bankablok,
    .bankablok{
        display:block !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 0 12px !important;
    }
    .faturabilgisi .bankainfo h5,
    #payment-screen .bankainfo h5,
    .bankablok .bankainfo h5,
    .mh-bt-row{
        grid-template-columns:100px minmax(0, 1fr) 34px !important;
        column-gap:8px !important;
    }
    
    .faturabilgisi select,
    .faturabilgisi input[type="text"],
    .faturabilgisi .gonderbtn,
    #payment-screen select,
    #payment-screen input[type="text"],
    #payment-screen .gonderbtn,
    #NotificationForm select,
    #NotificationForm input[type="text"],
    #NotificationForm .gonderbtn,
    #NotificationForm a.green,
    .sepetright select,
    .sepetright input[type="text"],
    .sepetright .gonderbtn,
    .sepetright a.green{
        max-width:100% !important;
    }
}

[data-theme="dark"] .faturabilgisi .red-info,
[data-theme="dark"] #payment-screen .red-info,
[data-theme="dark"] .sepetleft .red-info,
[data-theme="dark"] .sepetlist .red-info{
    background:#2a3348 !important;
    border-color:#3a455c !important;
    border-left-color:#7b8db0 !important;
}
[data-theme="dark"] .faturabilgisi .red-info,
[data-theme="dark"] .faturabilgisi .red-info *,
[data-theme="dark"] #payment-screen .red-info,
[data-theme="dark"] #payment-screen .red-info *,
[data-theme="dark"] .sepetleft .red-info,
[data-theme="dark"] .sepetleft .red-info *{
    color:#e8ecf4 !important;
}
[data-theme="dark"] .faturabilgisi .bankablok,
[data-theme="dark"] #payment-screen .bankablok,
[data-theme="dark"] .faturabilgisi select,
[data-theme="dark"] .faturabilgisi input[type="text"],
[data-theme="dark"] #payment-screen select,
[data-theme="dark"] #payment-screen input[type="text"],
[data-theme="dark"] .sepetright select,
[data-theme="dark"] .sepetright input[type="text"]{
    background:#2a3348 !important;
    border-color:#3a455c !important;
    color:#e8ecf4 !important;
}
[data-theme="dark"] .faturabilgisi .bankainfo h5,
[data-theme="dark"] #payment-screen .bankainfo h5,
[data-theme="dark"] .mh-bt-row{
    border-bottom-color:#3a455c !important;
}
[data-theme="dark"] .mh-bt-label{
    color:#9aa8c2 !important;
}
[data-theme="dark"] .mh-bt-value{
    color:#e8ecf4 !important;
}
[data-theme="dark"] .mh-bt-copy{
    background:#323e57 !important;
    border-color:#3a455c !important;
    color:#e8ecf4 !important;
}
[data-theme="dark"] .faturabilgisi .gonderbtn,
[data-theme="dark"] #payment-screen .gonderbtn,
[data-theme="dark"] #NotificationForm .gonderbtn,
[data-theme="dark"] #NotificationForm a.green,
[data-theme="dark"] .sepetright .gonderbtn,
[data-theme="dark"] .sepetright a.green{
    background:#4a5f82 !important;
}

/* ===== Kredi karti odeme ekrani ========================================== */
/* Güvenlik kutusu: turkuaz yerine Markahost lacivert, soft kart görünümü */
/* Güvenlik kutusu, ödeme kartının üst şeridi olarak birleşir */
.creditcardpaypage .securityinfo,
#payment-screen .securityinfo,
.faturabilgisi .securityinfo{
    display:block;
    width:auto;
    margin:-24px -30px 0;
    padding:0;
    border:0;
    border-bottom:1px solid #e6ebf3;
    border-left:4px solid #24304d;
    border-radius:0;
    background:#f5f7fb;
}
.mh-invoice-detail #payment-screen .securityinfo{
    margin:0 -30px 0;
}
.creditcardpaypage .securityinfo-con,
#payment-screen .securityinfo-con{
    padding:16px 22px;
}
.creditcardpaypage .securityinfo-left,
#payment-screen .securityinfo-left{
    color:#24304d;
    font-size:44px;
}
.creditcardpaypage .securityinfo-right,
#payment-screen .securityinfo-right,
.creditcardpaypage .securityinfo-right h5,
#payment-screen .securityinfo-right h5{
    color:#24304d;
}
.creditcardpaypage .securityinfo-right h5,
#payment-screen .securityinfo-right h5{
    font-size:17px;
    font-weight:800;
    font-family:inherit;
    margin-bottom:8px;
}

/* Dış kutu ile içerik yapışmasın; kolon yerleşimine dokunulmaz */
.creditcardpaypage{
    box-sizing:border-box;
    padding:24px 30px 28px;
}
#payment-screen .creditcardpaypage{
    padding:0;
}
.creditcardpaypage .creditcardinfo-con,
#payment-screen .creditcardinfo-con{
    padding-top:18px;
}

/* Form etiketleri ve inputlar */
.creditcardpaypage .creditcardinfo-left .kinfo,
#payment-screen .creditcardinfo-left .kinfo{
    color:#24304d;
    font-size:13px;
    font-weight:700;
}
.creditcardpaypage .creditcardinfo-left input[type="text"],
.creditcardpaypage .creditcardinfo-left input[type="tel"],
.creditcardpaypage .creditcardinfo-left input[type="number"],
#payment-screen .creditcardinfo-left input[type="text"],
#payment-screen .creditcardinfo-left input[type="tel"],
#payment-screen .creditcardinfo-left input[type="number"]{
    border:1.5px solid #e6ebf3;
    border-radius:10px;
    background:#fff;
    color:#24304d;
    font-size:14.5px;
    transition:border-color .15s ease, box-shadow .15s ease;
}
.creditcardpaypage .creditcardinfo-left input:focus,
#payment-screen .creditcardinfo-left input:focus{
    border-color:#24304d;
    box-shadow:0 0 0 3px rgba(36,48,77,.1);
}

/* Taksit tablosu */
.creditcardpaypage .installment-options h5,
#payment-screen .installment-options h5{
    color:#24304d;
    font-weight:800;
}
.creditcardpaypage .installment-options thead,
#payment-screen .installment-options thead{
    background:#f5f7fb;
    color:#24304d;
}
.creditcardpaypage .installment-options tr td,
#payment-screen .installment-options tr td{
    border-bottom:1px solid #eef2f8;
}
.creditcardpaypage .installment-options table tr:hover,
#payment-screen .installment-options table tr:hover{
    background:#f8fafc;
}

/* ── Kart önizleme ──
   Not: #bank_logo, #bank_logo_t, #card_type satır içi display:none ile geliyor,
   JS bunları açıyor. Bu yüzden bu elemanlara display kuralı YAZILMIYOR. */
.creditcardinfo-right{
    margin-top:26px;
}
.creditcardinfo-right .scene,
.creditcardinfo-right .scene--card{
    width:100%;
    max-width:320px;
    height:202px;
    margin:0 auto;
    perspective:1000px;
}
.creditcardinfo-right .card{
    width:100%;
    height:100%;
}
.creditcardinfo-right .card__face{
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.creditcardinfo-right .creditcardbox{
    width:100%;
    height:100%;
    margin:0;
    border:0;
    border-radius:16px;
    background-color:#24304d;
    background-image:linear-gradient(135deg,#2b3856 0%,#24304d 45%,#1a2338 100%);
    background-size:auto;
    background-position:0 0;
    background-repeat:no-repeat;
    box-shadow:0 16px 34px rgba(36,48,77,.28);
    overflow:hidden;
}
.creditcardinfo-right .creditcardbox::after{
    content:"";
    position:absolute;
    top:-70px;
    right:-60px;
    width:190px;
    height:190px;
    border-radius:50%;
    background:rgba(255,255,255,.055);
    pointer-events:none;
}
.creditcardinfo-right .creditcardbox-con{
    position:relative;
    height:100%;
    padding:0;
}

/* Banka adı / logo — sol üst */
.creditcardinfo-right .banklogo{
    top:20px;
    left:22px;
    width:auto;
    max-width:96px;
    max-height:22px;
    object-fit:contain;
    z-index:2;
}
.creditcardinfo-right .banknologo{
    top:22px;
    left:22px;
    width:auto;
    max-width:150px;
    color:rgba(255,255,255,.88);
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    line-height:1.25;
    z-index:2;
}

/* Çip — sağ üst */
.creditcardinfo-right .cardchip{
    top:19px;
    right:22px;
    height:26px;
    width:auto;
    opacity:.95;
    z-index:2;
}

/* Kart numarası */
.creditcardinfo-right .creditcardbox-numbers{
    position:absolute;
    top:92px;
    left:22px;
    right:22px;
    width:auto;
    margin:0;
    z-index:2;
    white-space:nowrap;
}
.creditcardinfo-right .creditcardbox-numbers h5{
    margin:0 14px 0 0;
    color:#fff;
    font-size:16px;
    font-weight:600;
    letter-spacing:.08em;
    line-height:1.2;
}
.creditcardinfo-right .creditcardbox-numbers h5:last-child{
    margin-right:0;
}

/* Geçerlilik tarihi */
.creditcardinfo-right .creditcardbox-validdate{
    position:absolute;
    bottom:46px;
    left:22px;
    right:auto;
    float:none;
    width:auto;
    margin:0;
    text-align:left;
    color:rgba(255,255,255,.9);
    font-size:12px;
    font-weight:600;
    letter-spacing:.06em;
    z-index:2;
}
.creditcardinfo-right .creditcardbox-validdate::before{
    content:"GEÇERLİLİK";
    display:block;
    margin-bottom:2px;
    color:rgba(255,255,255,.5);
    font-size:7.5px;
    font-weight:700;
    letter-spacing:.14em;
}

/* Kart sahibi */
.creditcardinfo-right .creditcardbox-fullname{
    position:absolute;
    bottom:18px;
    left:22px;
    right:88px;
    float:none;
    width:auto;
    max-width:none;
    margin:0;
    text-align:left;
    color:rgba(255,255,255,.95);
    font-size:11px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    z-index:2;
}

/* Visa / Mastercard */
.creditcardinfo-right .visamaster{
    right:20px;
    bottom:16px;
    width:50px;
    height:auto;
    max-height:32px;
    object-fit:contain;
    z-index:2;
}

/* Arka yüz */
.creditcardinfo-right .card__face--back .creditcardbox{
    background-color:#1f2a44;
    background-image:linear-gradient(135deg,#1f2a44 0%,#24304d 100%);
}
.creditcardinfo-right .creditcardbox-behind-bank-brand{
    margin:16px 22px 12px;
    color:rgba(255,255,255,.85);
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.creditcardinfo-right .creditcardbox-band{
    height:42px;
    background:#111826;
}
.creditcardinfo-right .creditcardbox-CCW{
    margin-top:18px;
    padding:9px 0;
    background:#eef1f6;
}
.creditcardinfo-right .creditcardbox-CCW span{
    margin-right:22px;
    color:#24304d;
    font-size:13px;
    letter-spacing:.06em;
}
.creditcardinfo-right .creditcardbox-CCW span strong{
    color:#24304d;
}

/* JS'in gizlediği butonu gizli tut (havale CSS'indeki display:!important'i geri alır) */
#payment-screen #payBtns .gonderbtn[style*="display: none"],
#payment-screen #payBtns .gonderbtn[style*="display:none"],
#payment-screen #payBtns a[style*="display: none"],
#payment-screen #payBtns a[style*="display:none"],
.creditcardpaypage #payBtns .gonderbtn[style*="display: none"],
.creditcardpaypage #payBtns .gonderbtn[style*="display:none"],
.creditcardpaypage #payBtns a[style*="display: none"],
.creditcardpaypage #payBtns a[style*="display:none"]{
    display:none !important;
}

/* Ödeme butonu — sadece renk/yuvarlaklık */
.creditcardpaypage #payBtns .gonderbtn,
.creditcardpaypage #payBtns a.green,
#payment-screen #payBtns .gonderbtn,
#payment-screen #payBtns a.green{
    border-radius:11px;
    background:#24304d;
    color:#fff;
    font-weight:700;
    box-shadow:0 8px 20px rgba(36,48,77,.18);
}
.creditcardpaypage #payBtns .gonderbtn:hover,
#payment-screen #payBtns .gonderbtn:hover{
    background:#1b243a;
    color:#fff;
}
.creditcardpaypage #payBtns .graybtn,
#payment-screen #payBtns .graybtn,
#continue_block.graybtn{
    border-radius:11px !important;
    background:#aab3c2 !important;
    color:#fff !important;
    box-shadow:none !important;
    cursor:not-allowed !important;
}

/* ===== Musteri paneli (dashboard) ======================================== */
#clean-theme-client{
    --mhd-navy:#24304d;
    --mhd-navy2:#1b243a;
    --mhd-muted:#6b7a96;
    --mhd-line:#e6ebf3;
    --mhd-soft:#f5f7fb;
}

/* ── Ödenmemiş fatura uyarısı ── */
.invoiceremind .red-info.ac-invoice-alert{
    padding:18px 20px;
    border-radius:12px;
    background:linear-gradient(135deg,#e8544f 0%,#d43f3a 100%) !important;
    box-shadow:0 8px 22px rgba(212,63,58,.22);
}
.invoiceremind .ac-invoice-alert-body h4{
    font-size:15px;
    letter-spacing:.01em;
}
.invoiceremind .ac-invoice-alert-body p{
    font-size:13px;
    line-height:1.5;
}
.invoiceremind .ac-invoice-alert-cta,
.invoiceremind .red-info.ac-invoice-alert .lbtn{
    height:38px;
    padding:0 20px !important;
    border-radius:10px !important;
    font-size:13px;
    box-shadow:0 3px 10px rgba(0,0,0,.12);
}

/* ── Kartlar ── */
#clean-theme-client .card{
    border:1px solid var(--mh-line, #e6ebf3);
    border-radius:12px;
    box-shadow:0 1px 2px rgba(36,48,77,.04);
}
#clean-theme-client .card .card-header{
    padding:16px 20px;
    border-bottom:1px solid var(--mh-line, #e6ebf3);
}
#clean-theme-client .card .card-header .card-title,
#clean-theme-client .card .card-header h4{
    margin:0;
    font-size:15px;
    font-weight:700;
    letter-spacing:.01em;
    color:var(--mh-ink, #24304d);
}
#clean-theme-client .card .card-header .card-title i,
#clean-theme-client .card .card-header h4 i{
    margin-right:10px;
    border-color:var(--mh-line, #e6ebf3) !important;
    border-radius:8px !important;
    background:var(--mh-tint, #f5f7fb);
    color:#24304d;
    font-size:16px !important;
}
#clean-theme-client .card .card-body{
    padding:6px 20px 14px;
}

/* ── Tablolar ──────────────────────────────────────────────────────────────
   "Ürün ve Hizmetlerim" sayfasındaki #products tablosuyla aynı dil:
   tonlu başlık bandı, beyaz satırlar, ince ayraç çizgisi, düz hover. */
#clean-theme-client .card table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    margin:0;
    background:transparent;
}
#clean-theme-client .card table thead th{
    padding:12px 14px;
    border:0;
    border-bottom:1px solid #e6ebf3;
    background:#f5f7fb;
    color:#5a6a86;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:none;
    vertical-align:middle;
    white-space:nowrap;
}
#clean-theme-client .card table thead th:first-child{
    border-top-left-radius:8px;
}
#clean-theme-client .card table thead th:last-child{
    border-top-right-radius:8px;
}
#clean-theme-client .card table tbody td{
    padding:16px 14px;
    border:0;
    border-bottom:1px solid #e6ebf3;
    background:#fff;
    color:#24304d;
    font-size:13px;
    line-height:1.4;
    vertical-align:middle;
}
#clean-theme-client .card table tbody tr:last-child td{
    border-bottom:0;
}
#clean-theme-client .card table tbody tr:hover td{
    background:#fafbfd;
}
/* Bootstrap reboot'taki `th{text-align:inherit}` kuralı, WiseCP'nin
   <th align="..."> özniteliğini eziyor; başlık ve hücre ayrı hizalanıyordu. */
#clean-theme-client table th[align="left"]{
    text-align:left;
}
#clean-theme-client table th[align="center"]{
    text-align:center;
}
#clean-theme-client table th[align="right"]{
    text-align:right;
}
#clean-theme-client .card table tbody td a{
    color:inherit;
}
#clean-theme-client .card table tbody td a:hover{
    text-decoration:underline;
}

/* ── Hücre bileşenleri ──
   Sınıf adları "Ürün ve Hizmetlerim" sayfasıyla ortak; müşteri iki sayfada
   aynı rozet, aynı başlık/alt satır ve aynı kalan gün çipini görüyor. */
#clean-theme-client .card table .mh-order-no{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:28px;
    padding:0 8px;
    border-radius:6px;
    background:#eef2f8;
    color:#24304d;
    font-size:13px;
    font-weight:700;
}
#clean-theme-client .card table .mh-prod-cell{
    display:block;
    max-width:340px;
    text-align:left;
}
#clean-theme-client .card table .mh-prod-title{
    display:block;
    color:#24304d;
    font-size:14px;
    font-weight:700;
    line-height:1.35;
}
#clean-theme-client .card table .mh-prod-sub,
#clean-theme-client .card table .productinfo{
    display:block;
    margin-top:3px;
    color:#6b7a96;
    font-size:12px;
    font-weight:400;
    line-height:1.35;
    word-break:break-all;
}
#clean-theme-client .card table .mh-due{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
}
#clean-theme-client .card table .mh-due-date{
    color:#24304d;
    font-size:13px;
    font-weight:600;
}
#clean-theme-client .card table .renkata{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:0 9px;
    border-radius:999px;
    background:#e8f6ec !important;
    color:#1f7a3a !important;
    font-size:11px !important;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
}
#clean-theme-client .card table .renkata.mh-due-warn{
    background:#fff4e5 !important;
    color:#b86a00 !important;
}
#clean-theme-client .card table .renkata.mh-due-danger{
    background:#fdecec !important;
    color:#b42318 !important;
}
#clean-theme-client .card table .mh-status-cell,
#clean-theme-client .card table .mh-action-cell{
    text-align:center;
}

/* Dar ekranda satırlar kart olur; "Ürün ve Hizmetlerim" ile aynı düzen. */
@media (max-width:768px){
    #clean-theme-client .card table thead{
        display:none;
    }
    #clean-theme-client .card table,
    #clean-theme-client .card table tbody{
        display:block;
        width:100%;
    }
    #clean-theme-client .card table tbody tr{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px 12px;
        align-items:start;
        width:100%;
        margin:0 0 12px;
        padding:14px 12px;
        border:1px solid #e6ebf3;
        border-radius:10px;
        background:#fff;
        box-sizing:border-box;
    }
    #clean-theme-client .card table tbody tr:last-child{
        margin-bottom:0;
    }
    #clean-theme-client .card table tbody td{
        display:block;
        width:auto;
        padding:0;
        border:0;
        background:transparent;
        text-align:left;
    }
    #clean-theme-client .card table tbody tr:hover td{
        background:transparent;
    }
    #clean-theme-client .card table tbody td.mh-col-orderno{
        display:none;
    }
    #clean-theme-client .card table tbody td.mh-prod-td,
    #clean-theme-client .card table tbody td.mh-action-cell{
        grid-column:1 / -1;
    }
    #clean-theme-client .card table .mh-prod-cell{
        max-width:100%;
    }
    #clean-theme-client .card table .mh-due{
        align-items:flex-start;
    }
    #clean-theme-client .card table tbody td.mh-status-cell{
        justify-self:end;
        text-align:right;
    }
    #clean-theme-client .card table td .incelebtn{
        width:100%;
        min-height:40px;
    }
    [data-theme="dark"] #clean-theme-client .card table tbody tr{
        border-color:var(--mh-line, #283143);
        background:var(--mh-card, #171d2b);
    }
}

/* ── Durum rozetleri ── */
#clean-theme-client .card table .listingstatus{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:0 !important;
    margin:0;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}
#clean-theme-client .card table .listingstatus span{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:108px !important;
    min-width:108px !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
    border:1px solid transparent !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.02em;
    line-height:1 !important;
    text-transform:none;
    white-space:nowrap;
    box-shadow:none !important;
}
#clean-theme-client .card table .listingstatus .active,
#clean-theme-client .card table .listingstatus .responded{
    background:#d8f3e0 !important;
    border-color:#7dcc95 !important;
    color:#147a35 !important;
}
#clean-theme-client .card table .listingstatus .process,
#clean-theme-client .card table .listingstatus .resolved{
    background:#d9e9fb !important;
    border-color:#7aaddf !important;
    color:#1a5fad !important;
}
#clean-theme-client .card table .listingstatus .wait{
    background:#ffe8c7 !important;
    border-color:#e0a84a !important;
    color:#a35a00 !important;
}
#clean-theme-client .card table .listingstatus .askida{
    background:#fff0b8 !important;
    border-color:#e0c44a !important;
    color:#8a6d00 !important;
}
#clean-theme-client .card table .listingstatus .iptal{
    background:#fde2e2 !important;
    border-color:#e58a8a !important;
    color:#b42318 !important;
}
#clean-theme-client .card table .listingstatus .inactive{
    background:#e8ecf2 !important;
    border-color:#b0bccf !important;
    color:#4a5a73 !important;
}
#clean-theme-client .card table .listingstatus .tamamlandi{
    background:#dde3ee !important;
    border-color:#8fa0bb !important;
    color:#1c2740 !important;
}

/* ── İşlem butonu ── */
#clean-theme-client .card table td .incelebtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:34px;
    min-height:34px;
    padding:0 14px !important;
    border:0 !important;
    border-radius:6px !important;
    background:#24304d !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:600 !important;
    text-decoration:none !important;
    white-space:nowrap;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
}
#clean-theme-client .card table td .incelebtn:hover{
    background:#1b243a !important;
    color:#fff !important;
}
#clean-theme-client .card table td .incelebtn.is-disabled,
#clean-theme-client .card table td .incelebtn[aria-disabled="true"],
#clean-theme-client .card table td .incelebtn[style*="grayscale"]{
    background:#e8edf5 !important;
    color:#95a1b5 !important;
    cursor:not-allowed !important;
    pointer-events:none;
}

/* ── Sol sütun kartları ── */
#clean-theme-client .clean-theme-client-left-block{
    margin-bottom:14px;
    border:1px solid var(--mh-line, #e6ebf3);
    border-radius:12px;
    box-shadow:0 1px 2px rgba(36,48,77,.04);
    overflow:hidden;
}
#clean-theme-client .clean-theme-client-left-block-title{
    padding:14px 18px;
    border-bottom:1px solid var(--mh-line, #e6ebf3);
    border-radius:0;
}
#clean-theme-client .clean-theme-client-left-block-title h4{
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    color:var(--mh-ink, #24304d);
}
#clean-theme-client .clean-theme-client-left-block-title h4 i{
    margin-right:10px !important;
    border-color:var(--mh-line, #e6ebf3) !important;
    border-radius:8px !important;
    background:var(--mh-tint, #f5f7fb);
    color:#24304d;
    font-size:17px !important;
    line-height:32px !important;
}
#clean-theme-client .clean-theme-client-left-block .padding20{
    padding:16px 18px 18px;
    color:var(--mh-ink-2, #6b7a96);
    font-size:13px;
    line-height:1.6;
}
#clean-theme-client .clean-theme-left-block-title{
    display:block;
    margin-bottom:8px;
}
#clean-theme-client .clean-theme-left-block-title strong{
    display:block;
    color:var(--mh-ink, #24304d);
    font-size:14.5px;
    font-weight:700;
    line-height:1.4;
}
#clean-theme-client .clean-theme-client-left-block .padding20 strong{
    color:var(--mh-ink, #24304d);
}

/* Sol sütun butonları */
#clean-theme-client .clean-theme-client-left-block .yesilbtn,
#clean-theme-client .clean-theme-client-left-block .gonderbtn{
    width:100%;
    margin-top:14px;
    padding:11px 14px;
    border:1.5px solid var(--mh-line, #e6ebf3);
    border-radius:10px;
    background:var(--mh-tint, #f5f7fb);
    color:#24304d;
    font-size:13px;
    font-weight:700;
    text-align:center;
    box-shadow:none;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}
#clean-theme-client .clean-theme-client-left-block .yesilbtn:hover,
#clean-theme-client .clean-theme-client-left-block .gonderbtn:hover{
    border-color:#24304d;
    background:#24304d;
    color:#fff;
}
#clean-theme-client .clean-theme-client-left-block .yesilbtn i,
#clean-theme-client .clean-theme-client-left-block .gonderbtn i{
    margin-right:6px;
}

/* Satış ortaklığı afişi */
#clean-theme-client .ac-aff-banner{
    padding:15px 15px 15px 13px;
    border-radius:12px;
}

/* ── Karanlık tema ──
   Tablo tonları gündüz paletine sabitlendiği için burada gece karşılıkları
   panel değişkenlerinden veriliyor. */
[data-theme="dark"] #clean-theme-client .card table thead th{
    border-bottom-color:var(--mh-line, #283143);
    background:var(--mh-tint, #1c2333);
    color:var(--mh-ink-2, #98a2ba);
}
[data-theme="dark"] #clean-theme-client .card table tbody td{
    border-bottom-color:var(--mh-line, #283143);
    background:var(--mh-card, #171d2b);
    color:var(--mh-ink, #dae0ee);
}
[data-theme="dark"] #clean-theme-client .card table tbody td strong,
[data-theme="dark"] #clean-theme-client .card table .mh-prod-title,
[data-theme="dark"] #clean-theme-client .card table .mh-due-date{
    color:var(--mh-ink, #dae0ee);
}
[data-theme="dark"] #clean-theme-client .card table .mh-prod-sub,
[data-theme="dark"] #clean-theme-client .card table .productinfo{
    color:var(--mh-ink-2, #98a2ba);
}
[data-theme="dark"] #clean-theme-client .card table .mh-order-no{
    background:rgba(255,255,255,.07);
    color:var(--mh-ink, #dae0ee);
}
[data-theme="dark"] #clean-theme-client .card table .renkata{
    background:rgba(31,122,58,.22) !important;
    color:#7fd6a3 !important;
}
[data-theme="dark"] #clean-theme-client .card table .renkata.mh-due-warn{
    background:rgba(184,106,0,.24) !important;
    color:#f0b96a !important;
}
[data-theme="dark"] #clean-theme-client .card table .renkata.mh-due-danger{
    background:rgba(180,35,24,.22) !important;
    color:#ff9d97 !important;
}
[data-theme="dark"] #clean-theme-client .card table tbody tr:hover td{
    background:var(--mh-hover, #222b3d);
}
[data-theme="dark"] #clean-theme-client .card table .listingstatus .active,
[data-theme="dark"] #clean-theme-client .card table .listingstatus .responded{
    background:rgba(27,122,69,.22) !important;
    border-color:rgba(125,204,149,.45) !important;
    color:#7fd6a3 !important;
}
[data-theme="dark"] #clean-theme-client .card table .listingstatus .process,
[data-theme="dark"] #clean-theme-client .card table .listingstatus .resolved{
    background:rgba(22,103,184,.22) !important;
    border-color:rgba(122,173,223,.45) !important;
    color:#8fc2f5 !important;
}
[data-theme="dark"] #clean-theme-client .card table .listingstatus .wait,
[data-theme="dark"] #clean-theme-client .card table .listingstatus .askida{
    background:rgba(163,90,0,.25) !important;
    border-color:rgba(224,168,74,.45) !important;
    color:#f0b96a !important;
}
[data-theme="dark"] #clean-theme-client .card table .listingstatus .iptal{
    background:rgba(180,35,24,.22) !important;
    border-color:rgba(229,138,138,.45) !important;
    color:#ff9d97 !important;
}
[data-theme="dark"] #clean-theme-client .card table .listingstatus .inactive,
[data-theme="dark"] #clean-theme-client .card table .listingstatus .tamamlandi{
    background:rgba(255,255,255,.06) !important;
    border-color:var(--mh-line, #283143) !important;
    color:var(--mh-ink-2, #98a2ba) !important;
}
[data-theme="dark"] #clean-theme-client .card table td .incelebtn.is-disabled,
[data-theme="dark"] #clean-theme-client .card table td .incelebtn[aria-disabled="true"],
[data-theme="dark"] #clean-theme-client .card table td .incelebtn[style*="grayscale"]{
    background:rgba(255,255,255,.07) !important;
    color:var(--mh-ink-3, #6c7691) !important;
}
[data-theme="dark"] #clean-theme-client .clean-theme-client-left-block .yesilbtn,
[data-theme="dark"] #clean-theme-client .clean-theme-client-left-block .gonderbtn{
    background:var(--mh-tint, #2a3348);
    border-color:var(--mh-line, #3a455c);
    color:var(--mh-ink, #e8ecf4);
}
[data-theme="dark"] #clean-theme-client .clean-theme-client-left-block .yesilbtn:hover,
[data-theme="dark"] #clean-theme-client .clean-theme-client-left-block .gonderbtn:hover{
    background:#4a5f82;
    border-color:#4a5f82;
    color:#fff;
}

/* ===== Ürün etiketleri ==================================================
   "Ürün ve Hizmetlerim" ve müşteri paneli ortak kullanıyor, bu yüzden
   sayfa içi <style> yerine burada. Sınıflar sayfaya bağlı değildir. */
.mh-prod-tags{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    min-height:26px;
    flex-wrap:wrap;
}
.mh-prod-tag-view{
    display:inline-flex;
    align-items:center;
    min-width:0;
}
.mh-prod-tag-add{
    display:inline-flex;
    align-items:center;
    height:26px;
    padding:0 10px;
    border:1px solid #d5deeb;
    border-radius:4px;
    background:#f5f8fc;
    color:#6b7c95;
    font-size:12px;
    font-weight:500;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
}
.mh-prod-tag-add:hover{
    border-color:#b8c7dc;
    background:#eef3fa;
    color:var(--mh-navy, #24304d);
}
.mh-prod-tag{
    display:inline-flex;
    align-items:center;
    gap:4px;
    max-width:160px;
    height:26px;
    padding:0 8px 0 10px;
    border:1px solid #c9daf0;
    border-radius:4px;
    background:#e8f1fb;
    color:#2f4f7a;
    font-size:12px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
}
.mh-prod-tag-text{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mh-prod-tag-x{
    flex:0 0 auto;
    padding:0 0 0 2px;
    border:0;
    background:transparent;
    color:#8aa0bc;
    font-size:14px;
    line-height:1;
    cursor:pointer;
}
.mh-prod-tag-x:hover{
    color:#c0392b;
}
.mh-prod-tag-edit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:26px;
    height:26px;
    padding:0;
    border:1px solid #d5deeb;
    border-radius:4px;
    background:#fff;
    color:#5a6d88;
    font-size:12px;
    line-height:1;
    cursor:pointer;
}
.mh-prod-tag-edit:hover{
    border-color:#b8c7dc;
    background:#f5f8fc;
    color:var(--mh-navy, #24304d);
}
.mh-prod-tag-input{
    display:none;
    width:148px;
    max-width:calc(100% - 32px);
    height:26px;
    margin:0 !important;
    padding:0 10px !important;
    border:1px solid #9db4d4 !important;
    border-radius:4px !important;
    background:#fff !important;
    color:var(--mh-navy, #24304d) !important;
    font-size:12px !important;
    font-weight:500;
    line-height:24px;
    box-sizing:border-box;
}
.mh-prod-tag-input:focus{
    outline:none;
    border-color:#6f8fb8 !important;
    box-shadow:0 0 0 2px rgba(111,143,184,.2);
}
[data-theme="dark"] .mh-prod-tag-add,
[data-theme="dark"] .mh-prod-tag-edit{
    border-color:var(--mh-line, #283143);
    background:var(--mh-tint, #1c2333);
    color:var(--mh-ink-2, #98a2ba);
}
[data-theme="dark"] .mh-prod-tag{
    border-color:rgba(122,173,223,.35);
    background:rgba(22,103,184,.18);
    color:#8fc2f5;
}
[data-theme="dark"] .mh-prod-tag-input{
    border-color:var(--mh-line, #283143) !important;
    background:var(--mh-card, #171d2b) !important;
    color:var(--mh-ink, #dae0ee) !important;
}

/* ===== Fatura detay (ac-detail-invoice) ================================== */
.mh-invoice-detail-page{
    background:#eef1f6 !important;
}
.mh-invoice-detail{
    --mh-inv-navy:#24304d;
    --mh-inv-muted:#6b7a96;
    --mh-inv-line:#e6ebf3;
    --mh-inv-soft:#f5f7fb;
    max-width:920px !important;
    margin:28px auto 20px !important;
    border:1px solid var(--mh-inv-line) !important;
    border-radius:14px !important;
    box-shadow:0 10px 40px rgba(36,48,77,.08) !important;
    overflow:hidden;
    color:var(--mh-inv-navy);
}
.mh-invoice-detail > .padding{
    padding:28px 30px 30px !important;
}
/* WiseCP float + dar %40/%45 genişliklerini kır */
.mh-invoice-detail .formcon,
.mh-invoice-detail .yuzde30,
.mh-invoice-detail .yuzde50,
.mh-invoice-detail .yuzde70,
.mh-invoice-detail .invoice-detail-left,
.mh-invoice-detail .invoice-detail-right,
.mh-invoice-detail .custbillinfo,
.mh-invoice-detail .companybillinfo,
.mh-invoice-detail .invoicestatus,
.mh-invoice-detail .invoiceidx,
.mh-invoice-detail .invoicetimes,
.mh-invoice-detail .otherincoivebtns,
.mh-invoice-detail .invoicedesc,
.mh-invoice-detail .clear{
    float:none !important;
    clear:none !important;
}
.mh-invoice-detail #exportData,
.mh-invoice-detail #exportData.mh-inv-grid{
    display:flex !important;
    flex-direction:column;
    gap:20px;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}
.mh-invoice-detail .mh-inv-parties{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    gap:16px !important;
    width:100% !important;
}
.mh-invoice-detail .mh-inv-party,
.mh-invoice-detail .mh-inv-parties > .invoice-detail-left,
.mh-invoice-detail .mh-inv-parties > .invoice-detail-right{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    float:none !important;
}
.mh-invoice-detail .mh-inv-meta{
    display:block;
    width:100%;
    margin:0 0 20px;
    border:1px solid var(--mh-inv-line);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}
.mh-invoice-detail .mh-inv-header{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:16px 24px;
    margin:0;
    padding:16px 20px;
    border:0;
    border-bottom:1px solid var(--mh-inv-line);
    border-radius:0;
    background:var(--mh-inv-soft);
}
.mh-invoice-detail .mh-inv-header-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 14px;
    min-width:0;
}
.mh-invoice-detail .mh-inv-header-side{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:flex-end;
    gap:12px;
    margin-left:auto;
}
.mh-invoice-detail .mh-inv-dates{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin:0;
    min-width:0;
    border:0;
    border-radius:0;
    overflow:hidden;
    background:#fff;
}
.mh-invoice-detail .mh-inv-date-row{
    display:flex;
    flex:1 1 50%;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-width:220px;
    padding:14px 20px;
    border-bottom:0;
    border-right:1px solid var(--mh-inv-line);
}
.mh-invoice-detail .mh-inv-date-row:last-child{
    border-right:0;
}
.mh-invoice-detail .mh-inv-date-label{
    color:var(--mh-inv-muted);
    font-size:13px;
    font-weight:600;
}
.mh-invoice-detail .mh-inv-date-value{
    color:var(--mh-inv-navy);
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}
.mh-invoice-detail .invoice-detail-left,
.mh-invoice-detail .invoice-detail-right{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}
.mh-invoice-detail .companybillinfo{
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:100%;
    margin:0 !important;
    padding:16px 18px;
    border:1px solid var(--mh-inv-line);
    border-radius:10px;
    background:#fff;
    text-align:left !important;
    box-sizing:border-box !important;
}
.mh-invoice-detail .companybillinfo img{
    display:block;
    max-width:170px;
    width:auto !important;
    height:auto !important;
    margin:0 0 12px 0 !important;
}
.mh-invoice-detail .companybillinfo > span,
.mh-invoice-detail .mh-inv-company-text{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    color:var(--mh-inv-muted);
    font-size:13px;
    line-height:1.55;
    text-align:left !important;
    word-break:break-word;
}
.mh-invoice-detail .custbillinfo{
    float:none !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:100%;
    margin:0 !important;
    padding:16px 18px;
    border:1px solid var(--mh-inv-line);
    border-radius:10px;
    background:var(--mh-inv-soft);
    font-size:13px;
    line-height:1.55;
    text-align:left !important;
    box-sizing:border-box !important;
}
.mh-invoice-detail .custbillinfo > span,
.mh-invoice-detail .mh-inv-owner-text{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px !important;
    color:#4a5a73;
}
.mh-invoice-detail .custbillinfo h5{
    margin:0 0 10px;
    color:var(--mh-inv-navy);
    font-size:12px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.mh-invoice-detail .custbillinfo .line{
    display:none;
}
.mh-invoice-detail .custbillinfo strong{
    color:var(--mh-inv-navy);
    font-size:15px;
}
.mh-invoice-detail .invoice-detail-select-profile{
    margin:0 0 12px;
    padding:10px 12px;
    border:1px dashed #c5d0e2;
    border-radius:8px;
    background:#fff;
}
.mh-invoice-detail .invoice-detail-select-profile select{
    width:100%;
    height:38px;
    margin-top:6px;
    padding:0 10px;
    border:1px solid #d5deeb;
    border-radius:6px;
    font-size:13px;
}
.mh-invoice-detail .invoiceidx{
    float:none !important;
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    margin:0;
    font-size:20px;
    font-weight:700;
    color:var(--mh-inv-navy);
    letter-spacing:-.01em;
    white-space:nowrap;
    text-align:left !important;
}
.mh-invoice-detail .otherincoivebtns{
    float:none !important;
    display:flex !important;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-content:flex-start;
    gap:8px;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    position:static !important;
}
.mh-invoice-detail .otherincoivebtns .sbtn{
    display:inline-flex !important;
    align-items:center;
    gap:6px;
    min-height:34px;
    padding:0 12px !important;
    border:1px solid #d5deeb !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--mh-inv-navy) !important;
    font-size:12px !important;
    font-weight:600 !important;
    text-decoration:none !important;
    box-shadow:none !important;
}
.mh-invoice-detail .otherincoivebtns .sbtn:hover{
    background:var(--mh-inv-soft) !important;
    color:var(--mh-inv-navy) !important;
    border-color:#c5d0e2 !important;
}
.mh-invoice-detail .invoicestatus{
    float:none !important;
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    margin:0;
    text-align:left !important;
    border:0 !important;
    font-size:13px !important;
}
.mh-invoice-detail .invoicestatus .padding20{
    padding:0 !important;
    border:0;
    background:transparent !important;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}
.mh-invoice-detail .invoicestatus .invwait,
.mh-invoice-detail .invoicestatus .invpaid,
.mh-invoice-detail .invoicestatus .invnopay{
    display:inline-flex;
    align-items:center;
    padding:6px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    line-height:1.2;
}
.mh-invoice-detail .invoicestatus .invpaid{
    background:#e8f7ee !important;
    color:#1a7a4a !important;
}
.mh-invoice-detail .invoicestatus .invwait{
    background:#fff4e5 !important;
    color:#a35a00 !important;
}
.mh-invoice-detail .invoicestatus .invnopay{
    background:#fdeaea !important;
    color:#b42318 !important;
}
.mh-invoice-detail .invoicepaymethod{
    display:inline;
    margin:0;
    color:var(--mh-inv-muted) !important;
    font-size:12px !important;
    font-weight:500 !important;
}
.mh-invoice-detail #exportData > .clear{
    display:none;
}
.mh-invoice-detail .invoicedesc,
.mh-invoice-detail .mh-inv-table{
    display:block !important;
    width:100% !important;
    margin:0;
    border:1px solid var(--mh-inv-line);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}
.mh-invoice-detail .invoicedesc > .formcon{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    width:100% !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    border-bottom:1px solid var(--mh-inv-line) !important;
}
.mh-invoice-detail .invoicedesc > .formcon[style*="display:none"],
.mh-invoice-detail .invoicedesc > .formcon[style*="display: none"]{
    display:none !important;
}
.mh-invoice-detail .invoicedesc > .formcon:first-child{
    background:var(--mh-inv-soft) !important;
}
.mh-invoice-detail .invoicedesc .yuzde70,
.mh-invoice-detail .invoicedesc .yuzde30{
    display:block !important;
    float:none !important;
    margin:0 !important;
    padding:12px 16px !important;
    font-size:13px;
    line-height:1.5;
}
.mh-invoice-detail .invoicedesc .yuzde70{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    text-align:left !important;
    color:#4a5a73;
}
.mh-invoice-detail .invoicedesc .yuzde30{
    flex:0 0 150px !important;
    width:150px !important;
    max-width:150px !important;
    text-align:right !important;
    white-space:nowrap;
    font-weight:600;
    color:var(--mh-inv-navy);
}
.mh-invoice-detail .invoicedesc > .formcon:first-child .yuzde70,
.mh-invoice-detail .invoicedesc > .formcon:first-child .yuzde30{
    color:var(--mh-inv-navy);
    font-weight:700;
}
.mh-invoice-detail .invoicedesc > .formcon:last-child .yuzde70,
.mh-invoice-detail .invoicedesc > .formcon:last-child .yuzde30{
    border-bottom:0;
}
.mh-invoice-detail .invoicedesc .yuzde70[style*="text-align:right"]{
    text-align:right !important;
    color:var(--mh-inv-muted);
}
.mh-invoice-detail #total_wrap .yuzde70,
.mh-invoice-detail #total_wrap .yuzde30{
    background:transparent !important;
    border-bottom:0 !important;
}
.mh-invoice-detail #total_wrap .yuzde70 span,
.mh-invoice-detail #total_wrap .yuzde30 strong{
    font-size:16px !important;
    color:var(--mh-inv-navy) !important;
}
.mh-invoice-detail .invoicedesc .padding10{
    padding:0 !important;
}
.mh-invoice-detail .faturaodenmis{
    margin-top:8px;
    padding:16px 18px;
    border:1px solid #c8e6c9;
    border-radius:10px;
    background:#f3fbf5;
}
.mh-invoice-detail .faturaodenmis h4{
    margin:0;
    color:#1a7a4a;
    font-size:15px;
}
.mh-invoice-detail #selection-methods,
.mh-invoice-detail #payment-screen{
    margin-top:16px;
    border:1px solid var(--mh-inv-line);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}
.mh-invoice-detail #payment-screen{
    padding:0 30px 28px;
    box-sizing:border-box;
}
.mh-invoice-detail #payment-screen-content,
.mh-invoice-detail #payment-screen .creditcardpaypage{
    box-sizing:border-box;
}
.mh-invoice-detail #accordion h3{
    margin:0;
    padding:14px 16px;
    border:0;
    border-bottom:1px solid var(--mh-inv-line);
    background:var(--mh-inv-soft);
    color:var(--mh-inv-navy);
    font-size:14px;
    font-weight:700;
}
.mh-invoice-detail #accordion .odemeyontem{
    padding:16px;
}
.mh-invoice-detail #continue_button{
    width:auto !important;
    min-width:180px;
    float:right !important;
    border-radius:8px !important;
    background:var(--mh-inv-navy) !important;
    color:#fff !important;
    font-weight:700 !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
}
.mh-invoice-detail #continue_button:before,
.mh-invoice-detail #continue_button:after{
    display:none !important;
    content:none !important;
    box-shadow:none !important;
}
.mh-invoice-detail #continue_button.graybtn{
    background:#aab3c2 !important;
}
.mh-invoice-detail-page > div[style*="text-align:center"]{
    margin:0 auto 28px !important;
    max-width:920px;
}
.mh-invoice-detail-page > div[style*="text-align:center"] a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--mh-inv-navy, #24304d);
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
.mh-invoice-detail-page > div[style*="text-align:center"] a:hover{
    color:#1b243a;
}
.mh-invoice-detail .gray-info{
    border-radius:8px;
    background:#fff8ee;
    border:1px solid #f0d9b8;
    color:#8a6d00;
}
@media (max-width:900px){
    .mh-invoice-detail > .padding{ padding:18px 16px 20px !important; }
    .mh-invoice-detail .mh-inv-parties{
        grid-template-columns:1fr;
        gap:14px;
    }
    .mh-invoice-detail .mh-inv-header{
        flex-direction:column;
    }
    .mh-invoice-detail .mh-inv-header-side{
        width:100%;
        margin-left:0;
        justify-content:flex-start;
    }
    .mh-invoice-detail .mh-inv-dates{ width:100%; min-width:0; }
    .mh-invoice-detail .otherincoivebtns{ max-width:none; justify-content:flex-start; }
    .mh-invoice-detail .companybillinfo{ text-align:left; }
    .mh-invoice-detail .companybillinfo img{ margin:0 0 12px 0; }
    .mh-invoice-detail .invoicedesc .yuzde30{ width:100px; }
}
@media print{
    .mh-invoice-detail-page{ background:#fff !important; }
    .mh-invoice-detail{
        margin:0 !important;
        border:0 !important;
        box-shadow:none !important;
    }
    .mh-invoice-detail .otherincoivebtns,
    .mh-invoice-detail #selection-methods,
    .mh-invoice-detail #payment-screen{ display:none !important; }
}
[data-theme="dark"] .mh-invoice-detail-page{
    background:#141a27 !important;
}
[data-theme="dark"] .mh-invoice-detail{
    background:#1c2333;
    border-color:#2f3a52;
    color:#e8ecf4;
}
[data-theme="dark"] .mh-invoice-detail .custbillinfo,
[data-theme="dark"] .mh-invoice-detail .companybillinfo,
[data-theme="dark"] .mh-invoice-detail .mh-inv-meta,
[data-theme="dark"] .mh-invoice-detail .mh-inv-header,
[data-theme="dark"] .mh-invoice-detail .mh-inv-dates,
[data-theme="dark"] .mh-invoice-detail .invoicedesc,
[data-theme="dark"] .mh-invoice-detail #selection-methods,
[data-theme="dark"] .mh-invoice-detail #payment-screen{
    background:#232b3d;
    border-color:#3a455c;
}
[data-theme="dark"] .mh-invoice-detail .custbillinfo,
[data-theme="dark"] .mh-invoice-detail #total_wrap{
    background:#2a3348 !important;
}
[data-theme="dark"] .mh-invoice-detail .companybillinfo > span,
[data-theme="dark"] .mh-invoice-detail .custbillinfo > span,
[data-theme="dark"] .mh-invoice-detail .invoicedesc .padding10{
    color:#c5d0e2;
}

/* Faturayı paylaş modalı */
.iziModal.mh-share-izimodal,
.iziModal.mh-share-izimodal .iziModal-wrap{
    border-radius:12px !important;
    overflow:hidden !important;
    box-shadow:0 20px 60px rgba(36,48,77,.2) !important;
}
.iziModal.mh-share-izimodal .iziModal-header{
    background:#24304d !important;
    padding:15px 20px !important;
    min-height:54px !important;
}
.iziModal.mh-share-izimodal .iziModal-header-title{
    color:#fff !important;
    font-size:15px !important;
    font-weight:700 !important;
}
.iziModal.mh-share-izimodal .iziModal-button-close{ color:#fff !important; opacity:.8 !important; }
.iziModal.mh-share-izimodal .iziModal-content{ padding:0 !important; overflow:visible !important; }
#share-invoice .mh-share-shell{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:20px 22px 22px;
}
#share-invoice .mh-share-notice{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:0;
    padding:14px 12px;
    border-radius:10px;
    background:#f3f8ff;
    border:1px solid #dbe8f8;
}
#share-invoice .mh-share-notice-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e3efff;
    color:#1a5fad;
}
#share-invoice .mh-share-notice-body{ flex:1; color:#4a5a73; text-align:left; }
#share-invoice .mh-share-notice-body h5,
#share-invoice .mh-share-notice-body p{ margin:0; }
#share-invoice .mh-share-notice-body h5{ margin-bottom:6px; color:#24304d; font-size:14px; font-weight:700; }
#share-invoice .mh-share-link-card{
    border:1px solid #e6ebf3;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}
#share-invoice .mh-share-link-head{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 16px;
    background:#f5f7fb;
    border-bottom:1px solid #e6ebf3;
    color:#24304d;
    font-size:13px;
    font-weight:700;
}
#share-invoice .mh-share-link-body{
    display:flex;
    align-items:stretch;
    gap:8px;
    padding:14px 16px 16px;
}
#share-invoice #mh-share-invoice-url{
    flex:1 1 auto;
    min-width:0;
    height:42px;
    margin:0 !important;
    padding:0 12px !important;
    border:1px solid #d5deeb !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#24304d !important;
    font-size:12px !important;
}
#share-invoice .mh-share-copy{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:118px;
    height:42px;
    padding:0 14px !important;
    border:0 !important;
    border-radius:8px !important;
    background:#24304d !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:600 !important;
    cursor:pointer;
}
#share-invoice .mh-share-copy.is-copied{ background:#2e7d4f !important; }
@media (max-width:520px){
    #share-invoice .mh-share-link-body{ flex-direction:column; }
    #share-invoice .mh-share-copy{ width:100%; min-width:0; }
}

.mh-ticket-detail{
    padding:4px 8px 40px !important;
    box-sizing:border-box;
}
#clean-theme-client .mh-ticket-detail .ticketinfos,
#clean-theme-client .mh-ticket-detail .ticketstatusbtn,
#clean-theme-client .mh-ticket-detail .ticketdetail,
#clean-theme-client .mh-ticket-detail .destekdetayleft,
.mh-ticket-detail .ticketinfos,
.mh-ticket-detail .ticketstatusbtn,
.mh-ticket-detail .ticketdetail,
.mh-ticket-detail .destekdetayleft{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
.mh-ticket-detail .ticketinfos{
    margin:12px 0 6px !important;
    text-align:center;
}
#clean-theme-client .mh-ticket-detail .destekinfo,
.mh-ticket-detail .destekinfo{
    display:inline-block !important;
    float:none !important;
    width:23% !important;
    margin:7px 0.7% !important;
    padding:0 !important;
    vertical-align:top !important;
    background:#fff !important;
    border:1px solid #e6ebf3 !important;
    border-top:3px solid #24304d !important;
    border-radius:12px !important;
    box-shadow:none !important;
    text-align:left !important;
}
.mh-ticket-detail .destekinfocon{
    padding:18px 16px !important;
    text-align:left !important;
}
#clean-theme-client .mh-ticket-detail .destekinfo h5,
.mh-ticket-detail .destekinfo h5{
    margin:0 0 8px !important;
    color:#6b7a96 !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}
#clean-theme-client .mh-ticket-detail .destekinfo h4,
.mh-ticket-detail .destekinfo h4{
    margin:0 !important;
    color:#24304d !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
}
.mh-ticket-detail .ticketstatusbtn{
    overflow:hidden;
    margin:8px 0 20px !important;
    text-align:center;
}
#clean-theme-client .mh-ticket-detail .ticketstatusbtn .gonderbtn,
.mh-ticket-detail .ticketstatusbtn .gonderbtn{
    float:none !important;
    display:inline-block !important;
    width:48% !important;
    min-height:48px !important;
    margin:0 0.8% !important;
    padding:14px 16px !important;
    border-radius:10px !important;
    font-size:14px !important;
    font-weight:700 !important;
    box-shadow:none !important;
    line-height:1.3 !important;
    box-sizing:border-box !important;
    vertical-align:top;
}
#clean-theme-client .mh-ticket-detail .ticketstatusbtn .graybtn,
.mh-ticket-detail .ticketstatusbtn .graybtn{
    background:#fff !important;
    color:#24304d !important;
    border:1px solid #d0d7e3 !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
}
#clean-theme-client .mh-ticket-detail .ticketstatusbtn .mavibtn,
.mh-ticket-detail .ticketstatusbtn .mavibtn{
    background:#24304d !important;
    color:#fff !important;
    border:1px solid #24304d !important;
}
#clean-theme-client .mh-ticket-detail .destekdetaymsj,
.mh-ticket-detail .destekdetaymsj{
    margin:0 0 16px !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid #e6ebf3 !important;
    border-top:3px solid #2e9e6b !important;
    border-radius:12px !important;
    box-shadow:none !important;
    overflow:hidden;
}
.mh-ticket-detail .destekdetaymsjcon{ padding:0 !important; }
.mh-ticket-detail .msjyazan{
    width:100% !important;
    padding:14px 18px !important;
    margin:0 !important;
    background:#f5f7fb !important;
    border-bottom:1px solid #e6ebf3 !important;
    box-sizing:border-box !important;
}
#clean-theme-client .mh-ticket-detail .msjyazan h4,
.mh-ticket-detail .msjyazan h4{
    margin:0 !important;
    color:#24304d !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:24px !important;
}
#clean-theme-client .mh-ticket-detail .msjyazan h4 span,
.mh-ticket-detail .msjyazan h4 span{
    float:none !important;
    display:inline-block !important;
    margin:0 0 0 8px !important;
    padding:2px 8px !important;
    border-radius:6px !important;
    background:#e7f6ee !important;
    color:#1f7a4d !important;
    font-size:11px !important;
    font-weight:700 !important;
}
#clean-theme-client .mh-ticket-detail .msjyazan h5,
.mh-ticket-detail .msjyazan h5{
    margin:0 !important;
    padding:4px 8px !important;
    background:#eef2f8 !important;
    color:#6b7a96 !important;
    border-radius:6px !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:18px !important;
}
.mh-ticket-detail .reply-message{
    padding:18px 20px 20px !important;
    color:#3d4a63 !important;
    font-size:14px !important;
    line-height:1.75 !important;
}
#clean-theme-client .mh-ticket-detail .admin-message,
.mh-ticket-detail .admin-message{
    border-color:#d4dce8 !important;
    border-top:3px solid #24304d !important;
}
.mh-ticket-detail .admin-message .msjyazan{ background:#eef2f8 !important; }
.mh-ticket-detail .admin-message .msjyazan h4{ color:#24304d !important; }
.mh-ticket-detail .admin-message .msjyazan h4 span{
    background:#24304d !important;
    color:#fff !important;
}
.mh-ticket-detail .admin-message .msjyazan h5{
    background:#e8eef8 !important;
    color:#6b7a96 !important;
}
#clean-theme-client .mh-ticket-detail .ticketdetail,
.mh-ticket-detail .ticketdetail{
    margin:0 0 20px !important;
    padding:20px !important;
    background:#fff !important;
    border:1px solid #e6ebf3 !important;
    border-radius:12px !important;
    box-sizing:border-box !important;
}
.mh-ticket-detail .ticketdetail textarea[name="message"]{
    width:100% !important;
    min-height:150px !important;
    padding:14px 16px !important;
    border:1px solid #d9e0ea !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    font-size:14px !important;
    line-height:1.6 !important;
    color:#24304d !important;
    background:#fff !important;
}
.mh-ticket-detail .ticketdetail .btn-bg-1{
    background:#24304d !important;
    background-image:none !important;
    border:0 !important;
    border-radius:8px !important;
    color:#fff !important;
    font-weight:700 !important;
    min-height:44px !important;
    box-shadow:none !important;
}
@media (max-width:1024px){
    #clean-theme-client .mh-ticket-detail .destekinfo,
    .mh-ticket-detail .destekinfo{ width:46% !important; }
}
@media (max-width:560px){
    .mh-ticket-detail{ padding:4px 4px 28px !important; }
    #clean-theme-client .mh-ticket-detail .destekinfo,
    .mh-ticket-detail .destekinfo{
        display:block !important;
        width:100% !important;
        margin:0 0 10px !important;
    }
    #clean-theme-client .mh-ticket-detail .ticketstatusbtn .gonderbtn,
    .mh-ticket-detail .ticketstatusbtn .gonderbtn{
        display:block !important;
        width:100% !important;
        margin:0 0 10px !important;
    }
}