/* Nerzen WHMCS teması — sadeleştirme katmanı (en son yüklenir).
   Amaç: süssüz, elle tasarlanmış bir ürün paneli görünümü. Degrade zeminler, parlayan gölgeler, renkli ikon
   kutucukları ve "havada duran" kart hareketleri kaldırılır; düz renk, ince kenarlık, küçük köşe yarıçapı
   ve net tipografi kullanılır. İşaretlemeye ve işleve dokunmaz. */

:root {
    --nw-grad: #2563eb;
    --nw-grad-hero: #0f172a;
    --nw-r: 10px;
    --nw-r-sm: 8px;
    --nw-shadow: 0 8px 24px -12px rgba(15, 23, 42, .25);
    --nw-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
}
html[data-theme="dark"] { --nw-shadow-sm: none; --nw-grad-hero: #0d1526; }

/* ── Genel yüzeyler ── */
.nzw { background: var(--nw-bg); }
.nzw .card, .nzw .panel, .nzw .table-container, .nzw .card-sidebar, .nzw .client-home-cards .card, .nzw #registration .card,
.nzw .kb-category, .nzw .card-columns.home .card, .nzw .section-card, .nzw .stat-card,
.nzw .becard, .nzw .beinfobox, .nzw .beaccounting { border-radius: 10px; box-shadow: var(--nw-shadow-sm); }
html[data-theme="dark"] .nzw .card { box-shadow: none; }
.nzw h1, .nzw .h1 { font-weight: 600; }

/* ── Düğmeler ve alanlar: düz renk, gölgesiz ── */
.nzw .btn, .modal .btn { border-radius: 8px; transform: none !important; }
.nzw .btn-lg, .modal .btn-lg { border-radius: 9px; }
.nzw .btn-primary, .modal .btn-primary, .nzw .btn-primary:hover, .nzw #order-standard_cart .btn-success, .nzw #order-standard_cart .btn-order-now,
.nzw #order-standard_cart .btn-checkout, .nzw #order-standard_cart #btnCompleteOrder, .nzw #order-standard_cart #btnCompleteProductConfig { background: #2563eb; border-color: #2563eb; box-shadow: none; }
.nzw .btn-primary:hover, .nzw .btn-primary:focus, .modal .btn-primary:hover, .nzw #order-standard_cart .btn-success:hover, .nzw #order-standard_cart .btn-order-now:hover,
.nzw #order-standard_cart .btn-checkout:hover, .nzw #order-standard_cart #btnCompleteOrder:hover, .nzw #order-standard_cart #btnCompleteProductConfig:hover { background: #1d4ed8; border-color: #1d4ed8; box-shadow: none; }
.nzw .btn-success, .nzw .btn-success:hover { background: #059669; border-color: #059669; }
.nzw .btn-success:hover { background: #047857; border-color: #047857; }
.nzw .form-control, .nzw .custom-select, .modal .form-control, .nzw .beform-control { border-radius: 8px; }
.nzw .dropdown-menu { border-radius: 10px; box-shadow: var(--nw-shadow); }
.modal-content { border-radius: 12px; }

/* ── Hareket: kartlar yerinde durur, yalnızca kenarlık rengi değişir ── */
.nzw .nzw-ozet-kart:hover, .nzw .nzw-hizli-kart:hover, .nzw .kb-category:hover, .nzw .card-columns.home .card:hover,
.nzw .action-icon-btns a:hover, .nzw #order-standard_cart .products .product:hover, .nzw .tiles .tile:hover, .nzw .stat-card:hover,
.nzw .beinfobox:hover, .nzw .nzw-hero-btn:hover { transform: none; box-shadow: var(--nw-shadow-sm); }

/* ── Sol menü ── */
.nzu-ikon { width: 22px; height: 22px; border-radius: 0; background: none !important; box-shadow: none !important; font-size: 1.2rem; color: inherit !important; opacity: .85; }
.nzw .nzu-bag { padding: .55rem .7rem; border-radius: 8px; font-weight: 500; gap: .75rem; }
.nzw .nzw-aktif > .nzu-bag, .nzw .nzw-aktif-ust > .nzu-bag { background: var(--nw-hover); color: var(--nw-text); font-weight: 600; }
.nzw .nzw-aktif > .nzu-bag .nzu-ikon, .nzw .nzw-aktif-ust > .nzu-bag .nzu-ikon { color: var(--nw-primary) !important; opacity: 1; }
.nzu-alt { padding-left: 2.4rem; }
.nzu-alt::before { left: 1.3rem; }
.nzw .nzu-altoge a { border-radius: 7px; }
.nzw .nzu-altoge.nzw-aktif a { background: var(--nw-hover); color: var(--nw-text); }
.nzu-etiket { letter-spacing: .05em; }
.nzw .nzu-bakiye { background: var(--nw-card-2); border: 1px solid var(--nw-border); color: var(--nw-text); box-shadow: none; border-radius: 10px; }
.nzw .nzu-bakiye:hover { color: var(--nw-text); border-color: var(--nw-border-2); filter: none; }
.nzu-bakiye-ikon, .nzu-bakiye > i { color: var(--nw-text-2); }
.nzu-bakiye-metin small { color: var(--nw-muted); opacity: 1; }
.nzw-avatar { background: #2563eb; }
.nzw .nzu-dugme { border-radius: 8px; }
.nzu-ust { background: var(--nw-card); -webkit-backdrop-filter: none; backdrop-filter: none; }
.nzw .nzu-ara .form-control { border-radius: 8px; }

/* ── Yatay panel menüsü (misafir / sepet) ── */
.nzw-nav { background: var(--nw-card); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
.nzw .nzw-nav-ad i { width: auto; height: auto; background: none; color: var(--nw-primary); box-shadow: none; font-size: 1.3rem; }
.nzw-nav .navbar-nav > li > a { border-radius: 8px; font-weight: 500; }
.nzw-nav .navbar-nav > li.nzw-aktif > a { background: var(--nw-hover); color: var(--nw-text); font-weight: 600; }
.nzw .nzw-nav-dugme { border-radius: 8px; }
.nzw-nav .nzw-hesap > a { border-radius: 8px; }

/* ── Sayfa başlığı ── */
.nzw-bas { padding: 1.5rem 0 .25rem; }
.nzw-bas-ikon { display: none; }
.nzw .nzw-bas-baslik { font-size: 1.45rem; font-weight: 600; letter-spacing: -.015em; }

/* ── Panel ana sayfası ── */
.nzw-hero { background: var(--nw-card); color: var(--nw-text); border: 1px solid var(--nw-border); box-shadow: var(--nw-shadow-sm); border-radius: 10px; padding: 1.4rem 1.5rem; }
.nzw-hero-desen, .nzw-hero::after { display: none; }
.nzw-hero-rozet { padding: 0; background: none; border: 0; color: var(--nw-muted); letter-spacing: .05em; }
.nzw-hero-nokta { display: none; }
.nzw .nzw-hero h1 { color: var(--nw-text); font-size: 1.5rem; font-weight: 600; margin: .35rem 0 .3rem; }
.nzw-hero h1 em { color: inherit; }
.nzw-hero p { color: var(--nw-text-2); margin-bottom: 1rem; }
.nzw .nzw-hero-btn { background: var(--nw-card); color: var(--nw-text); border: 1px solid var(--nw-border); border-radius: 8px; padding: .5rem .9rem; }
.nzw .nzw-hero-btn:hover { background: var(--nw-hover); color: var(--nw-text); border-color: var(--nw-border-2); }
.nzw .nzw-hero-btn--dolu, .nzw .nzw-hero-btn--dolu:hover { background: #2563eb; color: #fff; border-color: #2563eb; box-shadow: none; }
.nzw .nzw-hero-btn--dolu:hover { background: #1d4ed8; border-color: #1d4ed8; }
.nzw-hero-kutu { background: var(--nw-card-2); border: 1px solid var(--nw-border); border-radius: 10px; -webkit-backdrop-filter: none; backdrop-filter: none; }
.nzw-hero-kutu--uyari { background: var(--nw-warn-soft); border-color: transparent; }
.nzw-hero-kutu-ikon { width: auto; height: auto; background: none; color: var(--nw-text-2); font-size: 1.35rem; }
.nzw-hero-kutu-metin small { color: var(--nw-muted); }
.nzw-hero-kutu-metin strong { color: var(--nw-text); }
.nzw .nzw-hero-kutu-bag { background: none; color: var(--nw-link); padding: 0; }
.nzw .nzw-hero-kutu-bag:hover { background: none; color: var(--nw-primary-d); text-decoration: underline; }
.nzw .nzw-ozet-kart { border-radius: 10px; box-shadow: var(--nw-shadow-sm); padding: .95rem 1rem; }
.nzw .nzw-ozet-kart:hover { border-color: var(--nw-border-2); }
.nzw-ozet-ikon { width: auto; height: auto; background: none; color: var(--nw-muted); font-size: 1.5rem; order: 2; margin-left: auto; }
.nzw-ozet-ok { display: none; }
.nzw-ozet-metin strong { font-size: 1.45rem; font-weight: 600; }
.nzw-ozet-metin span { font-weight: 500; }
.nzw .nzw-hizli-kart { border-radius: 10px; box-shadow: var(--nw-shadow-sm); flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: .65rem; row-gap: .1rem; padding: .85rem .95rem; }
.nzw .nzw-hizli-kart:hover { border-color: var(--nw-border-2); }
.nzw-hizli-ikon, .nzw .nzw-hizli-kart:hover .nzw-hizli-ikon { width: auto; height: auto; background: none; color: var(--nw-primary); margin: 0; font-size: 1.3rem; }
.nzw-hizli-kart strong { font-weight: 600; }
.nzw-hizli-kart small { flex-basis: 100%; }
.nzw .client-home-cards .card-title > i, .nzw .card-sidebar .card-title > i:first-child { width: auto; height: auto; background: none; color: var(--nw-muted); }
.nzw .client-home-cards .card-header .btn { border-radius: 7px; }

/* ── Giriş ve kayıt ── */
.nzw-giris { border-radius: 12px; box-shadow: var(--nw-shadow-sm); }
.nzw-giris-desen, .nzw-giris-tanitim::after { display: none; }
.nzw-giris-liste li span { background: none; border: 0; width: auto; height: auto; font-size: 1.25rem; opacity: .85; }
.nzw-giris-liste li { font-weight: 500; }
.nzw-giris-rozet { background: none; padding: 0; color: var(--nw-muted); letter-spacing: .05em; }
.nzw-kayit-ust { background: var(--nw-card); color: var(--nw-text); border: 1px solid var(--nw-border); box-shadow: var(--nw-shadow-sm); border-radius: 10px; padding: 1.25rem 1.4rem; }
.nzw-kayit-ust .nzw-giris-rozet { background: none; border: 0; color: var(--nw-muted); }
.nzw .nzw-kayit-ust h1 { color: var(--nw-text); font-size: 1.4rem; font-weight: 600; }
.nzw-kayit-ust p { color: var(--nw-text-2); }
.nzw-kayit-ust-liste li { color: var(--nw-text-2); font-weight: 500; }
.nzw-kayit-ust-liste i { background: none; width: auto; height: auto; color: var(--nw-success); font-size: 1.15rem; }

/* ── Sipariş formu ── */
.nzw #order-standard_cart .order-summary { border-radius: 10px; box-shadow: var(--nw-shadow-sm); }
.nzw #order-standard_cart .order-summary h2 { background: var(--nw-card-2); color: var(--nw-text); border-bottom: 1px solid var(--nw-border); font-weight: 600; }
.nzw #order-standard_cart .product-info.nzs-urun { border-radius: 10px; box-shadow: var(--nw-shadow-sm); }
.nzw #order-standard_cart .product-info.nzs-urun::before { display: none; }
.nzs-urun-ikon { width: 40px; height: 40px; border-radius: 8px; background: var(--nw-hover); color: var(--nw-text-2); box-shadow: none; font-size: 1.3rem; }
.nzw #order-standard_cart .product-info .product-title { font-size: 1.15rem; font-weight: 600; }
.nzs-ozellik li { background: none; border: 0; padding: .2rem 0 .2rem 1.6rem; font-weight: 500; }
.nzs-ozellik li::before { left: 0; }
.nzs-donem-kart { border-radius: 8px; border-width: 1px; font-weight: 500; }
.nzs-donem-kart.nzs-secili { box-shadow: none; border-color: #2563eb; }
.nzs-adimlar li.nzs-aktif .nzs-adim-no { background: #2563eb; box-shadow: none; }
.nzw #order-standard_cart .products .product { border-radius: 10px; box-shadow: var(--nw-shadow-sm); }
.nzw #order-standard_cart .products .product:hover { border-color: var(--nw-border-2); }
.nzw #order-standard_cart .products .product header { background: var(--nw-card-2); }
.nzw #order-standard_cart #productConfigurableOptions .form-group { border-radius: 10px; }
.nzw #order-standard_cart .irs-bar, .nzw #order-standard_cart .irs-bar-edge { background: #2563eb; }
.nzw #order-standard_cart .irs-slider, .nzw #order-standard_cart .irs-handle { box-shadow: none; }
.nzw #order-standard_cart .view-cart-items-header { border-radius: 10px 10px 0 0; }
.nzw #order-standard_cart .view-cart-items { border-radius: 0 0 10px 10px; }
.nzw #order-standard_cart .sub-heading span::before, .nzw #order-standard_cart .sub-heading-borderless span::before { border-radius: 6px; background: var(--nw-hover); color: var(--nw-text-2); }

/* ── Ürün ayrıntısı, DDoS, DiyoVM ── */
.nzw .product-details .product-status, .nzw .product-details .product-status-active, .nzw .product-details .product-status-pending,
.nzw .product-details .product-status-suspended, .nzw .product-details .product-status-fraud { background: var(--nw-card-2); color: var(--nw-text); border: 1px solid var(--nw-border); border-radius: 10px; }
.nzw .product-details .product-icon .fa-circle { color: var(--nw-hover); }
.nzw .product-details .product-icon .fa-inverse { color: var(--nw-text-2); }
.nzw .product-details .product-icon h3 { color: var(--nw-text); font-weight: 600; }
.nzw .product-details .product-icon h4 { color: var(--nw-text-2); }
.nzw .product-details .product-status-text { background: var(--nw-hover); color: var(--nw-text-2); }
.nzw .product-details .product-status-active .product-status-text { background: var(--nw-success-soft); color: var(--nw-success); }
.nzw .product-details .product-status-suspended .product-status-text, .nzw .product-details .product-status-fraud .product-status-text { background: var(--nw-danger-soft); color: var(--nw-danger); }
.nzw .product-details .product-status-pending .product-status-text { background: var(--nw-warn-soft); color: var(--nw-warn); }
.nzw .ddos-header { background: var(--nw-card); color: var(--nw-text); border: 1px solid var(--nw-border); box-shadow: var(--nw-shadow-sm); border-radius: 10px; }
.nzw .ddos-header h1, .nzw .ddos-header h2, .nzw .ddos-header .header-titles, .nzw .ddos-header .header-titles * { color: var(--nw-text); }
.nzw .ddos-header .header-subtitle, .nzw .ddos-header .header-description { color: var(--nw-text-2) !important; }
.nzw .ip-option { background: var(--nw-card-2); border: 1px solid var(--nw-border); color: var(--nw-text); border-radius: 8px; }
.nzw .ip-option.active { background: var(--nw-soft); border-color: #2563eb; box-shadow: none; }
.nzw .btn-sync { background: #2563eb; }
.nzw .becard-menu-list ul li a:hover, .nzw .becard-menu-list ul li.active a { box-shadow: none; }
.nzw .dbar-fill { background: #2563eb; }

/* ── Misafir ana sayfası ── */
.nzw .home-domain-search { background: var(--nw-card) !important; color: var(--nw-text); border-bottom: 1px solid var(--nw-border); }
.nzw .home-domain-search h2 { color: var(--nw-text); font-size: 1.4rem; font-weight: 600; }
.nzw .home-domain-search .input-group-wrapper { box-shadow: none; border: 1px solid var(--nw-border); border-radius: 10px; }
.nzw .home-domain-search .btn-link, .nzw .home-domain-search .tld-logos { color: var(--nw-text-2); }
.nzw .action-icon-btns a { border-radius: 10px; }
.nzw .action-icon-btns .ico-container { background: none; width: auto; height: auto; }

/* ── Mobil: alan adları listesi ve geniş tablolar yatay kaysın, sayfa taşmasın ── */
.nzw .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 767.98px) {
    .nzw .primary-content .btn-group { flex-wrap: wrap; max-width: 100%; }
    .nzw .primary-content .btn-group > .btn { flex: 1 1 auto; }
}

/* ── Yaklaşan faturalar (panel ana sayfası) ── */
.nzw-yf { margin-bottom: 1.5rem; }
.nzw-yf-baslik { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; }
.nzw .nzw-yf-baslik h2 { font-size: 1rem; font-weight: 600; margin: 0; }
.nzw .nzw-yf-baslik a { font-size: .84rem; font-weight: 500; }
.nzw-yf-liste { background: var(--nw-card); border: 1px solid var(--nw-border); border-radius: 10px; box-shadow: var(--nw-shadow-sm); overflow: hidden; }
.nzw-yf-satir { display: flex; align-items: center; gap: .85rem; padding: .85rem 1rem; border-bottom: 1px solid var(--nw-border); }
.nzw-yf-satir:last-child { border-bottom: 0; }
.nzw-yf-ikon { width: 38px; height: 38px; border-radius: 8px; background: var(--nw-hover); color: var(--nw-text-2); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex: none; }
.nzw-yf-ikon--gecikmis { background: var(--nw-danger-soft); color: var(--nw-danger); }
.nzw-yf-metin { flex: 1; min-width: 0; }
.nzw-yf-metin strong { display: block; font-size: .92rem; font-weight: 600; }
.nzw-yf-metin small { display: block; font-size: .8rem; color: var(--nw-text-2); margin-top: .15rem; }
.nzw-yf-metin .label { margin-right: .35rem; }
.nzw-yf-satir .btn { white-space: nowrap; flex: none; }
@media (max-width: 575.98px) { .nzw-yf-satir { flex-wrap: wrap; } .nzw-yf-satir .btn { width: 100%; } }

/* Hızlı İşlemler: 8 kart, geniş ekranda 4 x 2; dar ekranda 2 sütun */
.nzw .nzw-hizli-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1199.98px) { .nzw .nzw-hizli-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .nzw .nzw-hizli-izgara { grid-template-columns: minmax(0, 1fr); } }

/* ------------------------------------------------------------ geniş ekranlar (uygulama düzeni)
   İçerik 1280px'e sabitken çok geniş ekranda (ör. 3440px) iki yanda büyük boşluk kalıyordu. Liste ve pano sayfaları
   genişler; form ağırlıklı sayfalar okunaklı kalsın diye sınırlı tutulur. */
@media (min-width: 1700px) {
    .nzw-uyg .nzw .container { max-width: 1480px; }
}
@media (min-width: 2100px) {
    .nzw-uyg .nzw .container { max-width: 1760px; }
    .nzw-uyg .nzw .nzw-hizli-izgara { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}
@media (min-width: 2700px) {
    .nzw-uyg .nzw .container { max-width: 2080px; }
}
@media (min-width: 1700px) {
    .nzw-uyg.page-clientareadetails .primary-content, .nzw-uyg.page-user-profile .primary-content, .nzw-uyg.page-user-password .primary-content,
    .nzw-uyg.page-user-security .primary-content, .nzw-uyg.page-clientareaaddfunds .primary-content, .nzw-uyg.page-supportticketsubmit-stepone .primary-content,
    .nzw-uyg.page-supportticketsubmit-steptwo .primary-content, .nzw-uyg.page-contact .primary-content, .nzw-uyg.page-nz-2fa-ayarlari .primary-content,
    .nzw-uyg.page-account-contacts-manage .primary-content, .nzw-uyg.page-account-paymentmethods-manage .primary-content,
    .nzw-uyg.page-clientareacancelrequest .primary-content, .nzw-uyg.page-invoice-payment .primary-content { max-width: 1240px; }
}

/* Sayfa başlığındaki birincil işlem düğmeleri (destek, hizmet, alan adı, fatura listeleri) */
.nzw-bas-ic { flex-wrap: wrap; }
.nzw-bas-metin { flex: 1 1 260px; min-width: 0; }
.nzw-bas-islem { display: flex; flex-wrap: wrap; gap: .5rem; margin-left: auto; }
.nzw .nzw-bas-islem .btn { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
@media (max-width: 575.98px) {
    .nzw-bas-islem { flex: 1 1 100%; margin-left: 0; }
    .nzw .nzw-bas-islem .btn { flex: 1 1 auto; justify-content: center; }
}

/* ------------------------------------------------------------ yeni destek bildirimi: departman seçimi (supportticketsubmit-stepone.tpl) */
.nzd-ust { margin-bottom: 1.25rem; }
.nzd-ust h2 { margin: 0 0 .3rem; font-size: 1.2rem; font-weight: 600; color: var(--nw-text); }
.nzd-ust p { margin: 0; max-width: 760px; font-size: .9rem; line-height: 1.6; color: var(--nw-text-2); }
.nzd-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .85rem; margin-bottom: 1.75rem; }
.nzw .nzd-kart { display: flex; align-items: center; gap: .9rem; padding: 1rem 1.1rem; background: var(--nw-card); border: 1px solid var(--nw-border); border-radius: 12px; color: var(--nw-text); text-decoration: none; transition: border-color .15s; }
.nzw .nzd-kart:hover { border-color: var(--nw-primary); color: var(--nw-text); }
.nzd-ikon { flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; color: var(--nw-primary); background: var(--nw-soft); }
.nzd-metin { flex: 1; min-width: 0; }
.nzd-metin strong { display: block; font-size: .98rem; font-weight: 600; line-height: 1.3; color: var(--nw-text); }
.nzd-metin small { display: block; margin-top: .2rem; font-size: .82rem; line-height: 1.45; color: var(--nw-text-2); }
.nzd-ok { flex-shrink: 0; font-size: 1.05rem; color: var(--nw-muted); transition: transform .15s, color .15s; }
.nzd-kart:hover .nzd-ok { color: var(--nw-primary); transform: translateX(3px); }
.nzd-yardim { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .7rem; padding-top: 1.25rem; border-top: 1px solid var(--nw-border); }
.nzw .nzd-yardim a { display: flex; align-items: flex-start; gap: .7rem; padding: .7rem .2rem; color: var(--nw-text); text-decoration: none; }
.nzd-yardim i { flex-shrink: 0; margin-top: .1rem; font-size: 1.25rem; color: var(--nw-primary); }
.nzd-yardim strong { display: block; font-size: .88rem; font-weight: 600; }
.nzd-yardim small { display: block; font-size: .8rem; line-height: 1.45; color: var(--nw-text-2); }
.nzw .nzd-yardim a:hover strong { color: var(--nw-primary); }

/* ------------------------------------------------------------ destek bildirimi görüntüleme (viewticket.tpl) */
.nzt > .card { margin-bottom: 1rem; }
.nzt-ust .card-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .9rem 1.25rem; }
.nzt-ust-metin { flex: 1 1 320px; min-width: 0; }
.nzt-no { display: inline-flex; align-items: center; gap: .35rem; margin-bottom: .3rem; font-size: .78rem; font-weight: 600; letter-spacing: .02em; color: var(--nw-muted); }
.nzt-no i { font-size: 1rem; }
.nzt-ust h2 { margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.35; color: var(--nw-text); overflow-wrap: anywhere; }
.nzt .ticket-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.nzw .nzt .ticket-actions .btn { display: inline-flex; align-items: center; gap: .35rem; }

.nzw .nzt .view-ticket.nzt-akis { overflow: visible; margin-bottom: 1.25rem; display: flex; flex-direction: column; gap: .9rem; }
.nzt-mesaj { display: flex; align-items: flex-start; gap: .8rem; }
.nzt-avatar { flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: .95rem; font-weight: 600; color: var(--nw-text-2); background: var(--nw-hover); border: 1px solid var(--nw-border); }
.nzt-mesaj.staff .nzt-avatar { color: var(--nw-primary); background: var(--nw-soft); border-color: transparent; font-size: 1.15rem; }
.nzt-balon { flex: 1; min-width: 0; background: var(--nw-card); border: 1px solid var(--nw-border); border-radius: 12px; overflow: hidden; }
.nzt-mesaj.staff .nzt-balon { border-color: color-mix(in srgb, var(--nw-primary) 35%, var(--nw-border)); }
.nzw .nzt .view-ticket .posted-by.nzt-mesaj-ust { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; padding: .65rem 1rem; background: var(--nw-card-2); border-bottom: 1px solid var(--nw-border); font-size: .84rem; color: var(--nw-muted); }
.nzw .nzt .view-ticket .ticket-reply.staff .posted-by.nzt-mesaj-ust { background: var(--nw-soft); }
.nzt-mesaj-ust .posted-by-name { font-weight: 600; color: var(--nw-text); }
.nzt-mesaj-ust .posted-on { margin-left: auto; font-size: .78rem; white-space: nowrap; }
.nzw .nzt .view-ticket .ticket-reply .message { padding: 1rem 1.1rem !important; font-size: .92rem; line-height: 1.7; color: var(--nw-text); overflow-wrap: anywhere; }
.nzw .nzt .view-ticket .ticket-reply .message > :last-child { margin-bottom: 0; }
.nzw .nzt .view-ticket .attachments { padding: .8rem 1.1rem !important; border-top: 1px dashed var(--nw-border); font-size: .84rem; }
.nzt .attachment-list { list-style: none; margin: .5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.nzt .attachment-list li { margin: 0; }
.nzw .nzt .attachment-list li > a, .nzw .nzt .attachment-list li > span { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .65rem; border: 1px solid var(--nw-border); border-radius: 8px; background: var(--nw-card-2); color: var(--nw-text-2); font-size: .8rem; text-decoration: none; }
.nzw .nzt .attachment-list li > a:hover { border-color: var(--nw-primary); color: var(--nw-primary); }
.nzt .attachment-list figure { margin: 0; display: inline-flex; }
.nzt .attachment-list span > span, .nzt .attachment-list a > span { display: inline-flex; align-items: center; gap: .4rem; }
.nzt .attachment-list .caption { overflow-wrap: anywhere; }
.nzt #ticketReplyContainer .card-title { font-size: 1.05rem; font-weight: 600; }
@media (max-width: 575.98px) {
    .nzt-avatar { display: none; }
    .nzt-mesaj-ust .posted-on { margin-left: 0; flex-basis: 100%; }
    .nzt .ticket-actions { flex: 1 1 100%; }
    .nzw .nzt .ticket-actions .btn { flex: 1 1 auto; justify-content: center; }
}

/* Kenar çubuğu panel altı: satır/sütunlu düzen (ör. bildirim detayı: Yanıtla / Kapat) ve tek satırlık düğmeler */
.nzw .card-sidebar .card-footer > .row { flex: 1 1 100%; margin: 0 -.25rem; }
.nzw .card-sidebar .card-footer > .row > [class*="col-"] { padding: 0 .25rem; }
.nzw .card-sidebar .card-footer .btn { display: flex; align-items: center; justify-content: center; gap: .35rem; white-space: nowrap; }
.nzw .card-sidebar .card-footer .btn:not(.btn-block) { display: inline-flex; }

/* Otonom tur (2026-10-05): alt şerit ana sütunun dışında kalırsa sol menünün altına girmesin (betik de içeri taşır) */
@media (min-width: 1200px) { .nzw-uyg #nzw > .nzw-altbar { margin-left: 268px; } }
/* Modül sayfalarındaki sabit "Powered by Nerzen" rozeti panelde alt şeridin ve sohbet düğmesinin üstüne biniyordu */
.nzw-uyg .nerzen-branding, .nzw-uyg .nerzen-brand { display: none !important; }

/* Paket yükseltme / düşürme sayfası: paket satırları */
.nzw-uyg.page-upgrade .primary-content table td { vertical-align: middle; padding: 1rem 1.1rem; }
.nzw-uyg.page-upgrade .primary-content table td > strong { font-size: 1rem; font-weight: 600; color: var(--nw-text); }
.nzw-yukselt-ozellik { list-style: none; margin: .55rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem; }
.nzw-yukselt-ozellik li { padding: .22rem .6rem; border: 1px solid var(--nw-border); border-radius: 8px; background: var(--nw-card-2); font-size: .78rem; font-weight: 400; line-height: 1.4; color: var(--nw-text-2); }

/* Alan adı ayrıntısı - genel bakış: etiket / değer çiftleri okunaklı bir ızgara olarak */
.page-clientareadomaindetails #tabOverview .card-body > .row.mb-3 { margin: 0 !important; border-top: 1px solid var(--nw-border); }
.page-clientareadomaindetails #tabOverview .card-body > .row.mb-3 > [class*="col-"] { padding: .8rem .25rem; font-size: .92rem; font-weight: 600; color: var(--nw-text); overflow-wrap: anywhere; }
.page-clientareadomaindetails #tabOverview .card-body > .row.mb-3 h5 { margin: 0 0 .25rem; font-size: .72rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--nw-muted); }
.page-clientareadomaindetails #tabOverview .card-body > .alert { margin-bottom: 1rem; }
/* E-posta doğrulama şeridindeki düğme her sayfada aynı görünsün (bazı modül sayfalarında koyu kalıyordu) */
.nzw .verification-banner .btn:not(.close) { background: var(--nw-card) !important; color: var(--nw-text) !important; border: 1px solid var(--nw-border) !important; }
.nzw .verification-banner .btn:not(.close):hover { border-color: var(--nw-primary) !important; color: var(--nw-primary) !important; }

/* Otonom tur 2: sepet ve misafir sayfalarında alt şerit #nzw kabının dışında kalıyor (stok şablondaki fazladan
   kapanış etiketi); bağlantı ve dil düğmesi görünümü kaba bağlı olmasın */
.nzw-altbar .nzw-altbar-bag a { display: inline-flex; align-items: center; gap: .4rem; color: var(--nw-text-2); font-size: .84rem; font-weight: 500; text-decoration: none; }
.nzw-altbar .nzw-altbar-bag a:hover { color: var(--nw-primary); }
.nzw-altbar .nzw-altbar-bag i { font-size: 1.05rem; }
.nzw-altbar .nzw-altbar-dil { display: inline-flex; align-items: center; gap: .45rem; background: var(--nw-card); border: 1px solid var(--nw-border); border-radius: 8px; color: var(--nw-text-2); font-size: .82rem; font-weight: 600; padding: .4rem .8rem; }
.nzw-altbar .nzw-altbar-dil:hover { border-color: var(--nw-primary); color: var(--nw-primary); }
/* Liste satırlarındaki bilgi düğmeleri (ör. gönderilen e-postalar: "Mesajı Görüntüle") sayfayı boğmasın */
.nzw table.table .btn-info { background: var(--nw-soft); border-color: transparent; color: var(--nw-primary); }
.nzw table.table .btn-info:hover, .nzw table.table .btn-info:focus { background: var(--nw-primary); border-color: var(--nw-primary); color: #fff; }
.page-clientareaemails #tableEmailsList th:nth-child(2) { text-align: left; }