.dropdown-menu.open { display: block !important; } .modal.show, .modal.in { display: block !important; } .modal-backdrop { z-index: 1040; } .modal.show, .modal.in { z-index: 1050; } .local-ui-mock-result { margin-top: 12px; } /* Purchase Pages Layout Fix: prevent carousel from blowing out grid-template-columns: auto */ /* Yalnızca geniş ekranda: satın al sayfalarının CSS'i 1200px altında tek sütuna geçer (görsel üstte, fiyatlar altta); bu kural her genişlikte uygulanınca 820px'te fiyat kutuları ~100px'e sıkışıyordu. */ @media (min-width: 1201px) { .pc-page-inner { grid-template-columns: max(38%, 484px) minmax(0, 1fr) !important; } } /* Connect Master CSS'inde bu kırılım yok (Woyio/B2B/Karttahsil'de var): tüm satın al sayfalarında aynı davranış */ @media (max-width: 1200px) { .pc-page-inner { grid-template-columns: minmax(0, 1fr) !important; gap: 40px; } /* Görsel üstündeki .dx-free-badge birkaç px sağa taşıp yatay kaydırma açıyordu */ .pc-page-cont { overflow-x: clip; } } .pc-right-cont { min-width: 0 !important; max-width: 100% !important; } .pc-right-inner { width: 100% !important; max-width: 680px !important; } .pc-license-cont { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; margin-bottom: 30px !important; width: 100% !important; } .pc-license-cont.single-card { grid-template-columns: 1fr !important; max-width: 440px !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 834px) { .pc-license-cont { grid-template-columns: 1fr !important; } } /* Fiyat kutuları (Woyio/B2B/Karttahsil satın al): bazı sayfalarda iki sütun satır içi !important ile zorlanıyor, fiyat ise sabit 60px — orta genişliklerde (≈800–1100px) "118.664" kutudan taşıp kesiliyordu. Yazı boyutları ve iç boşluk kutu genişliğine göre ölçeklenir (container query birimleri). */ .pc-license-cont > .pc-license-inner { container-type: inline-size; min-width: 0; padding-left: clamp(10px, 6%, 30px) !important; padding-right: clamp(10px, 6%, 30px) !important; } .pc-license-cont > .pc-license-inner .pc-license-title { font-size: clamp(15px, 9.5cqi, 25px) !important; text-align: center; line-height: 1.15; } .pc-license-cont > .pc-license-inner .pc-license-price { font-size: clamp(26px, 19cqi, 60px) !important; white-space: nowrap; max-width: 100%; } .pc-license-cont > .pc-license-inner .pc-license-buy-btn { font-size: clamp(16px, 9.5cqi, 28px) !important; white-space: nowrap; } /* Eski sitenin yan menü panelleri (first_menu, user_menu, notification-menu, bilgi_menu, hizmet_menu): eski başlık global başlıkla değiştirildiği için .layout-sidebar-large sarmalayıcısı yok, paneller mobilde (<1100px) içeriğin üstünde normal akışta açık kalıyordu. Menü artık global başlıktaki "Menü" butonunda; Blade düzeni (layouts/daynex-legacy) ile aynı kural: .open olmadıkça gizli. */ .side-content-wrap:not(.open) { display: none !important; } /* Top Navigation Bar: Static / Non-Sticky */ .main-header { position: relative !important; top: 0 !important; } .layout-sidebar-large.sticky-wrapper { height: auto !important; } /* Ensure proper document flow: unfloat main-content-wrap and clear footer */ body.sd-open .main-content-wrap, .sd-open .main-content-wrap { float: none !important; width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; padding-top: 0 !important; min-height: auto !important; } body.sd-open main, .sd-open main { display: block !important; overflow: visible !important; clear: both !important; } /* ========================================================================= CHIEF ARCHITECT: GLOBAL HEADER ALIGNMENT & 30-DAY BADGE REPAIR ========================================================================= */ @media (min-width: 992px) { /* 1. Hide mobile hamburger menu on desktop so Daynex logo sits at true left */ .menu-toggle, .c_header .menu-toggle, header .menu-toggle { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; } /* 2. Keep container flex items cleanly laid out */ .c_header { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; width: 100% !important; } .c_header .logo, header .logo { flex-shrink: 0 !important; margin-left: 0 !important; padding-left: 0 !important; } .c_header .middle-menu { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; margin: 0 10px !important; } /* Header CSS: orijinal blade inline CSS'e bırakıldı, override yok */ /* 4. Hero 30-Day Badge Alignment: Position cleanly to left of mascot, never overlapping face */ .dx-column-center { position: relative !important; } .dx-column-center .dx-free-badge { position: absolute !important; z-index: 5 !important; left: -15px !important; right: auto !important; top: 65px !important; transform: none !important; max-width: 155px !important; } .dx-column-center .dx-free-badge:hover { transform: scale(1.05) !important; } /* 5. Satin Al Mascot Badge: Birebir orijinal site CSS - b2b-satin-al.css */ .pc-left-img-cont { position: relative !important; margin-left: -70px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .pc-left-img-cont .dx-free-badge { position: absolute !important; z-index: 5 !important; bottom: 0 !important; right: 0 !important; top: auto !important; left: auto !important; transform: translate(15%, -25%) !important; max-width: max-content !important; aspect-ratio: 1 / 1 !important; } } /* Custom Verification Code (Captcha) for Demo Form */ .dt-btn-cont > .dt-custom-captcha-wrapper, .dt-custom-captcha-wrapper { width: auto !important; max-width: 330px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; margin-bottom: 0 !important; } .dt-btn-cont > .dt-custom-captcha-wrapper > div, .dt-custom-captcha-wrapper > div { width: auto !important; } .dt-custom-captcha-wrapper .captcha-badge { flex-shrink: 0 !important; width: auto !important; display: inline-flex !important; align-items: center !important; } .dt-custom-captcha-wrapper .captcha-input-wrap { width: 140px !important; max-width: 140px !important; flex-shrink: 0 !important; } .dt-custom-captcha-wrapper .captcha-input-wrap input { width: 100% !important; height: 44px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-align: center !important; } /* ========================================================================= DAYNEX GLOBAL HEADER (partials/daynex_header.blade.php) Tüm sayfalarda birebir aynı görünmesi için #dxHeader altında kapsanır; sayfa/tema CSS'leri (bootstrap 3/5, newhome, source-header) buraya sızmaz. Referans: www.daynex.com.tr orijinal header. ========================================================================= */ #dxHeader { width: 100%; background: #fff; border-bottom: 1px solid #eef1f5; box-shadow: 0 2px 8px rgba(0, 0, 0, .03); position: relative; /* Bootstrap .sticky-top (1020) öğelerinin (ör. ödeme sipariş özeti) mega menünün üstüne çıkmaması için; modallar (1040+) yine üstte */ z-index: 1030; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.2; letter-spacing: normal; word-spacing: normal; text-transform: none; color: #212529; text-align: left; } #dxHeader *, #dxHeader *::before, #dxHeader *::after { box-sizing: border-box; letter-spacing: inherit; } #dxHeader a { text-decoration: none; color: inherit; } #dxHeader a:hover { text-decoration: none; } #dxHeader ul { list-style: none; margin: 0; padding: 0; } #dxHeader p, #dxHeader span, #dxHeader b, #dxHeader strong { margin: 0; } #dxHeader img, #dxHeader svg { max-width: none; vertical-align: middle; } #dxHeader button { font: inherit; color: inherit; margin: 0; border: 0; background: none; cursor: pointer; } #dxHeader .dxh-inner { position: relative; max-width: 1320px; height: 78px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; } /* Sol: logo + menü + ürün linkleri */ #dxHeader .dxh-left { display: flex; align-items: center; height: 100%; } #dxHeader .dxh-logo { display: inline-flex; align-items: center; width: 150px; margin-right: 15px; flex-shrink: 0; } #dxHeader .dxh-logo img { width: 100%; height: auto; display: block; } #dxHeader .dxh-nav { display: flex; align-items: center; height: 100%; } #dxHeader .dxh-nav > li { position: static; height: 100%; display: flex; align-items: center; } #dxHeader .dxh-nav-link { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; height: 68px; padding: 5px; border-right: 1px dashed #595959; text-align: center; color: #212529; transition: background-color .15s ease, color .15s ease; } #dxHeader .dxh-nav > li:last-child .dxh-nav-link { border-right: 0; } #dxHeader .dxh-nav-link b { display: block; font-size: 15px; font-weight: 700; color: inherit; } #dxHeader .dxh-nav-link span { display: block; font-size: 14.5px; font-weight: 400; color: inherit; margin-top: 3px; } #dxHeader .dxh-nav-link svg { width: 28px; height: 28px; display: block; } #dxHeader .dxh-nav-link svg path { stroke: #595959; transition: stroke .15s ease; } #dxHeader .dxh-nav-link:hover, #dxHeader .dxh-mega-li.is-open .dxh-nav-link { background: #595959; color: #fff; } #dxHeader .dxh-nav-link:hover svg path, #dxHeader .dxh-mega-li.is-open .dxh-nav-link svg path { stroke: #fff; } #dxHeader .dxh-menu-btn span { font-size: 12.5px; color: inherit; margin-top: 4px; } /* Mega menü (koyu, orijinal .yamm-dropdown-menu) */ #dxHeader .dxh-mega { display: none; position: absolute; top: 100%; left: 5px; width: 1113px; max-width: calc(100vw - 20px); padding: 25px 20px 30px; background: rgba(40, 40, 40, .92); z-index: 1100; animation: dxhSlide .25s ease; } #dxHeader .dxh-mega-li.is-open .dxh-mega { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; } @keyframes dxhSlide { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } #dxHeader .dxh-mega-item { display: flex; align-items: flex-start; margin-bottom: 20px; } #dxHeader .dxh-mega-item > img { width: 37px; max-height: 37px; object-fit: contain; margin: 4px 14px 0 0; flex-shrink: 0; } #dxHeader .dxh-mega-item > svg { width: 30px; height: 30px; margin: 2px 14px 0 0; flex-shrink: 0; } #dxHeader .dxh-mega-body { padding-left: 12px; border-left: 1px solid #eee; min-height: 44px; display: flex; flex-direction: column; justify-content: center; } #dxHeader .dxh-mega-body > a { color: #fff; } #dxHeader .dxh-mega-title { display: block; font-size: 20px; font-weight: 700; line-height: 1.25; } #dxHeader .dxh-mega-sub { display: block; font-size: 15px; font-weight: 400; color: #f7f7f7; line-height: 1.5; } #dxHeader .dxh-mega-head { display: block; font-size: 15px; font-weight: 400; margin-bottom: 2px; } #dxHeader .dxh-mega-single { font-size: 15px; font-weight: 700; } #dxHeader .dxh-mega-list a { display: flex; align-items: center; gap: 7px; padding-left: 10px; font-size: 14.5px; line-height: 1.6; color: #fff; } #dxHeader .dxh-mega-list a::before { content: ""; width: 7px; height: 7px; border: 1px solid var(--dxh-c, #8ddbff); border-radius: 50%; flex-shrink: 0; } #dxHeader .dxh-mega a:hover .dxh-mega-title, #dxHeader .dxh-mega a:hover .dxh-mega-head, #dxHeader .dxh-mega-list a:hover { color: #3f8dbf !important; } /* Sağ kutular */ #dxHeader .dxh-right { display: flex; align-items: center; gap: 15px; margin-left: auto; flex-shrink: 0; } #dxHeader .dxh-box { position: relative; display: flex; align-items: center; height: 55px; padding: 4px 14px; border: 1px solid #65C15C; border-radius: 5px; background: #fff; cursor: pointer; transition: box-shadow .15s ease; } #dxHeader .dxh-box:hover { box-shadow: 0 3px 12px rgba(0, 0, 0, .06); } #dxHeader .dxh-box-lbl { display: block; font-size: 14px; font-weight: 400; color: #838383; line-height: 1.15; white-space: nowrap; } #dxHeader .dxh-box-val { display: block; font-size: 14px; font-weight: 700; line-height: 1.15; white-space: nowrap; margin-top: 3px; } #dxHeader .dxh-balance { gap: 12px; } #dxHeader .dxh-balance img { width: 26px; height: 26px; } #dxHeader .dxh-balance .dxh-txt { text-align: right; } #dxHeader .dxh-balance .dxh-box-val { color: #54b673; } #dxHeader .dxh-balance .dxh-box-val.is-debt { color: #E73124; } #dxHeader .dxh-account { border-color: #5C67F7; padding: 4px 16px; } #dxHeader .dxh-account-top { display: flex; align-items: center; gap: 4px; } #dxHeader .dxh-account-top img { width: 18px; height: 15px; } #dxHeader .dxh-account .dxh-box-val { color: #5C67F7; font-size: 13.5px; text-transform: uppercase; max-width: 140px; overflow: hidden; text-overflow: ellipsis; letter-spacing: .2px; } #dxHeader .dxh-cart { gap: 16px; } #dxHeader .dxh-cart-ico { position: relative; display: inline-flex; } #dxHeader .dxh-cart-ico svg { width: 28px; height: 28px; } #dxHeader .dxh-cart .favorite-count { position: absolute; top: -9px; right: -8px; left: auto; bottom: auto; width: 19px; height: 19px; margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #65C15C; border-radius: 50%; background: #65C15C; color: #fff; font-size: 10px; font-weight: 700; font-style: normal; line-height: 1; box-shadow: none; transform: none; } #dxHeader .dxh-cart .cart_total { color: #65C15C; } /* Hesabım açılır menüsü (orijinal .new_account_box) */ #dxHeader .dxh-drop { display: none; position: absolute; top: calc(100% + 18px); right: -1px; z-index: 1100; cursor: default; } #dxHeader .dxh-drop::before { /* kutu ile menü arası hover köprüsü */ content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; } #dxHeader .dxh-drop::after { /* üst ok */ content: ""; position: absolute; top: -9px; right: 50px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #dxHeader .dxh-account:hover .dxh-drop, #dxHeader .dxh-account.is-open .dxh-drop { display: block; } #dxHeader .dxh-acc { display: flex; width: 555px; background: #fff; border-radius: 10px; box-shadow: 0 1px 15px 1px rgba(0, 0, 0, .06), 0 1px 6px rgba(0, 0, 0, .1); overflow: hidden; } #dxHeader .dxh-acc-main { flex: 1; display: flex; padding: 18px 0; } #dxHeader .dxh-acc-col { width: 50%; padding: 0 15px; display: flex; flex-direction: column; gap: 10px; } #dxHeader .dxh-acc-col + .dxh-acc-col { border-left: 1px solid #c2c2c2; } #dxHeader .dxh-acc-stat { display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 4px 18px; border: 1px solid #ddd; border-radius: 6px; } #dxHeader .dxh-acc-stat svg { width: 30px; height: 30px; flex-shrink: 0; } #dxHeader .dxh-acc-stat .dxh-txt { display: flex; flex-direction: column; align-items: flex-end; } #dxHeader .dxh-acc-stat .dxh-t { font-size: 14px; font-weight: 700; color: #494949; } #dxHeader .dxh-acc-stat .dxh-v { font-size: 16px; font-weight: 700; margin-top: 3px; color: #E73124; } #dxHeader .dxh-acc-stat .dxh-v.is-credit { color: #54b673; } #dxHeader .dxh-acc-stat .dxh-v.is-role { color: #ffb600; } #dxHeader .dxh-acc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } #dxHeader .dxh-acc-btn { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; padding: 5px 4px; border: 1px solid #ddd; border-radius: 6px; font-size: 13.5px; font-weight: 600; color: #212529; text-align: center; white-space: nowrap; transition: background-color .25s ease, color .25s ease, border-color .25s ease; } #dxHeader .dxh-acc-btn:hover { background: #3074f1; border-color: #3074f1; color: #fff; } #dxHeader .dxh-acc-btn svg { width: 19px; height: 19px; flex-shrink: 0; } #dxHeader .dxh-acc-btn svg path { fill: currentColor; } #dxHeader form.dxh-acc-logout { margin: 0; } #dxHeader .dxh-acc-logout button { width: 100%; height: 44px; margin-top: 5px; background: #eee; border: 1px solid #eee; font-weight: 600; font-size: 14px; } #dxHeader .dxh-acc-logout button:hover { background: #d7312c; border-color: #d7312c; color: #fff; } #dxHeader .dxh-acc-panel { height: 44px; margin-top: 5px; background: #ffb700; border-color: #ffb700; color: #fff; } #dxHeader .dxh-acc-panel:hover { background: #fff; border-color: #ffb700; color: #ffb700; } #dxHeader .dxh-acc-panel.is-return { background: #dc2626; border-color: #dc2626; } #dxHeader .dxh-acc-panel.is-return:hover { background: #fff; color: #dc2626; } #dxHeader .dxh-acc-side { width: 42px; display: flex; align-items: center; justify-content: center; background: #eee; color: #555; } #dxHeader .dxh-acc-side svg { width: 28px; height: 28px; } #dxHeader .dxh-acc-side:hover { color: #3074f1; } /* Misafir menüsü */ #dxHeader .dxh-guest { width: 220px; padding: 12px; background: #fff; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); display: flex; flex-direction: column; gap: 8px; } #dxHeader .dxh-guest a { display: block; padding: 9px; border-radius: 6px; text-align: center; font-weight: 700; font-size: 14px; } #dxHeader .dxh-guest .dxh-login { background: #2563eb; color: #fff; } #dxHeader .dxh-guest .dxh-register { border: 1px solid #cbd5e1; color: #334155; } /* Responsive */ @media (max-width: 1250px) { #dxHeader .dxh-logo { width: 130px; margin-right: 8px; } #dxHeader .dxh-nav-link { width: 112px; } #dxHeader .dxh-nav-link b { font-size: 14px; } #dxHeader .dxh-nav-link span { font-size: 13px; } #dxHeader .dxh-right { gap: 10px; } #dxHeader .dxh-box { padding: 4px 10px; } } @media (max-width: 1100px) { #dxHeader .dxh-nav > li.dxh-hide-md { display: none; } #dxHeader .dxh-mega-li .dxh-nav-link { border-right: 0; } } @media (max-width: 991px) { #dxHeader .dxh-balance { display: none; } #dxHeader .dxh-mega-li.is-open .dxh-mega { grid-template-columns: 1fr; max-height: calc(100vh - 90px); overflow-y: auto; } } @media (max-width: 575px) { #dxHeader .dxh-inner { padding: 0 10px; } #dxHeader .dxh-logo { width: 110px; } #dxHeader .dxh-nav-link { width: 64px; } #dxHeader .dxh-account { display: none; } #dxHeader .dxh-cart .dxh-txt { display: none; } #dxHeader .dxh-acc { width: calc(100vw - 20px); } } /* Yazdırma: teklif vb. sayfalarda header gizlenir */ @media print { #dxHeader { display: none !important; } } /* Bildirimler kullanıcı talebiyle kapalı (eski header partial'ındaki kural buraya taşındı) */ .dayneks-sidebar-dropduwn .notification-dm { display: none !important; } /* ========================================================================= DAYNEX GLOBAL FOOTER (partials/daynex_footer.blade.php) Tüm sayfalarda birebir aynı görünmesi için #dxFooter altında kapsanır. Referans: www.daynex.com.tr orijinal footer. ========================================================================= */ #dxFooter { position: relative; clear: both; display: block; width: 100%; margin: 0; padding: 0; background: #fff; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.3; letter-spacing: normal; text-transform: none; color: #4D515F; text-align: left; } #dxFooter *, #dxFooter *::before, #dxFooter *::after { box-sizing: border-box; letter-spacing: inherit; } #dxFooter a { color: inherit; text-decoration: none; } #dxFooter ul { list-style: none; margin: 0; padding: 0; } #dxFooter li { margin: 0; padding: 0; } #dxFooter img, #dxFooter svg { max-width: none; vertical-align: middle; border: 0; } #dxFooter .dxf-bar { display: flex; height: 7px; } #dxFooter .dxf-bar span { flex: 1; height: 100%; } #dxFooter .dxf-red { background: #d7312c; } #dxFooter .dxf-blue { background: #29579c; } #dxFooter .dxf-green { background: #33a052; } #dxFooter .dxf-yellow { background: #f1bb3c; } #dxFooter .dxf-inner { max-width: 1320px; margin: 0 auto; padding: 0 15px; } #dxFooter .dxf-main { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 28px; padding-bottom: 22px; } #dxFooter .dxf-company { display: flex; flex-direction: column; align-items: center; gap: 12px; } #dxFooter .dxf-logo { width: 205px; height: auto; display: block; } #dxFooter .dxf-socials { display: flex; gap: 10px; } #dxFooter .dxf-socials li { width: 35px; height: 35px; border: 1px solid #a4a4a4; border-radius: 50%; background: #fff; transition: transform .3s ease, border-color .3s ease; } #dxFooter .dxf-socials a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #dxFooter .dxf-socials svg { width: 15px; height: 15px; fill: #a4a4a4; transition: fill .3s ease; } #dxFooter .dxf-socials li:hover { border-color: #3174f1; transform: translateY(-2px); } #dxFooter .dxf-socials li:hover svg { fill: #3174f1; } #dxFooter .dxf-list { align-self: flex-start; padding-top: 8px; min-width: 200px; } #dxFooter .dxf-title { display: block; font-size: 21px; font-weight: 500; line-height: 1; color: #3174f1; margin-bottom: 8px; } #dxFooter .dxf-list ul { display: flex; flex-direction: column; gap: 12px; } #dxFooter .dxf-list a { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: #4D515F; transition: color .2s ease; } #dxFooter .dxf-list a img { width: 8px; height: 8px; } #dxFooter .dxf-list a:hover { color: #3174f1; } #dxFooter .dxf-etbis a { display: block; padding: 5px; border: 1px solid #ddd; border-radius: 2px; background: #fff; } #dxFooter .dxf-etbis img { width: 100px; height: auto; display: block; } #dxFooter .dxf-partners { display: flex; flex-direction: column; gap: 10px; } #dxFooter .dxf-partners-row { display: flex; gap: 10px; } #dxFooter .dxf-partners img { display: block; height: auto; } #dxFooter .dxf-partners > img { width: 154px; } #dxFooter .dxf-partners-row img { width: 72px; } #dxFooter .dxf-bottom { border-top: 1px solid #ddd; padding: 20px 0; } #dxFooter .dxf-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 15px; } #dxFooter .dxf-copy { font-size: 14px; color: #4D515F; } #dxFooter .dxf-legal { display: flex; flex-wrap: wrap; justify-content: flex-end; } #dxFooter .dxf-legal li { display: flex; align-items: center; } #dxFooter .dxf-legal li + li::before { content: ""; width: 1.5px; height: 12px; background: #a4a4a4; margin: 0 12px; } #dxFooter .dxf-legal a { font-size: 14px; color: #4D515F; transition: color .2s ease; } #dxFooter .dxf-legal a:hover { color: #3174f1; } @media (max-width: 1100px) { #dxFooter .dxf-main { flex-wrap: wrap; justify-content: space-around; row-gap: 30px; } #dxFooter .dxf-list { min-width: 160px; } } @media (max-width: 767px) { #dxFooter .dxf-main { flex-direction: column; align-items: center; text-align: center; } #dxFooter .dxf-list { align-self: center; padding-top: 0; min-width: 0; } #dxFooter .dxf-list ul { align-items: center; } #dxFooter .dxf-bottom-inner { flex-direction: column; text-align: center; } #dxFooter .dxf-legal { justify-content: center; row-gap: 8px; } } @media print { #dxFooter { display: none !important; } } /* ========================================================================= SEPET SAYFASI (resources/views/cart/index.blade.php) Header/footer ile aynı 1320px ızgara; #dxCart altında kapsanır. ========================================================================= */ #dxCart { --dxc-primary: #3174f1; --dxc-primary-dark: #2560d6; --dxc-green: #0f9d58; --dxc-text: #1e293b; --dxc-muted: #64748b; --dxc-line: #e5e9f0; background: #f5f7fb; font-family: 'Nunito', sans-serif; font-size: 14px; line-height: 1.4; letter-spacing: normal; color: var(--dxc-text); padding-bottom: 48px; min-height: calc(100vh - 330px); /* kısa sepette footer ekranın altına otursun */ } #dxCart *, #dxCart *::before, #dxCart *::after { box-sizing: border-box; letter-spacing: inherit; } #dxCart h1, #dxCart h2, #dxCart h3, #dxCart p, #dxCart dl, #dxCart dd, #dxCart ol { margin: 0; padding: 0; } #dxCart a { text-decoration: none; } #dxCart button { font: inherit; cursor: pointer; } #dxCart svg { flex-shrink: 0; } #dxCart .dxc-wrap { max-width: 1320px; margin: 0 auto; padding: 0 15px; } /* Başlık şeridi */ #dxCart .dxc-head { background: #fff; border-bottom: 1px solid var(--dxc-line); } #dxCart .dxc-head-inner { display: flex; align-items: center; gap: 24px; min-height: 76px; } #dxCart .dxc-title { display: flex; align-items: center; gap: 12px; } #dxCart .dxc-title h1 { font-size: 26px; font-weight: 800; color: var(--dxc-text); } #dxCart .dxc-count { padding: 3px 10px; border-radius: 999px; background: #eef3fe; color: var(--dxc-primary); font-size: 13px; font-weight: 700; } #dxCart .dxc-steps { display: flex; align-items: center; gap: 10px; margin: 0 auto; list-style: none; } #dxCart .dxc-steps li { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #94a3b8; } #dxCart .dxc-steps li + li::before { content: ""; width: 36px; height: 2px; background: var(--dxc-line); margin-right: 2px; } #dxCart .dxc-steps span { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #cbd5e1; font-size: 12px; font-weight: 800; } #dxCart .dxc-steps .is-active { color: var(--dxc-text); } #dxCart .dxc-steps .is-active span { background: var(--dxc-primary); border-color: var(--dxc-primary); color: #fff; } #dxCart .dxc-clear { margin: 0; } #dxCart .dxc-clear button { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border: 1px solid #fecaca; border-radius: 8px; background: #fff; color: #dc2626; font-size: 13px; font-weight: 700; transition: background-color .15s ease; } #dxCart .dxc-clear button:hover { background: #fef2f2; } #dxCart .dxc-clear svg { width: 15px; height: 15px; } #dxCart .dxc-body { padding-top: 24px; } /* Bildirimler */ #dxCart .dxc-alert { margin-bottom: 16px; padding: 12px 16px; border-radius: 10px; border: 1px solid; font-size: 14px; font-weight: 600; } #dxCart .dxc-alert.is-ok { background: #ecfdf5; border-color: #a7f3d0; color: #047857; } #dxCart .dxc-alert.is-info { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; } #dxCart .dxc-alert.is-warn { background: #fffbeb; border-color: #fde68a; color: #b45309; } #dxCart .dxc-alert.is-error { background: #fef2f2; border-color: #fecaca; color: #b91c1c; } /* Bildirim kapatma düğmesi + kaybolma geçişi (dx-cart-loader.js) */ #dxCart .dxc-alert { position: relative; padding-right: 44px; overflow: hidden; transition: opacity .35s ease, max-height .4s ease, margin .4s ease, padding .4s ease; } #dxCart .dxc-alert.is-leaving { opacity: 0; max-height: 0 !important; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-width: 0; } #dxCart .dxc-alert-close { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 28px; height: 28px; border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: 20px; line-height: 1; cursor: pointer; opacity: .6; } #dxCart .dxc-alert-close:hover, #dxCart .dxc-alert-close:focus-visible { opacity: 1; background: rgba(0, 0, 0, .06); } /* Butonlar */ #dxCart .dxc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 22px; border-radius: 10px; border: 1.5px solid transparent; font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap; transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; } #dxCart .dxc-btn svg { width: 18px; height: 18px; } #dxCart .dxc-btn.is-primary { background: var(--dxc-primary); border-color: var(--dxc-primary); color: #fff; } #dxCart .dxc-btn.is-primary:hover { background: var(--dxc-primary-dark); border-color: var(--dxc-primary-dark); box-shadow: 0 6px 16px rgba(49, 116, 241, .25); } #dxCart .dxc-btn.is-outline { background: #fff; border-color: var(--dxc-primary); color: var(--dxc-primary); } #dxCart .dxc-btn.is-outline:hover { background: #eef3fe; } #dxCart .dxc-btn.is-block { display: flex; width: 100%; } /* Boş sepet */ #dxCart .dxc-empty { position: relative; overflow: hidden; max-width: 860px; margin: 16px auto 0; padding: 52px 36px 36px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 20px; text-align: center; box-shadow: 0 12px 32px rgba(15, 23, 42, .06); } #dxCart .dxc-empty::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #0b5ed7, #38bdf8); } #dxCart .dxc-empty-ico { position: relative; width: 88px; height: 88px; margin: 0 auto 26px; display: flex; align-items: center; justify-content: center; border-radius: 22px; border: 1px solid #c9d9fb; background: linear-gradient(145deg, #f3f7ff, #dce8fd); color: #0b5ed7; box-shadow: 0 12px 28px rgba(49, 116, 241, .18); } #dxCart .dxc-empty-ico svg { width: 40px; height: 40px; } #dxCart .dxc-empty-ico::before, #dxCart .dxc-empty-ico::after { content: "\2726"; position: absolute; line-height: 1; color: #0b5ed7; } #dxCart .dxc-empty-ico::before { top: -8px; right: -8px; font-size: 15px; } #dxCart .dxc-empty-ico::after { bottom: 4px; left: -6px; font-size: 9px; color: #93b4f5; } #dxCart .dxc-empty :is(h1, h2) { font-size: 26px; font-weight: 800; margin-bottom: 12px; color: #0f172a; } #dxCart .dxc-empty > p { max-width: 560px; margin: 0 auto 30px; color: var(--dxc-muted); font-size: 15.5px; line-height: 1.65; } #dxCart .dxc-empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; } #dxCart .dxc-empty-actions .dxc-btn { height: 50px; padding: 0 24px; border-radius: 12px; } #dxCart .dxc-empty-actions .dxc-btn.is-primary { background: linear-gradient(135deg, #0b5ed7, #3174f1); border-color: transparent; box-shadow: 0 8px 20px rgba(11, 94, 215, .28); } #dxCart .dxc-empty-actions .dxc-btn.is-primary:hover { background: linear-gradient(135deg, #0a52bd, #2560d6); box-shadow: 0 10px 24px rgba(11, 94, 215, .34); } #dxCart .dxc-btn.is-ghost { background: #fff; border-color: #cbd5e1; color: var(--dxc-text); } #dxCart .dxc-btn.is-ghost:hover { border-color: #94a3b8; background: #f8fafc; } #dxCart .dxc-empty-feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 40px 0 0; padding: 32px 0 0; border-top: 1px solid var(--dxc-line); list-style: none; text-align: left; } #dxCart .dxc-empty-feats li { display: flex; align-items: flex-start; gap: 14px; padding: 18px; border: 1px solid #edf1f6; border-radius: 14px; background: #f8fafc; } #dxCart .dxc-empty-feats strong { display: block; margin-bottom: 4px; font-size: 14.5px; font-weight: 800; color: #0f172a; } #dxCart .dxc-empty-feats small { display: block; font-size: 12.5px; line-height: 1.5; color: var(--dxc-muted); } #dxCart .dxc-feat-ico { flex: 0 0 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 10px; } #dxCart .dxc-feat-ico svg { width: 19px; height: 19px; } #dxCart .dxc-feat-ico.is-blue { background: #e0edff; color: #0b5ed7; } #dxCart .dxc-feat-ico.is-amber { background: #fef3c7; color: #d97706; } #dxCart .dxc-feat-ico.is-green { background: #dcfce7; color: #15803d; } #dxCart .dxc-feat-ico.is-violet { background: #ede9fe; color: #6d28d9; } /* Dolu sepet: ürünler + özet */ #dxCart .dxc-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; } #dxCart .dxc-items { display: flex; flex-direction: column; gap: 12px; } #dxCart .dxc-item { display: grid; grid-template-columns: 48px minmax(0, 1fr) 130px 170px 40px; align-items: center; gap: 18px; padding: 18px 20px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 14px; transition: border-color .15s ease, box-shadow .15s ease; } #dxCart .dxc-item:hover { border-color: #cfd8e6; box-shadow: 0 4px 14px rgba(15, 23, 42, .05); } /* Modüler yazılım paketi: temel paket + altında girintili bağlı kalemler (cart/index $ordered) */ #dxCart .dxc-item.is-bundle { border-color: #c7d7f5; } #dxCart .dxc-item.is-child { position: relative; margin: -4px 0 0 46px; padding: 10px 16px; grid-template-columns: 34px minmax(0, 1fr) 130px 170px 40px; gap: 14px; background: #fafcff; border-color: #e3eaf5; border-radius: 12px; } #dxCart .dxc-item.is-child::before { content: ""; position: absolute; left: -28px; top: -18px; bottom: 50%; width: 20px; border-left: 2px solid #d3def0; border-bottom: 2px solid #d3def0; border-bottom-left-radius: 10px; pointer-events: none; } #dxCart .dxc-item.is-child .dxc-item-ico { width: 34px; height: 34px; border-radius: 9px; } #dxCart .dxc-item.is-child .dxc-item-ico svg { width: 17px; height: 17px; } #dxCart .dxc-item.is-child h3 { font-size: 14px; } #dxCart .dxc-item.is-child .dxc-item-price strong { font-size: 15px; } #dxCart .dxc-item-ico { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #eef3fe; color: var(--dxc-primary); } #dxCart .dxc-item-ico svg { width: 24px; height: 24px; } #dxCart .dxc-item-ico.is-server { background: #ecfdf5; color: #059669; } #dxCart .dxc-item-ico.is-lock { background: #fef9c3; color: #a16207; } #dxCart .dxc-item-ico.is-key { background: #fff1e6; color: #ea580c; } #dxCart .dxc-item-ico.is-renew { background: #ecfdf5; color: #059669; } #dxCart .dxc-item-ico.is-doc { background: #f3e8ff; color: #7e22ce; } #dxCart .dxc-item-info h3 { font-size: 16px; font-weight: 700; color: var(--dxc-text); line-height: 1.35; } #dxCart .dxc-item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 6px; } #dxCart .dxc-tag { padding: 2px 8px; border-radius: 6px; background: #f1f5f9; color: #334155; font-size: 12px; font-weight: 700; } #dxCart .dxc-tag.is-green { background: #ecfdf5; color: #047857; } #dxCart .dxc-tag.is-blue { background: #e0f2fe; color: #0369a1; } #dxCart .dxc-sku { font-size: 12px; color: #94a3b8; } #dxCart .dxc-item-period form { margin: 0; } #dxCart .dxc-item-period label { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; color: var(--dxc-muted); text-transform: uppercase; } #dxCart .dxc-item-period select { width: 100%; height: 38px; margin: 0; padding: 0 30px 0 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: var(--dxc-text); font: 700 14px 'Nunito', sans-serif; cursor: pointer; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; } #dxCart .dxc-item-period select:focus { outline: none; border-color: var(--dxc-primary); box-shadow: 0 0 0 3px rgba(49, 116, 241, .15); } #dxCart .dxc-fixed { display: inline-block; padding: 6px 10px; border-radius: 8px; background: #f1f5f9; color: var(--dxc-muted); font-size: 12px; font-weight: 700; } #dxCart .dxc-item-price { text-align: right; } #dxCart .dxc-item-price strong { display: block; font-size: 19px; font-weight: 800; color: var(--dxc-green); white-space: nowrap; } #dxCart .dxc-item-price small { display: block; margin-top: 2px; font-size: 12px; color: #94a3b8; white-space: nowrap; } #dxCart .dxc-item-remove { margin: 0; } #dxCart .dxc-item-remove button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; background: transparent; color: #94a3b8; transition: background-color .15s ease, color .15s ease; } #dxCart .dxc-item-remove button:hover { background: #fef2f2; color: #dc2626; } #dxCart .dxc-item-remove svg { width: 19px; height: 19px; } #dxCart .dxc-continue { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 4px; padding: 6px 0; color: var(--dxc-muted); font-weight: 700; transition: color .15s ease; } #dxCart .dxc-continue:hover { color: var(--dxc-primary); } #dxCart .dxc-continue svg { width: 17px; height: 17px; } /* Özet */ #dxCart .dxc-summary { position: sticky; top: 16px; padding: 22px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 14px; } #dxCart .dxc-summary h2 { font-size: 17px; font-weight: 800; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--dxc-line); } #dxCart .dxc-summary dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 5px 0; } #dxCart .dxc-summary dt { color: var(--dxc-muted); font-weight: 600; } #dxCart .dxc-summary dd { font-weight: 700; white-space: nowrap; } #dxCart .dxc-summary .dxc-total { margin-top: 10px; padding-top: 14px; border-top: 1px dashed #cbd5e1; } #dxCart .dxc-summary .dxc-total dt { color: var(--dxc-text); font-size: 16px; font-weight: 800; } #dxCart .dxc-summary .dxc-total dd { color: var(--dxc-green); font-size: 22px; font-weight: 800; } #dxCart .dxc-installment { display: flex; flex-direction: column; gap: 2px; margin: 16px 0; padding: 10px 12px; border-radius: 10px; background: #eff6ff; border: 1px solid #dbeafe; } #dxCart .dxc-installment b { color: #1e40af; font-size: 13px; } #dxCart .dxc-installment span { color: var(--dxc-primary); font-size: 13px; font-weight: 600; } #dxCart .dxc-secure { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; color: var(--dxc-muted); font-size: 12px; } #dxCart .dxc-secure svg { width: 14px; height: 14px; color: var(--dxc-green); } /* Responsive */ @media (max-width: 1199px) { #dxCart .dxc-grid { grid-template-columns: minmax(0, 1fr) 320px; } #dxCart .dxc-item { grid-template-columns: 44px minmax(0, 1fr) 120px 40px; } #dxCart .dxc-item-price { grid-column: 2 / 4; grid-row: 2; text-align: left; display: flex; align-items: baseline; gap: 10px; } #dxCart .dxc-item-remove { grid-column: 4; grid-row: 1; } #dxCart .dxc-item.is-child { grid-template-columns: 34px minmax(0, 1fr) 120px 40px; } } @media (max-width: 991px) { #dxCart .dxc-steps { display: none; } #dxCart .dxc-clear { margin-left: auto; } #dxCart .dxc-grid { grid-template-columns: 1fr; } #dxCart .dxc-summary { position: static; } } @media (max-width: 575px) { #dxCart .dxc-title h1 { font-size: 22px; } #dxCart .dxc-clear button { padding: 0 10px; } #dxCart .dxc-item { grid-template-columns: 40px minmax(0, 1fr) 36px; gap: 12px; padding: 14px; } #dxCart .dxc-item-ico { width: 40px; height: 40px; align-self: start; } #dxCart .dxc-item-period { grid-column: 2 / 4; grid-row: 2; } #dxCart .dxc-item-price { grid-column: 2 / 4; grid-row: 3; } #dxCart .dxc-item-remove { grid-column: 3; grid-row: 1; align-self: start; } #dxCart .dxc-item.is-child { margin-left: 22px; grid-template-columns: 30px minmax(0, 1fr) 36px; gap: 10px; padding: 10px 12px; } #dxCart .dxc-item.is-child::before { left: -16px; width: 12px; } #dxCart .dxc-item.is-child .dxc-item-ico { width: 30px; height: 30px; } #dxCart .dxc-empty { padding: 40px 18px 22px; border-radius: 16px; } #dxCart .dxc-empty :is(h1, h2) { font-size: 21px; } #dxCart .dxc-empty-actions .dxc-btn { width: 100%; } #dxCart .dxc-empty-feats { grid-template-columns: 1fr; margin-top: 30px; padding-top: 24px; } } /* ========================================================================= TEK SAYFA SEPET + ÖDEME (resources/views/cart/index.blade.php, #dxCart.dxsp) 1 Sepetiniz → 2 Fatura (checkout/partials/billing, .dxbp-*) → 3 Ödeme (.dxco-*, .dxcf-*); sağda özet. Bölüm kutuları eski ödeme sayfasının .checkout_box / .checkout_box_title yapısını kullanır. ========================================================================= */ #dxCart.dxsp .dxsp-head-secure { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: var(--dxc-muted); font-size: 13px; font-weight: 600; } #dxCart.dxsp .dxsp-head-secure svg { width: 16px; height: 16px; color: var(--dxc-green); } #dxCart.dxsp .dxsp-form { margin: 0; } #dxCart.dxsp .dxsp-main { display: flex; flex-direction: column; gap: 20px; min-width: 0; } #dxCart.dxsp .checkout_box { margin: 0; padding: 22px; background: #fff; border: 1px solid var(--dxc-line); border-radius: 14px; box-shadow: none; } #dxCart.dxsp .checkout_box_title { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid #eef2f7; font-size: 17px; font-weight: 800; color: #0f172a; } #dxCart.dxsp .checkout_box_title .fa { width: 18px; text-align: center; } #dxCart.dxsp .dxsp-sec .dxc-item { background: #fcfdff; } #dxCart.dxsp .dxsp-sec .dxc-item-period label { margin-bottom: 4px; } #dxCart.dxsp .dxsp-sec .dxc-continue { margin-top: 12px; } #dxCart.dxsp .dxc-item-remove { display: flex; } /* #dxCart sıfırlaması (p, h2 margin:0) fatura/ödeme bölümlerindeki aralıkları silmesin */ #dxCart.dxsp .dxbp-hint { margin: 0 0 10px; } #dxCart.dxsp .dxc-note { margin: 12px 0 0; } #dxCart.dxsp .dxco-hint { margin: 12px 0 0; } #dxCart.dxsp .dxco-methods { margin-bottom: 16px; } #dxCart.dxsp .dxco-panel + .dxco-panel { margin-top: 0; } #dxCart.dxsp .form-control-custom { height: 44px; width: 100%; padding: 8px 14px; border: 1px solid #cbd5e1; border-radius: 8px; background-color: #fff; color: #1e293b; font-size: 14px; font-weight: 600; transition: border-color .2s, box-shadow .2s; } /* Fatura formu doğrulama işaretleri (dx-billing.js): #dxCart kuralı .dxbp'deki yeşil ✓ / kırmızı kenarı ezmesin */ #dxCart.dxsp .dxbp .form-control-custom.is-valid { border-color: #16a34a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px 16px; padding-right: 38px; } #dxCart.dxsp .dxbp select.form-control-custom.is-valid { background-position: right 34px center; padding-right: 58px; } #dxCart.dxsp .dxbp textarea.form-control-custom.is-valid { background-position: right 12px top 12px; } #dxCart.dxsp .dxbp .form-control-custom.is-valid:focus { border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .15); } #dxCart.dxsp .dxbp .form-control-custom[aria-invalid="true"] { border-color: #ef4444; } #dxCart.dxsp .dxbp .form-control-custom[aria-invalid="true"]:focus { box-shadow: 0 0 0 3px rgba(239, 68, 68, .15); } #dxCart.dxsp .form-control-custom:focus { border-color: var(--dxc-primary); outline: none; box-shadow: 0 0 0 3px rgba(49, 116, 241, .15); } #dxCart.dxsp .form-group label { margin-bottom: 6px; font-size: 13px; font-weight: 700; color: #475569; } #dxCart.dxsp .dxsp-errors { margin: 6px 0 0; padding-left: 18px; font-weight: 600; } /* Gönder düğmeleri (ödeme bölümü + özet; aynı form, aynı doğrulama) */ #dxCart.dxsp .dxsp-submit { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; padding: 0 22px; border: 0; border-radius: 10px; background: var(--dxc-primary); color: #fff; font-size: 16px; font-weight: 800; transition: background-color .15s ease, box-shadow .15s ease; } #dxCart.dxsp .dxsp-submit:hover { background: var(--dxc-primary-dark); box-shadow: 0 6px 16px rgba(49, 116, 241, .25); } #dxCart.dxsp .dxsp-submit:focus-visible { outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } #dxCart.dxsp .dxsp-submit:disabled { opacity: .7; cursor: progress; box-shadow: none; } #dxCart.dxsp .dxsp-submit-inline { width: auto; min-width: 260px; margin: 18px 0 0 auto; } /* Özet */ #dxCart.dxsp .dxsp-cardtotal { margin-top: 6px; padding: 8px 10px !important; border-radius: 8px; background: #f5f8ff; } #dxCart.dxsp .dxsp-cardtotal dt { color: #1e293b; } #dxCart.dxsp .dxsp-cardtotal[hidden] { display: none !important; } #dxCart.dxsp .dxsp-agree { display: flex; align-items: flex-start; gap: 10px; margin: 16px 0 14px; padding: 10px 12px; border: 1px solid var(--dxc-line); border-radius: 10px; background: #f8fafc; cursor: pointer; font-weight: 400; } #dxCart.dxsp .dxsp-agree input { width: 18px; height: 18px; margin: 1px 0 0; flex-shrink: 0; accent-color: var(--dxc-primary); } #dxCart.dxsp .dxsp-agree span { font-size: 12.5px; line-height: 1.5; color: #475569; } #dxCart.dxsp .dxsp-agree a { color: var(--dxc-primary); font-weight: 700; } #dxCart.dxsp .dxsp-agree a:hover { text-decoration: underline; } #dxCart.dxsp .dxsp-login { margin-top: 16px; min-height: 52px; } #dxCart.dxsp .dxsp-secure { display: flex; align-items: flex-start; gap: 10px; margin-top: 14px; padding: 12px; border-radius: 10px; background: #f0fdf4; border: 1px solid #dcfce7; } #dxCart.dxsp .dxsp-secure svg { width: 20px; height: 20px; color: var(--dxc-green); margin-top: 1px; } #dxCart.dxsp .dxsp-secure strong { display: block; font-size: 13px; font-weight: 800; color: #166534; } #dxCart.dxsp .dxsp-secure small { display: block; font-size: 12px; color: #4b5563; line-height: 1.45; } /* Tekrar ödeme ekranı (checkout/retry.blade.php): salt okunur sipariş kalemleri, başlıkta sipariş detayı bağlantısı */ #dxCart.dxsp .dxsp-head-link { flex-shrink: 0; color: var(--dxc-primary); font-size: 14px; font-weight: 700; } #dxCart.dxsp .dxsp-head-link:hover { text-decoration: underline; text-underline-offset: 3px; } #dxCart.dxsp .dxc-head-inner .dxsp-head-secure + .dxsp-head-link { margin-left: 18px; } #dxCart.dxsp .dxc-item.dxsp-item-readonly { grid-template-columns: 48px minmax(0, 1fr) auto; } #dxCart.dxsp .dxsp-item-readonly .dxc-item-price { grid-column: auto; grid-row: auto; display: block; text-align: right; } #dxCart.dxsp .dxsp-retry { line-height: 1.6; } @media (max-width: 991px) { #dxCart.dxsp .dxc-head-inner .dxsp-head-secure + .dxsp-head-link { margin-left: auto; } } @media (max-width: 575px) { #dxCart.dxsp .dxc-head-inner { flex-wrap: wrap; gap: 6px 12px; padding-block: 12px; } #dxCart.dxsp .dxc-title h1 { white-space: nowrap; } #dxCart.dxsp .dxc-count { white-space: nowrap; } #dxCart.dxsp .dxc-head-inner .dxsp-head-secure + .dxsp-head-link { margin-left: 0; } #dxCart.dxsp .dxc-item.dxsp-item-readonly { grid-template-columns: 40px minmax(0, 1fr); } #dxCart.dxsp .dxsp-item-readonly .dxc-item-price { grid-column: 2; text-align: left; display: flex; align-items: baseline; gap: 8px; } } /* Misafir */ #dxCart.dxsp .dxsp-guest p { margin: 0 0 16px; color: var(--dxc-muted); font-size: 14.5px; line-height: 1.6; } #dxCart.dxsp .dxsp-guest-actions { display: flex; flex-wrap: wrap; gap: 10px; } @media (max-width: 991px) { #dxCart.dxsp .dxsp-head-secure { display: none; } } @media (max-width: 575px) { #dxCart.dxsp .checkout_box { padding: 16px 14px; border-radius: 12px; } #dxCart.dxsp .checkout_box_title { font-size: 16px; } #dxCart.dxsp .dxsp-submit-inline { width: 100%; min-width: 0; } #dxCart.dxsp .dxsp-guest-actions .dxc-btn { width: 100%; } } /* ========================================================================= MÜŞTERİ PANELİ: ALAN ADLARIM (resources/views/portal/domains/index.blade.php) layouts/portal-app bileşenlerini (portal-card, btn-action...) kullanır. ========================================================================= */ #dxDomains .dxd-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } #dxDomains .dxd-head h1 { font-size: 24px; font-weight: 800; letter-spacing: -.5px; color: var(--text-main); } #dxDomains .dxd-head p { margin-top: 4px; font-size: 14px; color: var(--text-muted); } /* Hızlı alan adı alma */ #dxDomains .dxd-buy { padding: 16px; margin-bottom: 20px; } #dxDomains .dxd-buy-form { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 16px; border: 1.5px solid var(--border); border-radius: var(--radius-md); background: #fff; transition: border-color .15s ease, box-shadow .15s ease; } #dxDomains .dxd-buy-form:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); } #dxDomains .dxd-buy-form > i { color: var(--text-muted); font-size: 18px; } #dxDomains .dxd-buy-form input { flex: 1; min-width: 0; height: 40px; border: 0; outline: 0; font-family: inherit; font-size: 15px; font-weight: 600; color: var(--text-main); background: transparent; } #dxDomains .dxd-buy-form .btn-action { height: 40px; padding: 0 18px; } #dxDomains .dxd-buy-results { margin-top: 12px; display: flex; flex-direction: column; gap: 6px; } #dxDomains .dxd-result { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 16px; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius-md); } #dxDomains .dxd-result.is-main { border-color: #bfdbfe; background: var(--primary-light); } #dxDomains .dxd-result.is-main.is-taken { border-color: #fecaca; background: var(--danger-light); } #dxDomains .dxd-result-name { font-weight: 800; font-size: 15px; word-break: break-all; } #dxDomains .dxd-result-price { font-weight: 800; color: var(--text-main); white-space: nowrap; } #dxDomains .dxd-result-price small { font-weight: 500; color: var(--text-muted); } #dxDomains .dxd-taken { font-size: 13px; font-weight: 700; color: var(--danger); } #dxDomains .dxd-alt-title { margin-top: 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); } #dxDomains .dxd-loading { padding: 10px 4px; font-size: 14px; color: var(--text-muted); } /* Liste araç çubuğu */ #dxDomains .dxd-list { padding: 0; overflow: hidden; } #dxDomains .dxd-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 16px; border-bottom: 1px solid var(--border); } #dxDomains .dxd-tabs { display: flex; gap: 6px; flex-wrap: wrap; } #dxDomains .dxd-tabs a { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: var(--radius-full); font-size: 13px; font-weight: 700; color: var(--text-muted); text-decoration: none; transition: background-color .15s ease, color .15s ease; } #dxDomains .dxd-tabs a:hover { background: #f1f5f9; color: var(--text-main); } #dxDomains .dxd-tabs a span { min-width: 22px; padding: 1px 7px; border-radius: var(--radius-full); background: #f1f5f9; font-size: 12px; text-align: center; } #dxDomains .dxd-tabs a.is-active { background: var(--primary); color: #fff; } #dxDomains .dxd-tabs a.is-active span { background: rgba(255, 255, 255, .22); } #dxDomains .dxd-tabs a.is-danger:not(.is-active) span { background: var(--danger-light); color: var(--danger); } #dxDomains .dxd-search { display: flex; align-items: center; gap: 8px; } #dxDomains .dxd-search { position: relative; } #dxDomains .dxd-search > i { position: absolute; left: 12px; color: var(--text-muted); font-size: 13px; } #dxDomains .dxd-search input, #dxDomains .dxd-search select { height: 36px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-family: inherit; font-size: 13px; color: var(--text-main); background: #fff; } #dxDomains .dxd-search input { width: 230px; padding: 0 10px 0 32px; } #dxDomains .dxd-search select { padding: 0 8px; cursor: pointer; } #dxDomains .dxd-search input:focus, #dxDomains .dxd-search select:focus { outline: none; border-color: var(--primary); } /* Tablo */ #dxDomains .dxd-table td, #dxDomains .dxd-table th { vertical-align: middle; } #dxDomains .dxd-check { width: 44px; text-align: center; } #dxDomains .dxd-check input { width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary); } #dxDomains .dxd-name { font-size: 15px; font-weight: 800; color: var(--text-main); text-decoration: none; word-break: break-all; } #dxDomains .dxd-name:hover { color: var(--primary); } #dxDomains .dxd-name.is-text { display: inline-block; min-width: 220px; word-break: normal; overflow-wrap: anywhere; } #dxDomains .dxd-ns { margin-top: 2px; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--text-muted); } #dxDomains .dxd-exp { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; } #dxDomains .dxd-exp strong { font-size: 13px; } #dxDomains .dxd-exp span { font-size: 12px; color: var(--text-muted); } #dxDomains .dxd-bar { width: 160px; height: 5px; margin-top: 6px; border-radius: 3px; background: #eef2f7; overflow: hidden; } #dxDomains .dxd-bar span { display: block; height: 100%; border-radius: 3px; background: var(--success); } #dxDomains tr.is-expiring .dxd-bar span { background: var(--warning); } #dxDomains tr.is-expiring .dxd-exp span { color: #b45309; font-weight: 700; } #dxDomains tr.is-expired .dxd-exp span { color: var(--danger); font-weight: 700; } #dxDomains .dxd-muted { color: var(--text-muted); font-size: 13px; } #dxDomains .dxd-status, #dxDomain .dxd-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--radius-full); font-size: 12px; font-weight: 700; white-space: nowrap; } #dxDomains .dxd-status::before, #dxDomain .dxd-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; } #dxDomains .dxd-status.is-active, #dxDomain .dxd-status.is-active { background: var(--success-light); color: #047857; } #dxDomains .dxd-status.is-expiring, #dxDomain .dxd-status.is-expiring { background: var(--warning-light); color: #b45309; } #dxDomains .dxd-status.is-expired, #dxDomain .dxd-status.is-expired { background: var(--danger-light); color: #b91c1c; } #dxDomains .dxd-status.is-inactive, #dxDomain .dxd-status.is-inactive { background: #f1f5f9; color: #475569; } #dxDomains .dxd-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font-family: inherit; font-size: 13px; font-weight: 700; color: var(--text-muted); cursor: pointer; } #dxDomains .dxd-toggle span { position: relative; width: 34px; height: 20px; border-radius: 10px; background: #cbd5e1; transition: background-color .15s ease; } #dxDomains .dxd-toggle span::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s ease; } #dxDomains .dxd-toggle.is-on { color: var(--text-main); } #dxDomains .dxd-toggle.is-on span { background: var(--success); } #dxDomains .dxd-toggle.is-on span::after { transform: translateX(14px); } #dxDomains .dxd-actions { display: flex; gap: 8px; justify-content: flex-end; } #dxDomains .btn-action.dxd-renew, #dxDomain .btn-action.dxd-renew { background: var(--success); border-color: #059669; color: #fff; font-weight: 700; } #dxDomains .btn-action.dxd-renew:hover, #dxDomain .btn-action.dxd-renew:hover { background: #059669; } #dxDomains .btn-action.dxd-incart, #dxDomain .btn-action.dxd-incart { background: var(--success-light); border-color: #a7f3d0; color: #047857; font-weight: 700; } #dxDomains .btn-action.is-disabled { opacity: .45; pointer-events: none; } /* Toplu işlem çubuğu */ /* Faturalarım: ödenmemiş özet + e-Arşiv rozeti */ #dxDomains .dxi-due { display: flex; align-items: center; gap: 12px; padding: 14px 18px; margin-bottom: 16px; border-color: #fde68a; background: var(--warning-light); } #dxDomains .dxi-due > i { font-size: 20px; color: #b45309; } #dxDomains .dxi-due > div { flex: 1; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; font-size: 14px; color: #92400e; } #dxDomains .dxi-nowrap { white-space: nowrap; word-break: normal; } #dxDomains .dxi-title { font-size: 13px; font-weight: 700; color: var(--text-main); } #dxDomains .dxi-due-date { margin-top: 2px; font-size: 12px; color: #b45309; font-weight: 600; } #dxDomains .dxi-due-date.is-overdue { color: var(--danger); } #dxDomains .dxi-edm.is-ok { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: #047857; white-space: nowrap; } /* Sayfalama + boş durum */ #dxDomains .dxd-pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid var(--border); font-size: 13px; color: var(--text-muted); } #dxDomains .dxd-pager > div { display: flex; align-items: center; gap: 8px; } #dxDomains .dxd-page { font-weight: 700; color: var(--text-main); } #dxDomains .dxd-empty, #dxDomain .dxd-empty { padding: 48px 20px; text-align: center; color: var(--text-muted); } #dxDomains .dxd-empty > i, #dxDomain .dxd-empty > i { font-size: 40px; opacity: .35; } #dxDomains .dxd-empty h3, #dxDomain .dxd-empty h3 { margin-top: 10px; font-size: 16px; font-weight: 800; color: var(--text-main); } #dxDomains .dxd-empty p, #dxDomain .dxd-empty p { margin: 6px 0 16px; font-size: 13px; } @media (max-width: 767px) { #dxDomains .dxd-search { width: 100%; } #dxDomains .dxd-search input { flex: 1; width: auto; min-width: 0; } #dxDomains .dxd-search select { flex-shrink: 0; max-width: 45%; } #dxDomains .dxd-result { grid-template-columns: 1fr auto; } #dxDomains .dxd-result-price { grid-column: 1; grid-row: 2; } #dxDomains .dxd-result > :last-child { grid-column: 2; grid-row: 1 / 3; } #dxDomains .dxd-bar { width: 110px; } /* Tablo -> kart */ #dxDomains .dxd-table, #dxDomains .dxd-table tbody { display: block; } #dxDomains .dxd-table thead { display: none; } #dxDomains .dxd-table tr { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; grid-template-areas: "chk name status" "chk exp exp" "chk auto auto" "chk act act"; gap: 8px 10px; padding: 14px 12px; border-bottom: 1px solid var(--border); } #dxDomains .dxd-table td { display: block; padding: 0; border: 0; } /* display:grid [hidden] özniteliğini ezmesin (açılır satırlar mobilde hep açık kalıyordu) */ #dxDomains .dxd-table tr[hidden] { display: none; } #dxDomains .dxd-table td:nth-child(1) { grid-area: chk; width: auto; text-align: left; padding-top: 2px; } #dxDomains .dxd-table td:nth-child(2) { grid-area: name; } #dxDomains .dxd-table td:nth-child(3) { grid-area: exp; } #dxDomains .dxd-table td:nth-child(4) { grid-area: auto; } #dxDomains .dxd-table td:nth-child(5) { grid-area: status; } #dxDomains .dxd-table td:nth-child(6) { grid-area: act; } #dxDomains .dxd-name { word-break: normal; overflow-wrap: anywhere; } #dxDomains .dxd-actions { justify-content: flex-start; } #dxDomains .dxd-actions .btn-action { flex: 1; justify-content: center; } } /* Müşteri paneli: alan adı detay (resources/views/portal/domains/manage.blade.php) */ #dxDomain .dxm-back { margin-bottom: 14px; } #dxDomain .dxm-head { margin-bottom: 18px; } #dxDomain .dxm-title { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } #dxDomain .dxm-title h1 { font-size: 26px; font-weight: 800; letter-spacing: -.5px; color: var(--text-main); word-break: break-all; } #dxDomain .dxm-sub { margin-top: 4px; font-size: 13px; color: var(--text-muted); } #dxDomain .dxm-renew { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; border-left: 4px solid var(--success); } #dxDomain .dxm-renew.is-expiring { border-left-color: var(--warning); } #dxDomain .dxm-renew.is-expired { border-left-color: var(--danger); } #dxDomain .dxm-renew-info { display: flex; align-items: center; gap: 18px; } #dxDomain .dxm-days { min-width: 86px; padding: 8px 12px; border-radius: var(--radius-md); background: var(--success-light); text-align: center; } #dxDomain .dxm-days strong { display: block; font-size: 26px; font-weight: 800; line-height: 1.1; color: #047857; } #dxDomain .dxm-days span { font-size: 12px; font-weight: 700; color: #047857; } #dxDomain .is-expiring .dxm-days { background: var(--warning-light); } #dxDomain .is-expiring .dxm-days strong, #dxDomain .is-expiring .dxm-days span { color: #b45309; } #dxDomain .is-expired .dxm-days { background: var(--danger-light); } #dxDomain .is-expired .dxm-days strong, #dxDomain .is-expired .dxm-days span { color: #b91c1c; } #dxDomain .dxm-renew-title { font-size: 15px; font-weight: 800; color: var(--text-main); } #dxDomain .dxm-renew-text { margin-top: 4px; font-size: 13px; color: var(--text-muted); } #dxDomain .dxm-renew-actions { display: flex; gap: 10px; flex-wrap: wrap; } #dxDomain .dxm-renew-actions form { margin: 0; } #dxDomain .dxm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-bottom: 24px; } #dxDomain .dxm-grid .portal-card { margin-bottom: 0; } #dxDomain .dxm-full { width: 100%; justify-content: center; padding: 11px; } #dxDomain .dxm-lock { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin-bottom: 18px; border-radius: var(--radius-md); border: 1px solid var(--border); background: #f8fafc; } #dxDomain .dxm-lock > i { font-size: 20px; color: var(--text-muted); } #dxDomain .dxm-lock.is-on { border-color: #a7f3d0; background: var(--success-light); } #dxDomain .dxm-lock.is-on > i { color: var(--success); } #dxDomain .dxm-lock strong { display: block; font-size: 14px; color: var(--text-main); } #dxDomain .dxm-lock span { font-size: 12px; color: var(--text-muted); } #dxDomain .dxm-epp p { margin: 2px 0 12px; font-size: 13px; color: var(--text-muted); line-height: 1.5; } #dxDomain .dxm-otp { display: flex; gap: 8px; } #dxDomain .dxm-otp input { flex: 1; min-width: 0; letter-spacing: 4px; font-weight: 800; font-size: 16px; text-align: center; } #dxDomain .dxm-link { margin-top: 8px; padding: 0; border: 0; background: none; font-family: inherit; font-size: 12px; font-weight: 700; color: var(--primary); cursor: pointer; } #dxDomain .dxm-link:hover { text-decoration: underline; } #dxDomain .dxm-dns-form { margin-bottom: 20px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #f8fafc; } #dxDomain .dxm-dns-form[hidden] { display: none; } #dxDomain .dxm-dns-grid { display: grid; grid-template-columns: 110px 1fr 2fr 120px 110px 110px; gap: 12px; align-items: end; } #dxDomain .dxm-dns-grid .form-label { font-size: 12px; } #dxDomain .dxm-mono { font-family: 'JetBrains Mono', monospace; font-size: 13px; } #dxDomain .dxm-muted { font-size: 12px; color: var(--text-muted); } @media (max-width: 991px) { #dxDomain .dxm-dns-grid { grid-template-columns: 1fr 1fr; } #dxDomain .dxm-dns-wide { grid-column: 1 / -1; } } @media (max-width: 575px) { #dxDomain .dxm-grid { grid-template-columns: 1fr; } #dxDomain .dxm-renew-actions, #dxDomain .dxm-renew-actions .btn-action { width: 100%; justify-content: center; } } /* Müşteri paneli (layouts/portal-app): geniş tablolar ana alanı ekrandan taşırmasın, tablo kendi kapsayıcısı içinde yatay kaysın */ .portal-main { min-width: 0; } /* Müşteri paneli: içerik 1440px ile ortalanınca sidebar'dan kopuk duruyordu; sola yasla, geniş ekranda biraz daha genişlesin */ .portal-main .portal-body { max-width: 1680px; margin: 0; } @media (min-width: 992px) { .portal-main .portal-body { padding: 28px 32px; } } /* Müşteri paneli sidebar: varsayılan beyaz scroll çubuğu yerine koyu temaya uygun ince çubuk */ .portal-sidebar .sidebar-nav { overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(148, 163, 184, .28) transparent; } .portal-sidebar .sidebar-nav::-webkit-scrollbar { width: 6px; } .portal-sidebar .sidebar-nav::-webkit-scrollbar-button { display: none; height: 0; } .portal-sidebar .sidebar-nav::-webkit-scrollbar-track { background: transparent; } .portal-sidebar .sidebar-nav::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, .28); border-radius: 6px; } .portal-sidebar .sidebar-nav:hover::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, .5); } @media (max-width: 575px) { .portal-header .btn-website-topbar { display: none !important; } /* satır içi display'i ezmek için */ .portal-header .quick-action-btn { font-size: 0; gap: 0; padding-left: 12px; padding-right: 12px; } .portal-header .quick-action-btn .fa-plus { font-size: 14px; } .portal-header .quick-action-btn .fa-angle-down { display: none; } .portal-header .header-left { min-width: 0; flex: 1; } .portal-header .breadcrumb-trail { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .portal-header .header-right { gap: 8px; flex-shrink: 0; } } /* Alan adı detay: whois + bilgi notları */ #dxDomain .dxm-note { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; padding: 12px 14px; border-radius: var(--radius-md); border: 1px solid #bfdbfe; background: var(--primary-light); font-size: 13px; line-height: 1.5; color: #1e3a8a; } #dxDomain .dxm-note > i { margin-top: 2px; } #dxDomain .dxm-note.is-warn { border-color: #fde68a; background: var(--warning-light); color: #92400e; } #dxDomain .dxm-note .dxm-link { display: block; margin-top: 4px; } #dxDomain .dxm-whois { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; } #dxDomain .dxm-whois-card { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-md); font-size: 13px; color: var(--text-muted); word-break: break-word; } #dxDomain .dxm-whois-card strong { font-size: 14px; color: var(--text-main); } #dxDomain .dxm-whois-card i { width: 14px; text-align: center; } #dxDomain .dxm-whois-type { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; color: var(--primary); } #dxDomain .dxm-hint { margin-top: 10px; font-size: 12px; color: var(--text-muted); } #dxDomain .dxm-whois-form { margin-top: 18px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #f8fafc; } #dxDomain .dxm-whois-form[hidden] { display: none; } #dxDomain .dxm-whois-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; } #dxDomain .dxm-span2 { grid-column: span 2; } #dxDomain .dxm-whois-types { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 14px; font-size: 13px; } #dxDomain .dxm-whois-types .form-label { margin: 0; } #dxDomain .dxm-whois-types label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; } #dxDomain .dxm-whois-types input { accent-color: var(--primary); } #dxDomain .dxm-whois-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; } #dxDomain .portal-card + .portal-card { margin-top: 24px; } @media (max-width: 575px) { #dxDomain .dxm-span2 { grid-column: auto; } } /* Alan adlarım: başlık düğme grubu */ #dxDomains .dxd-head-actions { display: flex; gap: 8px; flex-wrap: wrap; } /* Alan adı detay: sekmeler + anahtarlar + özel NS + yönlendirme */ #dxDomain .dxm-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 20px; padding: 4px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; } #dxDomain .dxm-tabs a { padding: 9px 14px; border-radius: var(--radius-sm); font-size: 13.5px; font-weight: 700; color: var(--text-muted); text-decoration: none; transition: background-color .15s ease, color .15s ease; } #dxDomain .dxm-tabs a:hover { background: #f1f5f9; color: var(--text-main); } #dxDomain .dxm-tabs a.is-active { background: var(--primary); color: #fff; } #dxDomain .dxm-panel[hidden] { display: none; } #dxDomain .dxm-panel > .dxm-renew { margin-bottom: 24px; } #dxDomain .dxm-grid { margin-bottom: 0; } #dxDomain .dxm-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--border); } #dxDomain .dxm-switch-row:last-of-type { border-bottom: 0; } #dxDomain .dxm-switch-row strong { display: block; font-size: 14px; color: var(--text-main); } #dxDomain .dxm-switch-row span { font-size: 12.5px; color: var(--text-muted); } #dxDomain .dxm-switch-row form { margin: 0; flex-shrink: 0; } #dxDomain .dxm-switch { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font-family: inherit; font-size: 13px; font-weight: 700; color: var(--text-muted); cursor: pointer; } #dxDomain .dxm-switch span { position: relative; width: 40px; height: 22px; border-radius: 11px; background: #cbd5e1; transition: background-color .15s ease; } #dxDomain .dxm-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s ease; } #dxDomain .dxm-switch.is-on { color: var(--text-main); } #dxDomain .dxm-switch.is-on span { background: var(--success); } #dxDomain .dxm-switch.is-on span::after { transform: translateX(18px); } #dxDomain .dxm-switch-static { padding: 4px 10px; border-radius: var(--radius-full); background: #f1f5f9; font-size: 12px; font-weight: 700; color: var(--text-muted); } #dxDomain .dxm-switch-static.is-on { background: var(--success-light); color: #047857; } #dxDomain .dxm-ns-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; } #dxDomain .dxm-inline { display: flex; gap: 8px; align-items: center; margin: 0; } #dxDomain .dxm-inline .form-input { max-width: 220px; } #dxDomain .dxm-childns-form, #dxDomain .dxm-forward-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); } #dxDomain .dxm-suffix { display: flex; align-items: stretch; } #dxDomain .dxm-suffix .form-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } #dxDomain .dxm-suffix span { display: flex; align-items: center; padding: 0 12px; border: 1px solid var(--border); border-left: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: #f8fafc; font-size: 13px; color: var(--text-muted); white-space: nowrap; } #dxDomain .dxm-forward-current { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid #a7f3d0; border-radius: var(--radius-md); background: var(--success-light); } #dxDomain .dxm-forward-current span { display: block; font-size: 12px; font-weight: 700; color: #047857; } #dxDomain .dxm-forward-current strong { font-size: 14px; word-break: break-all; } #dxDomain .dxm-forward-current form { margin: 0; } @media (max-width: 767px) { #dxDomain .dxm-tabs { flex-wrap: nowrap; overflow-x: auto; } #dxDomain .dxm-tabs a { white-space: nowrap; } #dxDomain .dxm-ns-grid, #dxDomain .dxm-childns-form, #dxDomain .dxm-forward-form { grid-template-columns: 1fr; } #dxDomain .dxm-switch-row { align-items: flex-start; } } #dxDomain .dxm-confirm { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border: 1px solid #fde68a; border-radius: var(--radius-md); background: var(--warning-light); font-size: 12.5px; line-height: 1.5; color: #92400e; cursor: pointer; } #dxDomain .dxm-confirm input { margin-top: 3px; accent-color: var(--warning); } /* Alan adlarım: toplu işlem çubuğu (seçim yapılınca ekranın altında sabit) */ #dxDomains.has-selection { padding-bottom: 96px; } #dxDomains tr.is-selected td { background: var(--primary-light); } #dxDomains .dxd-bulk { position: fixed; z-index: 60; left: calc(var(--sidebar-w) + 24px); right: 24px; bottom: 20px; max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 18px; border-radius: 14px; background: var(--secondary); color: #fff; box-shadow: 0 12px 32px rgba(15, 23, 42, .28); animation: dxdBulkIn .2s ease-out; } #dxDomains .dxd-bulk[hidden] { display: none; } @keyframes dxdBulkIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } } #dxDomains .dxd-bulk-info { display: flex; flex-direction: column; gap: 2px; margin-right: auto; min-width: 0; } #dxDomains .dxd-bulk-count { font-size: 14px; } #dxDomains .dxd-bulk-count b { font-size: 16px; } #dxDomains .dxd-bulk-total { font-size: 12.5px; color: #a7f3d0; font-weight: 600; } #dxDomains .dxd-bulk-total:empty { display: none; } #dxDomains .dxd-bulk-years { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #cbd5e1; } #dxDomains .dxd-bulk select { height: 38px; padding: 0 8px; border: 0; border-radius: var(--radius-sm); font-family: inherit; font-weight: 700; cursor: pointer; } #dxDomains .dxd-bulk .btn-action { height: 38px; white-space: nowrap; } #dxDomains .dxd-bulk .dxd-bulk-main { padding: 0 16px; font-size: 14px; } #dxDomains .dxd-bulk-more { display: flex; gap: 6px; } #dxDomains .dxd-bulk-more .btn-action { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .18); color: #fff; } #dxDomains .dxd-bulk-more .btn-action:hover { background: rgba(255, 255, 255, .16); } #dxDomains .dxd-bulk-clear { width: 34px; height: 34px; flex-shrink: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; } #dxDomains .dxd-bulk-clear:hover { background: rgba(255, 255, 255, .22); } @media (max-width: 1280px) { #dxDomains .dxd-bulk-more .btn-action { font-size: 0; gap: 0; padding: 0 12px; } #dxDomains .dxd-bulk-more .btn-action i { font-size: 15px; } } @media (max-width: 991px) { #dxDomains .dxd-bulk { left: 12px; right: 12px; bottom: 12px; } } @media (max-width: 640px) { #dxDomains.has-selection { padding-bottom: 170px; } #dxDomains .dxd-bulk { flex-wrap: wrap; gap: 8px; padding: 12px; } #dxDomains .dxd-bulk-info { width: calc(100% - 44px); margin-right: 0; } #dxDomains .dxd-bulk-clear { order: 1; } #dxDomains .dxd-bulk-years, #dxDomains .dxd-bulk-more { order: 2; } #dxDomains .dxd-bulk-main { order: 3; width: 100%; justify-content: center; } } /* Alan adı detay: whois (rol listesi + bilgi paneli) */ #dxDomain .dxw-head-actions { display: flex; gap: 8px; flex-wrap: wrap; } #dxDomain .dxw-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; align-items: start; } #dxDomain .dxw-roles { display: flex; flex-direction: column; gap: 8px; } #dxDomain .dxw-role { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border: 1px solid var(--border); border-left: 3px solid transparent; border-radius: var(--radius-md); background: #fff; font-family: inherit; text-align: left; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; } #dxDomain .dxw-role:hover { background: #f8fafc; } #dxDomain .dxw-role > i { width: 22px; font-size: 20px; text-align: center; color: #475569; } #dxDomain .dxw-role strong { display: block; font-size: 14px; color: var(--text-main); } #dxDomain .dxw-role small { display: block; margin-top: 2px; font-size: 12px; color: var(--text-muted); } #dxDomain .dxw-role.is-active { border-color: #bfdbfe; border-left-color: var(--primary); background: var(--primary-light); } #dxDomain .dxw-role.is-active > i, #dxDomain .dxw-role.is-active strong { color: var(--primary); } #dxDomain .dxw-form { padding: 18px 20px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; } #dxDomain .dxw-same { margin-bottom: 8px; } #dxDomain .dxw-same[hidden] { display: none; } #dxDomain .dxw-same label { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--text-main); cursor: pointer; } #dxDomain .dxw-same input { width: 16px; height: 16px; accent-color: var(--primary); } #dxDomain .dxw-same .fa-info-circle { color: var(--text-muted); } #dxDomain .dxw-diff { margin-top: 10px; padding: 10px 12px; border: 1px solid #fde68a; border-radius: var(--radius-sm); background: var(--warning-light); font-size: 13px; color: #92400e; } #dxDomain .dxw-diff[hidden] { display: none; } #dxDomain .dxw-diff i { color: #d97706; margin-right: 4px; } #dxDomain .dxw-section { margin: 16px 0 8px; font-size: 14px; font-weight: 800; color: var(--text-main); } #dxDomain .dxw-section i { color: var(--text-muted); margin-right: 4px; } #dxDomain .dxw-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; } #dxDomain .dxw-grid.dxw-tight { gap: 12px; } #dxDomain .dxw-span2 { grid-column: 1 / -1; } #dxDomain .dxw-form .form-label { font-size: 12.5px; color: var(--text-muted); } #dxDomain .dxw-form .form-label small { font-weight: 500; } #dxDomain .dxw-form .form-input, #dxDomain .dxw-form .form-select { width: 100%; } #dxDomain .dxw-form textarea.form-input { height: 100%; min-height: 104px; resize: vertical; font-family: inherit; line-height: 1.5; } #dxDomain .dxw-address { display: flex; flex-direction: column; } #dxDomain .dxw-address-side { display: flex; flex-direction: column; gap: 12px; } #dxDomain .dxw-icon-input { position: relative; } #dxDomain .dxw-icon-input i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--text-muted); } #dxDomain .dxw-icon-input .form-input { padding-left: 36px; } #dxDomain .dxw-phone { display: grid; grid-template-columns: 14px 64px minmax(0, 1fr); align-items: center; gap: 6px; } #dxDomain .dxw-phone span { font-weight: 700; color: var(--text-muted); text-align: right; } /* Görüntüleme modu: alanlar gri, salt okunur */ #dxDomain .dxw:not(.is-editing) .dxw-form .form-input, #dxDomain .dxw:not(.is-editing) .dxw-form .form-select { background: #f1f5f9; border-color: #e2e8f0; color: #334155; cursor: default; box-shadow: none; } #dxDomain .dxw:not(.is-editing) .dxw-form .form-select { opacity: 1; -webkit-appearance: none; appearance: none; } #dxDomain .dxw.is-editing .dxw-form { border-color: #bfdbfe; box-shadow: 0 0 0 3px rgba(37, 99, 235, .08); } #dxDomain .dxw-edit-bar { margin-top: 18px; } #dxDomain .dxw-edit-bar[hidden], #dxDomain .dxw-irtp[hidden] { display: none; } #dxDomain .dxw-footer { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--border); font-size: 12.5px; color: var(--text-muted); } #dxDomain .dxw-footer i { margin-right: 4px; } @media (max-width: 991px) { #dxDomain .dxw-layout { grid-template-columns: 1fr; } #dxDomain .dxw-roles { flex-direction: row; overflow-x: auto; padding-bottom: 2px; } #dxDomain .dxw-role { flex: 0 0 auto; width: auto; border-left-width: 1px; border-bottom: 3px solid transparent; } #dxDomain .dxw-role.is-active { border-left-color: #bfdbfe; border-bottom-color: var(--primary); } #dxDomain .dxw-role small { display: none; } } @media (max-width: 575px) { #dxDomain .dxw-grid { grid-template-columns: 1fr; } #dxDomain .dxw-form { padding: 14px; } } @media (max-width: 575px) { #dxDomain .dxw > .portal-card-header { flex-wrap: wrap; gap: 12px; } #dxDomain .dxw-head-actions { width: 100%; } #dxDomain .dxw-head-actions .btn-action { flex: 1; justify-content: center; } } /* ========================================================================= YÖNETİM: ALAN ADI YÖNETİMİ (resources/views/admin/domains/*) admin.layout (Bootstrap 4) üzerinde; #dxAdmDomains (liste) ve #dxAdmDomain (detay) ========================================================================= */ #dxAdmDomains, #dxAdmDomain { --dxa-blue: #3174f1; --dxa-border: #e2e8f0; --dxa-muted: #64748b; } #dxAdmDomains .dxa-head, #dxAdmDomain .dxa-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } #dxAdmDomains .dxa-head h1, #dxAdmDomain .dxa-head h1 { margin: 0; font-size: 22px; font-weight: 800; color: #0f172a; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } #dxAdmDomains .dxa-head p, #dxAdmDomain .dxa-head p { margin: 4px 0 0; font-size: 13px; color: var(--dxa-muted); } #dxAdmDomains .dxa-head-actions, #dxAdmDomain .dxa-head-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } #dxAdmDomains .dxa-head-actions form, #dxAdmDomain .dxa-head-actions form { margin: 0; } #dxAdmDomains .btn i, #dxAdmDomain .btn i { margin-right: 4px; } /* Özet kartları (tıklanabilir) */ #dxAdmDomains .dxa-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; } #dxAdmDomains .dxa-stat { display: flex; align-items: center; gap: 14px; min-height: 84px; padding: 16px 18px; border: 1px solid var(--dxa-border); border-radius: 12px; background: #fff; color: #334155; font-size: 13.5px; font-weight: 600; text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } #dxAdmDomains a.dxa-stat:hover { text-decoration: none; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(15, 23, 42, .07); } #dxAdmDomains .dxa-stat > i { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 19px; } #dxAdmDomains .dxa-stat b { display: block; font-size: 24px; font-weight: 800; color: #0f172a; line-height: 1.1; } #dxAdmDomains .dxa-stat.is-active { box-shadow: 0 0 0 2px currentColor; } #dxAdmDomains .dxa-stat.is-blue { background: #f5f9ff; border-color: #dbeafe; color: #1d4ed8; } #dxAdmDomains .dxa-stat.is-blue > i { background: #2563eb; color: #fff; } #dxAdmDomains .dxa-stat.is-green { background: #f3fdf8; border-color: #d1fae5; color: #047857; } #dxAdmDomains .dxa-stat.is-green > i { background: #10b981; color: #fff; } #dxAdmDomains .dxa-stat.is-amber { background: #fffbf2; border-color: #fde9c4; color: #b45309; } #dxAdmDomains .dxa-stat.is-amber > i { background: transparent; color: #f59e0b; font-size: 30px; } #dxAdmDomains .dxa-stat.is-red { background: #fff5f5; border-color: #fecaca; color: #b91c1c; } #dxAdmDomains .dxa-stat.is-red > i { background: transparent; color: #dc2626; font-size: 28px; } #dxAdmDomains .dxa-stat.is-rose { background: #fff6f5; border-color: #fed7d2; color: #c2410c; } #dxAdmDomains .dxa-stat.is-rose > i { background: #ef4444; color: #fff; } #dxAdmDomains .dxa-stat.is-balance { background: #f8f7ff; border-color: #e4e0ff; color: #4338ca; } #dxAdmDomains .dxa-stat.is-balance > i { background: #5b21b6; color: #fff; } #dxAdmDomains .dxa-stat.is-balance b { font-size: 20px; white-space: nowrap; } /* Senkron ilerleme paneli */ #dxAdmDomains .dxa-sync-panel { margin-bottom: 18px; padding: 16px 18px; border: 1px solid #bfdbfe; border-radius: 12px; background: #f8fbff; } #dxAdmDomains .dxa-sync-panel[hidden] { display: none; } #dxAdmDomains .dxa-sync-top { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: #0f172a; } #dxAdmDomains .dxa-sync-top span { font-weight: 700; color: var(--dxa-muted); } #dxAdmDomains .dxa-progress { height: 8px; margin: 10px 0; border-radius: 4px; background: #e2e8f0; overflow: hidden; } #dxAdmDomains .dxa-progress span { display: block; height: 100%; border-radius: 4px; background: var(--dxa-blue); transition: width .3s ease; } #dxAdmDomains .dxa-sync-stats { display: flex; gap: 8px 20px; flex-wrap: wrap; font-size: 13px; color: #047857; } #dxAdmDomains .dxa-sync-stats span.is-warn { color: #b45309; } #dxAdmDomains .dxa-sync-stats span.is-err { color: #b91c1c; } #dxAdmDomains .dxa-sync-stats span.is-muted { color: var(--dxa-muted); } #dxAdmDomains .dxa-sync-msg { margin: 8px 0 0; font-size: 12.5px; color: var(--dxa-muted); } #dxAdmDomains .dxa-sync-actions { display: flex; gap: 8px; margin-top: 10px; } #dxAdmDomains .dxa-sync-actions[hidden], #dxAdmDomains .dxa-sync-stats[hidden] { display: none; } /* Liste: filtreler ve hazır görünümler */ #dxAdmDomains .dxa-list { padding: 0; overflow: visible; } #dxAdmDomains .dxa-filters { display: flex; gap: 10px; align-items: stretch; padding: 16px 16px 12px; } #dxAdmDomains .dxa-search { position: relative; flex: 1 1 260px; min-width: 200px; } #dxAdmDomains .dxa-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--dxa-muted); } #dxAdmDomains .dxa-search input { height: 44px; padding-left: 38px; border-radius: 8px; font-size: 13.5px; } #dxAdmDomains .dxa-select { position: relative; flex: 0 1 150px; min-width: 120px; margin: 0; } #dxAdmDomains .dxa-select span { position: absolute; top: 5px; left: 11px; font-size: 10.5px; font-weight: 600; color: var(--dxa-muted); pointer-events: none; } #dxAdmDomains .dxa-select select { height: 44px; padding: 16px 10px 2px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #0f172a; } #dxAdmDomains .dxa-clear { display: inline-flex; align-items: center; gap: 6px; padding: 0 6px; font-size: 13px; font-weight: 600; color: var(--dxa-blue); white-space: nowrap; } #dxAdmDomains .dxa-views { display: flex; gap: 10px; flex-wrap: wrap; padding: 0 16px 14px; } #dxAdmDomains .dxa-view { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid #c7d7fb; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 600; color: #1d4ed8; text-decoration: none; } #dxAdmDomains .dxa-view:hover { text-decoration: none; background: #f5f8ff; } #dxAdmDomains .dxa-view b { min-width: 22px; padding: 1px 7px; border-radius: 6px; background: #eef2ff; font-size: 12px; text-align: center; } #dxAdmDomains .dxa-view.is-danger { border-color: #fecaca; color: #b91c1c; } #dxAdmDomains .dxa-view.is-danger i { color: #dc2626; } #dxAdmDomains .dxa-view.is-danger b { background: #fee2e2; } #dxAdmDomains .dxa-view.is-active { border-color: var(--dxa-blue); background: var(--dxa-blue); color: #fff; } #dxAdmDomains .dxa-view.is-active i { color: #fff; } #dxAdmDomains .dxa-view.is-active b { background: rgba(255, 255, 255, .22); } #dxAdmDomains .dxa-alert { display: flex; align-items: center; gap: 10px; margin: 0 16px 14px; padding: 11px 14px; border: 1px solid #fecaca; border-radius: 10px; background: #fff5f5; font-size: 13.5px; font-weight: 600; color: #1e293b; } #dxAdmDomains .dxa-alert[hidden] { display: none; } #dxAdmDomains .dxa-alert > i { font-size: 18px; color: #dc2626; } #dxAdmDomains .dxa-alert > span { flex: 1; } #dxAdmDomains .dxa-alert a { color: var(--dxa-blue); white-space: nowrap; } #dxAdmDomains .dxa-alert-close { border: 0; background: none; color: var(--dxa-muted); } /* Liste: tablo */ #dxAdmDomains .dxa-table { margin: 0; font-size: 13px; } #dxAdmDomains .dxa-table th { border-top: 1px solid var(--dxa-border); background: #fafbfc; font-size: 12.5px; font-weight: 700; color: #334155; white-space: nowrap; } #dxAdmDomains .dxa-sort { color: inherit; } #dxAdmDomains .dxa-sort.is-active { color: var(--dxa-blue); } #dxAdmDomains .dxa-table td { vertical-align: middle; } #dxAdmDomains .dxa-table tbody tr { cursor: pointer; } #dxAdmDomains .dxa-table tbody tr:hover td { background: #fafcff; } #dxAdmDomains .dxa-table tr.is-selected td { background: #eff6ff; } #dxAdmDomains .dxa-check { width: 36px; } #dxAdmDomains .dxa-check input { width: 16px; height: 16px; cursor: pointer; } #dxAdmDomains .dxa-domain { font-weight: 700; color: #1d4ed8; } #dxAdmDomains .dxa-note-flag { margin-left: 6px; color: #f59e0b; } #dxAdmDomains .dxa-owner { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; margin-left: 4px; padding: 0 4px; border-radius: 10px; background: #e0e7ff; font-size: 10px; font-weight: 800; color: #3730a3; vertical-align: 1px; } #dxAdmDomains .dxa-ns { font-size: 11.5px; color: var(--dxa-muted); } #dxAdmDomains .dxa-customer, #dxAdmDomain .dxa-customer { font-weight: 700; color: #1e40af; } #dxAdmDomains .dxa-sub, #dxAdmDomain .dxa-sub { font-size: 12px; color: var(--dxa-muted); } #dxAdmDomains .dxa-days { display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 6px; background: #ecfdf5; font-size: 11.5px; font-weight: 700; color: #047857; } #dxAdmDomains .dxa-days.is-expiring { background: #fef3c7; color: #92400e; } #dxAdmDomains .dxa-days.is-expired, #dxAdmDomains .dxa-days.is-inactive { background: #fee2e2; color: #b91c1c; } #dxAdmDomains .dxa-mismatch { margin-top: 3px; font-size: 11.5px; font-weight: 700; color: #b45309; } #dxAdmDomains .dxa-pills { display: flex; gap: 6px; flex-wrap: wrap; } #dxAdmDomains .dxa-pill { padding: 3px 9px; border: 1px solid; border-radius: 6px; font-size: 11.5px; font-weight: 700; white-space: nowrap; } #dxAdmDomains .dxa-pill.is-on { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; } #dxAdmDomains .dxa-pill.is-off { border-color: #e2e8f0; background: #f1f5f9; color: #475569; } #dxAdmDomains .dxa-pill.is-bad { border-color: #fecaca; background: #fef2f2; color: #b91c1c; } #dxAdmDomains .dxa-provider { white-space: nowrap; } #dxAdmDomains .dxa-sync { white-space: nowrap; font-size: 12.5px; color: #334155; } #dxAdmDomains .dxa-dot { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: #94a3b8; } #dxAdmDomains .dxa-sync.is-ok .dxa-dot { background: #22c55e; } #dxAdmDomains .dxa-sync.is-error { color: #b91c1c; font-weight: 600; } #dxAdmDomains .dxa-sync.is-error .dxa-dot { background: #ef4444; } #dxAdmDomains .dxa-more { width: 32px; border: 1px solid var(--dxa-border); } #dxAdmDomains .dxa-more i { margin: 0; } #dxAdmDomains .dropdown-item { font-size: 13px; } #dxAdmDomains .dropdown-item i { width: 16px; margin-right: 6px; } #dxAdmDomains .dxa-pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-top: 1px solid var(--dxa-border); font-size: 13px; color: var(--dxa-muted); } #dxAdmDomains .dxa-pager .pagination { margin: 0 0 0 auto; } #dxAdmDomains .dxa-per { margin: 0; } #dxAdmDomains .dxa-per select { width: auto; } #dxAdmDomains .dxa-empty { padding: 48px 16px; text-align: center; color: var(--dxa-muted); } #dxAdmDomains .dxa-empty > i { font-size: 32px; opacity: .4; } /* Durum rozeti (ortak) */ #dxAdmDomains .dxa-status, #dxAdmDomain .dxa-status, .dxa-quick .dxa-status { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; white-space: nowrap; vertical-align: middle; } #dxAdmDomains .dxa-status::before, #dxAdmDomain .dxa-status::before, .dxa-quick .dxa-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } .dxa-status.is-active { background: #ecfdf5; color: #047857; } .dxa-status.is-expiring { background: #fffbeb; color: #b45309; } .dxa-status.is-expired { background: #fef2f2; color: #b91c1c; } .dxa-status.is-inactive, .dxa-status.is-slate { background: #f1f5f9; color: #475569; } /* Toplu işlem çubuğu (body altına taşınır; ekranın altında sabit) */ #dxAdmDomains.has-selection { padding-bottom: 84px; } .dxa-bulk { position: fixed; z-index: 1040; left: calc(260px + 24px); right: 24px; bottom: 16px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 14px 10px 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #0f172a; box-shadow: 0 12px 32px rgba(15, 23, 42, .18); } .dxa-bulk[hidden] { display: none; } .dxa-bulk > span { margin-right: auto; font-size: 14px; font-weight: 600; } .dxa-bulk .btn-light { border: 1px solid #c7d7fb; background: #fff; color: #1d4ed8; font-weight: 600; } .dxa-bulk .btn i { margin-right: 4px; } .dxa-bulk .dxa-bulk-clear { border: 1px solid #fecaca; background: #fff; color: #b91c1c; font-weight: 600; } /* Hızlı bakış çekmecesi */ .dxa-drawer-backdrop { position: fixed; inset: 0; z-index: 1045; background: rgba(15, 23, 42, .3); } .dxa-drawer-backdrop[hidden] { display: none; } .dxa-drawer { position: fixed; z-index: 1050; top: 0; right: 0; bottom: 0; width: 440px; max-width: 100%; overflow-y: auto; padding: 22px 22px 28px; background: #fff; box-shadow: -12px 0 32px rgba(15, 23, 42, .15); transform: translateX(105%); transition: transform .2s ease; } .dxa-drawer.is-open { transform: none; } .dxa-drawer-close { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f1f5f9; color: #334155; } .dxa-drawer-loading { padding: 40px 0; text-align: center; color: #64748b; } .dxa-quick-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 40px 16px 0; } .dxa-quick-head h3 { margin: 0; font-size: 19px; font-weight: 800; color: #0f172a; word-break: break-all; } .dxa-quick-dl { margin: 0 0 14px; } .dxa-quick-dl > div { display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px dashed #e2e8f0; font-size: 13px; } .dxa-quick-dl > div.is-warn dd { color: #b45309; } .dxa-quick-dl dt { flex: 0 0 130px; font-weight: 600; color: #64748b; } .dxa-quick-dl dd { flex: 1; margin: 0; font-weight: 600; color: #0f172a; word-break: break-word; } .dxa-quick-dl dd small { display: block; font-weight: 500; color: #64748b; } .dxa-quick-note { margin-bottom: 10px; padding: 10px 12px; border-radius: 8px; background: #fffbeb; font-size: 13px; color: #78350f; white-space: pre-line; } .dxa-quick-note.is-warn { background: #fef2f2; color: #991b1b; } .dxa-quick h4 { margin: 16px 0 8px; font-size: 13px; font-weight: 800; color: #0f172a; } .dxa-quick-logs { margin: 0; padding: 0; list-style: none; font-size: 12.5px; color: #334155; } .dxa-quick-logs li { padding: 5px 0; border-bottom: 1px solid #f1f5f9; } .dxa-quick-logs span { color: #64748b; } .dxa-quick-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 18px; } .dxa-quick-actions form { margin: 0; } .dxa-quick-actions .btn i { margin-right: 4px; } /* Detay */ #dxAdmDomain .dxa-breadcrumb { margin-bottom: 10px; font-size: 13px; color: var(--dxa-muted); } #dxAdmDomain .dxa-breadcrumb a { color: var(--dxa-muted); } #dxAdmDomain .dxa-breadcrumb span { color: #0f172a; font-weight: 700; } #dxAdmDomain .dxa-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; align-items: start; } #dxAdmDomain .dxa-card-title { margin: 0 0 14px; font-size: 15px; font-weight: 800; color: #0f172a; } #dxAdmDomain .dxa-card-title i { margin-right: 6px; color: var(--dxa-blue); } #dxAdmDomain .dxa-dl { margin: 0 0 12px; } #dxAdmDomain .dxa-dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px dashed var(--dxa-border); font-size: 13px; } #dxAdmDomain .dxa-dl dt { font-weight: 600; color: var(--dxa-muted); } #dxAdmDomain .dxa-dl dd { margin: 0; font-weight: 700; color: #0f172a; text-align: right; } #dxAdmDomain .dxa-toggle-row { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; font-size: 13.5px; font-weight: 600; } #dxAdmDomain .dxa-toggle-row form { margin: 0; } #dxAdmDomain .dxa-toggle-row small { color: var(--dxa-muted); font-weight: 500; } #dxAdmDomain .dxa-switch { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font-size: 12.5px; font-weight: 700; color: var(--dxa-muted); cursor: pointer; } #dxAdmDomain .dxa-switch span { position: relative; width: 38px; height: 21px; border-radius: 11px; background: #cbd5e1; transition: background-color .15s ease; } #dxAdmDomain .dxa-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; transition: transform .15s ease; } #dxAdmDomain .dxa-switch.is-on { color: #0f172a; } #dxAdmDomain .dxa-switch.is-on span { background: #10b981; } #dxAdmDomain .dxa-switch.is-on span::after { transform: translateX(17px); } #dxAdmDomain .dxa-switch-static { padding: 3px 10px; border-radius: 999px; background: #f1f5f9; font-size: 12px; font-weight: 700; color: var(--dxa-muted); } #dxAdmDomain .dxa-switch-static.is-on { background: #ecfdf5; color: #047857; } #dxAdmDomain .dxa-ns-list { margin: 0 0 10px; padding-left: 18px; } #dxAdmDomain .dxa-mono { font-family: 'JetBrains Mono', monospace; font-size: 12.5px; } #dxAdmDomain .dxa-inline-form { display: flex; gap: 8px; margin: 0; } #dxAdmDomain .dxa-details { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--dxa-border); } #dxAdmDomain .dxa-details summary { margin-bottom: 8px; font-size: 13px; font-weight: 700; color: var(--dxa-blue); cursor: pointer; } #dxAdmDomain .dxa-danger-card { border-top: 3px solid #dc2626; } #dxAdmDomain .dxa-danger-card .dxa-card-title i { color: #dc2626; } #dxAdmDomain .dxa-details summary.text-danger { color: #dc2626; } #dxAdmDomain .dxa-remove-form { display: grid; gap: 6px; max-width: 420px; } #dxAdmDomain .dxa-remove-form label { margin: 4px 0 0; } #dxAdmDomain .dxa-remove-form .btn { justify-self: start; margin-top: 4px; } #dxAdmDomain .dxa-whois { font-size: 12.5px; } #dxAdmDomain .dxa-whois th { border-top: 0; font-size: 11px; text-transform: uppercase; color: var(--dxa-muted); } #dxAdmDomain .dxa-epp code { padding: 3px 8px; border-radius: 6px; background: #fff; font-size: 14px; color: #0f172a; } #dxAdmDomain .dxa-timeline { margin: 0; padding: 0; list-style: none; } #dxAdmDomain .dxa-timeline li { position: relative; padding: 0 0 12px 18px; border-left: 2px solid var(--dxa-border); margin-left: 5px; font-size: 13px; } #dxAdmDomain .dxa-timeline li::before { content: ""; position: absolute; left: -6px; top: 3px; width: 10px; height: 10px; border-radius: 50%; background: #10b981; } #dxAdmDomain .dxa-timeline li.is-wait::before { background: #f59e0b; } #dxAdmDomain .dxa-timeline li.is-err::before { background: #ef4444; } #dxAdmDomain .dxa-timeline .dxa-sub { margin-left: 6px; } #dxAdmDomain .dxa-timeline div.dxa-sub { margin-left: 0; } #dxAdmDomain .dxa-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } #dxAdmDomain .dxa-card-head form { margin: 0; } #dxAdmDomain .dxa-card-title small { font-weight: 500; } #dxAdmDomain .dxa-links { display: flex; gap: 6px 14px; flex-wrap: wrap; margin-top: 8px; font-size: 12.5px; font-weight: 600; } #dxAdmDomain .dxa-links i { margin-right: 3px; } #dxAdmDomain .dxa-compare { font-size: 12.5px; } #dxAdmDomain .dxa-compare th, #dxAdmDomain .dxa-log-table th { border-top: 0; font-size: 11px; text-transform: uppercase; color: var(--dxa-muted); } #dxAdmDomain .dxa-compare tr.is-diff td { background: #fffbeb; font-weight: 700; color: #92400e; } #dxAdmDomain .dxa-log-table { font-size: 12.5px; } #dxAdmDomain .dxa-log-table td { vertical-align: top; } #dxAdmDomain .dxa-note-form { display: grid; gap: 6px; } #dxAdmDomain .dxa-note-form label { margin: 2px 0 0; } #dxAdmDomain .dxa-note-form .btn { justify-self: start; margin-top: 4px; } #dxAdmDomain .dxa-mismatch-alert { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } #dxAdmDomain .dxa-mismatch-alert form { margin: 0 0 0 auto; } @media (max-width: 1400px) { #dxAdmDomains .dxa-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1280px) { #dxAdmDomains .dxa-filters { flex-wrap: wrap; } } @media (max-width: 991px) { #dxAdmDomain .dxa-grid { grid-template-columns: 1fr; } .dxa-bulk { left: 12px; right: 12px; } } @media (max-width: 575px) { #dxAdmDomains .dxa-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Genel hata ekranı (resources/views/errors/500.blade.php) */ body.dx-error-page { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; background: #f4f6fb; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #1e293b; } .dx-error-box { max-width: 480px; width: 100%; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 32px 28px; text-align: center; box-shadow: 0 10px 30px rgba(15, 23, 42, .06); } .dx-error-code { font-size: 44px; font-weight: 800; color: #dc2626; line-height: 1; } .dx-error-box h1 { margin: 12px 0 8px; font-size: 20px; } .dx-error-box p { margin: 0 0 14px; font-size: 14px; color: #475569; line-height: 1.55; } .dx-error-ref { padding: 10px 12px; border-radius: 8px; background: #f8fafc; border: 1px dashed #cbd5e1; } .dx-error-ref strong { font-family: ui-monospace, monospace; letter-spacing: 1px; color: #0f172a; } .dx-error-actions { display: flex; gap: 10px; justify-content: center; margin-top: 6px; } .dx-error-actions a { padding: 9px 16px; border-radius: 8px; border: 1px solid #cbd5e1; color: #1e293b; text-decoration: none; font-size: 14px; font-weight: 600; } .dx-error-actions a.is-primary { background: #2563eb; border-color: #2563eb; color: #fff; } /* ========================================================================== Yönetim Paneli Sol Menü (admin/partials/sidebar.blade.php + admin-sidebar.js) ========================================================================== */ :root { --dx-sb-w: 288px; --dx-sb-w-collapsed: 76px; --dx-sb-bg: #0b1426; --dx-sb-bg-2: #111c33; --dx-sb-line: rgba(255,255,255,0.08); --dx-sb-text: rgba(255,255,255,0.78); --dx-sb-muted: rgba(255,255,255,0.45); --dx-sb-accent: #2563eb; } .admin-sidebar.dx-sb { width: var(--dx-sb-w); background: var(--dx-sb-bg); position: fixed; top: 0; bottom: 0; left: 0; height: auto; z-index: 1030; display: flex; flex-direction: column; color: #fff; overflow: hidden; box-shadow: 4px 0 20px rgba(0,0,0,0.08); transition: width .22s ease, transform .22s ease; } .admin-topbar, .admin-main { margin-left: var(--dx-sb-w) !important; transition: margin-left .22s ease; } body.dx-sb-collapsed { --dx-sb-w: var(--dx-sb-w-collapsed); } /* Marka */ .dx-sb-brand { display: flex; align-items: center; justify-content: space-between; padding: 18px 16px 14px 20px; flex-shrink: 0; } .dx-sb-logo { display: flex; align-items: center; gap: 12px; color: #fff !important; text-decoration: none !important; min-width: 0; } .dx-sb-logo-mark { width: 38px; height: 38px; flex-shrink: 0; border-radius: 10px; background: linear-gradient(135deg, #2563eb, #7c3aed); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; } .dx-sb-logo-text { display: flex; flex-direction: column; line-height: 1.15; white-space: nowrap; } .dx-sb-logo-text strong { font-size: 17px; letter-spacing: .6px; } .dx-sb-logo-text small { font-size: 11.5px; color: var(--dx-sb-muted); } .dx-sb-collapse { background: transparent; border: 0; color: var(--dx-sb-text); font-size: 20px; width: 32px; height: 32px; border-radius: 8px; cursor: pointer; flex-shrink: 0; } .dx-sb-collapse:hover { background: rgba(255,255,255,0.08); color: #fff; } /* Arama */ .dx-sb-search { position: relative; margin: 0 16px 10px; flex-shrink: 0; } .dx-sb-search > .fa { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--dx-sb-muted); font-size: 14px; pointer-events: none; } .dx-sb-search input { width: 100%; height: 40px; padding: 0 58px 0 36px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.04); color: #fff; font-size: 13.5px; outline: none; transition: border-color .15s, background .15s; } .dx-sb-search input::placeholder { color: var(--dx-sb-muted); } .dx-sb-search input:focus { border-color: var(--dx-sb-accent); background: rgba(255,255,255,0.07); } .dx-sb-search input::-webkit-search-cancel-button { filter: invert(1); opacity: .5; } .dx-sb-search kbd { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.08); color: var(--dx-sb-muted); font-size: 10.5px; padding: 2px 6px; border-radius: 5px; box-shadow: none; font-family: inherit; } .dx-sb.is-searching .dx-sb-search kbd { display: none; } /* Kaydırılabilir gövde (içerikten bağımsız) */ .dx-sb-scroll { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding: 4px 0 12px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.2) transparent; } .dx-sb-scroll::-webkit-scrollbar { width: 6px; } .dx-sb-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; } .dx-section + .dx-section { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--dx-sb-line); } .dx-section-title { font-size: 11px; font-weight: 800; letter-spacing: .9px; text-transform: uppercase; color: var(--dx-sb-muted); padding: 10px 22px 6px; white-space: nowrap; } .dx-list, .dx-sub { list-style: none; margin: 0; padding: 0; } .dx-fav-empty, .dx-no-result { font-size: 12px; color: var(--dx-sb-muted); padding: 4px 22px 8px; margin: 0; } /* Öğe */ .dx-item { position: relative; margin: 1px 10px; } .dx-item > a { display: flex; align-items: center; gap: 12px; padding: 9px 38px 9px 12px; border-radius: 9px; color: var(--dx-sb-text); font-size: 14px; font-weight: 600; text-decoration: none !important; white-space: nowrap; transition: background .15s, color .15s; } .dx-item > a:hover { background: rgba(255,255,255,0.06); color: #fff; } .dx-ico { width: 20px; text-align: center; font-size: 16px; flex-shrink: 0; } .dx-label { overflow: hidden; text-overflow: ellipsis; min-width: 0; } .dx-count { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #f59e0b; color: #1f2937; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .dx-item.is-active > a { background: var(--dx-sb-accent); color: #fff; box-shadow: 0 6px 16px rgba(37,99,235,0.35); } .dx-item.is-active > a::before { content: ""; position: absolute; left: -10px; top: 8px; bottom: 8px; width: 4px; border-radius: 0 4px 4px 0; background: #60a5fa; } .dx-item.is-active .dx-count { background: #fff; color: var(--dx-sb-accent); } /* Favori yıldızı: üzerine gelince / düzenleme modunda / favoriyken görünür */ .dx-star { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border: 0; border-radius: 6px; background: transparent; color: var(--dx-sb-muted); font-size: 14px; cursor: pointer; opacity: 0; transition: opacity .15s, color .15s; } .dx-item:hover .dx-star, .dx-star:focus-visible, .dx-sb.is-editing .dx-star, #dxFavList .dx-star { opacity: 1; } .dx-star:hover { color: #fbbf24; background: rgba(255,255,255,0.06); } .dx-star.is-on { color: #fbbf24; } .dx-item.is-active .dx-star { color: rgba(255,255,255,0.85); } /* Gruplar */ .dx-group { margin: 1px 10px; } .dx-group-toggle { width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 0; border-radius: 9px; background: transparent; color: var(--dx-sb-text); font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; white-space: nowrap; } .dx-group-toggle:hover { background: rgba(255,255,255,0.06); color: #fff; } .dx-group.has-active > .dx-group-toggle { color: #fff; } .dx-group.has-active > .dx-group-toggle .dx-ico { color: #60a5fa; } .dx-caret { margin-left: auto; transition: transform .2s; font-size: 16px; } .dx-group.is-open > .dx-group-toggle .dx-caret { transform: rotate(180deg); } .dx-group > .dx-sub { display: none; margin: 2px 0 6px; padding: 4px 0; border-radius: 10px; background: var(--dx-sb-bg-2); } .dx-group.is-open > .dx-sub { display: block; } .dx-group .dx-item { margin: 1px 6px; } .dx-group .dx-item > a { padding-left: 22px; font-size: 13.5px; } .dx-subgroup-title { font-size: 11px; font-weight: 700; color: var(--dx-sb-muted); padding: 8px 12px 2px 24px; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; } .dx-subgroup-title .fa { margin-right: 6px; } .dx-sub-nested .dx-item > a { padding-left: 30px; } .dx-item[hidden], .dx-group[hidden], .dx-subgroup[hidden], .dx-section[hidden] { display: none !important; } /* Düzenle + kullanıcı (altta sabit) */ .dx-sb-edit { flex-shrink: 0; padding: 10px 16px; border-top: 1px solid var(--dx-sb-line); display: flex; flex-direction: column; gap: 6px; } .dx-edit-btn { width: 100%; height: 40px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.18); background: transparent; color: #fff; font-size: 13.5px; font-weight: 600; cursor: pointer; white-space: nowrap; } .dx-edit-btn:hover { background: rgba(255,255,255,0.06); } .dx-sb.is-editing .dx-edit-btn { background: var(--dx-sb-accent); border-color: var(--dx-sb-accent); } .dx-reset-btn { border: 0; background: transparent; color: var(--dx-sb-muted); font-size: 12px; cursor: pointer; text-decoration: underline; } .dx-sb-user { flex-shrink: 0; display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-top: 1px solid var(--dx-sb-line); background: rgba(0,0,0,0.18); } .dx-avatar { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; background: var(--dx-sb-accent); color: #fff; font-weight: 800; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; } .dx-user-meta { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.2; } .dx-user-meta strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-user-meta small { font-size: 12px; color: var(--dx-sb-muted); } .dx-user-btn { width: 34px; height: 34px; border: 0; border-radius: 8px; background: transparent; color: var(--dx-sb-text); font-size: 17px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none !important; } .dx-user-btn:hover { background: rgba(255,255,255,0.08); color: #fff; } .dx-logout { color: #f87171; } .dx-logout:hover { color: #fca5a5; } /* Dar mod: yalnızca ikonlar */ @media (min-width: 992px) { body.dx-sb-collapsed .dx-sb-logo-text, body.dx-sb-collapsed .dx-label, body.dx-sb-collapsed .dx-caret, body.dx-sb-collapsed .dx-star, body.dx-sb-collapsed .dx-section-title, body.dx-sb-collapsed .dx-subgroup-title, body.dx-sb-collapsed .dx-sb-search input, body.dx-sb-collapsed .dx-sb-search kbd, body.dx-sb-collapsed .dx-fav-empty, body.dx-sb-collapsed .dx-user-meta, body.dx-sb-collapsed .dx-sb-user .dx-user-btn:not(.dx-logout) { display: none !important; } body.dx-sb-collapsed .dx-sb-brand { flex-direction: column; gap: 10px; padding: 16px 0 10px; } body.dx-sb-collapsed .dx-sb-collapse .fa { transform: rotate(180deg); } body.dx-sb-collapsed .dx-sb-search { margin: 0 14px 10px; height: 40px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.14); cursor: pointer; } body.dx-sb-collapsed .dx-sb-search > .fa { left: 50%; transform: translate(-50%, -50%); } body.dx-sb-collapsed .dx-item > a, body.dx-sb-collapsed .dx-group-toggle { justify-content: center; padding: 10px 0 !important; position: relative; } body.dx-sb-collapsed .dx-group > .dx-sub { display: none !important; } body.dx-sb-collapsed .dx-count { position: absolute; top: 2px; right: 4px; min-width: 16px; height: 16px; font-size: 9.5px; padding: 0 4px; } body.dx-sb-collapsed .dx-sb-edit { padding: 10px 14px; } body.dx-sb-collapsed .dx-edit-btn { font-size: 15px; } body.dx-sb-collapsed .dx-sb-user { flex-direction: column; padding: 12px 0; } } /* Mobil / tablet: menü soldan açılan çekmece */ .dx-sb-backdrop { display: none; } .dx-sb-mobile-toggle { display: none; background: transparent; border: 1px solid var(--daynex-border, #e2e8f0); border-radius: 8px; width: 38px; height: 38px; font-size: 18px; color: #0f172a; cursor: pointer; } @media (max-width: 991.98px) { .admin-topbar, .admin-main { margin-left: 0 !important; } .admin-sidebar.dx-sb { width: min(300px, 86vw); transform: translateX(-100%); } body.dx-sb-mobile-open .admin-sidebar.dx-sb { transform: none; } body.dx-sb-mobile-open .dx-sb-backdrop { display: block; position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 1029; } body.dx-sb-mobile-open { overflow: hidden; } .dx-sb-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; } .dx-sb-search kbd { display: none; } } @media (prefers-reduced-motion: reduce) { .admin-sidebar.dx-sb, .admin-topbar, .admin-main, .dx-caret { transition: none; } } /* ===== Ortak sayfalama (resources/views/vendor/pagination/daynex.blade.php) ===== Tüm admin ve müşteri paneli listelerinde aynı görünüm; Bootstrap 4/5'ten bağımsız. */ .dx-pager { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; width: 100%; margin: 0; font-size: 13px; color: #64748b; } .dx-pager-info strong { color: #0f172a; font-weight: 700; } .dx-pager-list { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; } .dx-pager-list li { margin: 0; padding: 0; } .dx-pager-list a, .dx-pager-list span { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #334155; font-size: 13px; font-weight: 600; line-height: 1; text-decoration: none; transition: background .15s, border-color .15s, color .15s; } .dx-pager-list a:hover, .dx-pager-list a:focus { background: #eff6ff; border-color: #bfdbfe; color: #3174f1; text-decoration: none; } .dx-pager-list .is-active span { background: #3174f1; border-color: #3174f1; color: #fff; } .dx-pager-list .is-disabled span { color: #cbd5e1; background: #f8fafc; cursor: not-allowed; } .dx-pager-list .is-gap span { border-color: transparent; background: transparent; min-width: 20px; padding: 0 2px; } .dx-pager-list li:first-child a, .dx-pager-list li:first-child span, .dx-pager-list li:last-child a, .dx-pager-list li:last-child span { font-size: 18px; } #dxAdmDomains .dxa-pager .dx-pager { flex: 1 1 auto; width: auto; } @media (max-width: 575.98px) { .dx-pager { justify-content: center; text-align: center; } .dx-pager-list { justify-content: center; } .dx-pager-list a, .dx-pager-list span { min-width: 32px; height: 32px; padding: 0 8px; } } /* ========================================================================== Erişim Yönetimi: Roller & Yetkiler, Personel Kullanıcıları (admin/access/*) ========================================================================== */ .dx-acc { --acc-line: #e5e9f0; --acc-muted: #64748b; --acc-ink: #0f172a; --acc-blue: #2563eb; --acc-blue-soft: #eff4ff; color: var(--acc-ink); } .dx-acc-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 20px; margin-bottom: 16px; } .dx-acc-title { font-size: 20px; font-weight: 700; margin: 0 0 4px; color: var(--acc-ink); } .dx-acc-title .fa { color: var(--acc-blue); margin-right: 6px; } .dx-acc-sub { margin: 0; font-size: 13px; color: var(--acc-muted); max-width: 640px; } .dx-acc-switch { display: inline-flex; padding: 4px; background: #f1f5f9; border-radius: 10px; gap: 4px; } .dx-acc-switch a { padding: 7px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #475569; text-decoration: none; white-space: nowrap; } .dx-acc-switch a:hover { color: var(--acc-ink); text-decoration: none; } .dx-acc-switch a.is-active { background: #fff; color: var(--acc-blue); box-shadow: 0 1px 3px rgba(15,23,42,.1); } .dx-acc-switch .fa { margin-right: 4px; } .dx-acc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } .dx-acc-stat { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: #fff; border: 1px solid var(--acc-line); border-radius: 12px; color: var(--acc-ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; } .dx-acc-stat:hover { border-color: #c7d2fe; box-shadow: 0 2px 8px rgba(37,99,235,.08); color: var(--acc-ink); text-decoration: none; } .dx-acc-stat strong { display: block; font-size: 22px; line-height: 1.1; font-weight: 700; } .dx-acc-stat small { display: block; font-size: 12.5px; color: var(--acc-muted); } .dx-acc-stat-ico { flex: 0 0 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; } .dx-acc-stat-ico.is-blue { background: #e8efff; color: #2563eb; } .dx-acc-stat-ico.is-green { background: #e3f7ec; color: #16a34a; } .dx-acc-stat-ico.is-purple { background: #efe9ff; color: #7c3aed; } .dx-acc-stat-ico.is-orange { background: #fff1e0; color: #ea8a00; } .dx-acc-card { background: #fff; border: 1px solid var(--acc-line); border-radius: 12px; min-width: 0; } .dx-acc-pad { padding: 16px 18px; } .dx-acc-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--acc-line); } .dx-acc-section { font-size: 14px; font-weight: 700; margin-bottom: 12px; } .dx-acc-grid { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 16px; align-items: start; } .dx-acc-crumb { font-size: 13px; color: var(--acc-muted); margin-bottom: 10px; } .dx-acc-role-list { list-style: none; margin: 0; padding: 8px; } .dx-acc-role-list a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 8px; color: #334155; font-weight: 600; font-size: 14px; text-decoration: none; border-left: 3px solid transparent; } .dx-acc-role-list a:hover { background: #f8fafc; color: var(--acc-ink); text-decoration: none; } .dx-acc-role-list a.is-active { background: var(--acc-blue-soft); color: var(--acc-blue); border-left-color: var(--acc-blue); } .dx-acc-role-list .fa:first-child { width: 16px; color: #64748b; } .dx-acc-role-list a.is-active .fa:first-child { color: var(--acc-blue); } .dx-acc-role-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-acc-role-count { font-size: 13px; color: var(--acc-muted); font-weight: 600; } .dx-acc-chev { color: #94a3b8; } .dx-acc-main { position: relative; } .dx-acc-role-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 20px 4px; } .dx-acc-role-title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .dx-acc-role-title h5 { margin: 0; font-size: 19px; font-weight: 700; } .dx-acc-role-actions { display: flex; align-items: center; gap: 6px; } .dx-acc-role-desc { margin: 0; padding: 4px 20px 12px; font-size: 13px; color: var(--acc-muted); } .dx-acc-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.4; white-space: nowrap; } .dx-acc-badge.is-green { background: #e3f7ec; color: #15803d; } .dx-acc-badge.is-blue { background: #e8efff; color: #1d4ed8; } .dx-acc-badge.is-purple { background: #efe9ff; color: #6d28d9; } .dx-acc-badge.is-orange { background: #fff1e0; color: #b45309; } .dx-acc-badge.is-grey { background: #eef2f6; color: #475569; } .dx-acc-pill { display: inline-block; min-width: 22px; padding: 1px 7px; border-radius: 999px; background: #eef2f6; color: #475569; font-size: 12px; font-weight: 700; text-align: center; } .dx-acc-pill.is-info { background: #e0f2fe; color: #0369a1; } .dx-acc-tabs { display: flex; gap: 4px; padding: 0 20px; margin: 0; border-bottom: 1px solid var(--acc-line); list-style: none; overflow-x: auto; } .dx-acc-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 12px 12px 10px; font-size: 14px; font-weight: 600; color: #475569; border-bottom: 2px solid transparent; text-decoration: none; white-space: nowrap; } .dx-acc-tabs a:hover { color: var(--acc-ink); text-decoration: none; } .dx-acc-tabs a.active { color: var(--acc-blue); border-bottom-color: var(--acc-blue); } .dx-acc-alert { display: flex; align-items: flex-start; gap: 10px; margin: 16px 20px 0; padding: 12px 14px; border-radius: 10px; font-size: 13.5px; border: 1px solid transparent; } .dx-acc-alert .fa { margin-top: 2px; } .dx-acc-alert > span { flex: 1 1 auto; } .dx-acc-alert.is-warn { background: #fff7e6; border-color: #fcd9a0; color: #7c4a03; } .dx-acc-alert.is-warn .fa { color: #ea8a00; } .dx-acc-alert.is-muted { background: #f8fafc; border-color: var(--acc-line); color: #475569; } .dx-acc-alert.is-info { background: #eef4ff; border-color: #c7d7fe; color: #1e3a8a; } .dx-acc-alert-close { border: 0; background: none; font-size: 20px; line-height: 1; color: inherit; opacity: .6; cursor: pointer; } .dx-acc-alert-close:hover { opacity: 1; } .dx-acc-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 20px 12px; } .dx-acc-search { position: relative; flex: 0 1 300px; min-width: 200px; } .dx-acc-search .fa { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 13px; } .dx-acc-search input { width: 100%; height: 36px; padding: 0 12px 0 32px; border: 1px solid var(--acc-line); border-radius: 8px; font-size: 13.5px; background: #fff; } .dx-acc-search input:focus { outline: none; border-color: #93b4fb; box-shadow: 0 0 0 3px rgba(37,99,235,.12); } .dx-acc-bulk { display: flex; gap: 8px; flex-wrap: wrap; } .dx-acc-onlychanged { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; color: #475569; cursor: pointer; } .dx-acc-matrix { margin: 0 20px 20px; border: 1px solid var(--acc-line); border-radius: 10px; overflow: hidden; } .dx-acc-mrow { display: grid; grid-template-columns: minmax(0, 1fr) 150px 150px; align-items: center; min-height: 40px; padding: 0 16px; border-top: 1px solid #f0f3f7; font-size: 13.5px; } .dx-acc-matrix.is-override .dx-acc-mrow { grid-template-columns: minmax(0, 1fr) 250px 250px; } .dx-acc-mhead { background: #f8fafc; border-top: 0; font-size: 12.5px; font-weight: 700; color: #475569; min-height: 38px; } .dx-acc-mrow.is-changed { background: #fffbeb; } .dx-acc-mlabel { padding: 8px 12px 8px 22px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } .dx-acc-group-toggle { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 16px; border: 0; border-top: 1px solid var(--acc-line); background: #f8fafc; font-size: 13px; font-weight: 700; color: var(--acc-ink); text-align: left; cursor: pointer; } .dx-acc-group-toggle .fa { width: 12px; transition: transform .15s; } .dx-acc-group.is-collapsed .dx-acc-group-toggle .fa { transform: rotate(-90deg); } .dx-acc-group.is-collapsed .dx-acc-group-body { display: none; } .dx-acc-group-count { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--acc-muted); } .dx-acc-risk { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 700; } .dx-acc-risk.is-high { background: #fff1e0; color: #b45309; } .dx-acc-risk.is-critical { background: #fde8e8; color: #b91c1c; } .dx-acc-empty { padding: 20px; margin: 0; color: var(--acc-muted); font-size: 13.5px; text-align: center; } /* Açma/kapama anahtarı */ .dx-switch { position: relative; display: inline-block; width: 38px; height: 22px; margin: 0; vertical-align: middle; cursor: pointer; } .dx-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; } .dx-switch-track { position: absolute; inset: 0; border-radius: 999px; background: #d5dbe3; transition: background .15s; } .dx-switch-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.25); transition: transform .15s; } .dx-switch input:checked + .dx-switch-track { background: var(--acc-blue, #2563eb); } .dx-switch input:checked + .dx-switch-track::after { transform: translateX(16px); } .dx-switch input:focus-visible + .dx-switch-track { box-shadow: 0 0 0 3px rgba(37,99,235,.3); } .dx-switch input:disabled { cursor: not-allowed; } .dx-switch input:disabled + .dx-switch-track { opacity: .5; } /* Üç durumlu seçici (Rolden / İzin / Engelle) */ .dx-seg { display: inline-flex; border: 1px solid var(--acc-line); border-radius: 8px; overflow: hidden; vertical-align: middle; } .dx-seg-opt { position: relative; margin: 0; cursor: pointer; } .dx-seg-opt input { position: absolute; opacity: 0; pointer-events: none; } .dx-seg-opt span { display: inline-flex; align-items: center; gap: 4px; padding: 5px 9px; font-size: 12px; font-weight: 600; color: #475569; border-left: 1px solid var(--acc-line); white-space: nowrap; } .dx-seg-opt:first-child span { border-left: 0; } .dx-seg-opt span .fa { font-size: 10px; opacity: .7; } .dx-seg-opt input:checked + span { background: #eef2f6; color: var(--acc-ink); } .dx-seg-opt.is-grant input:checked + span { background: #dcfce7; color: #15803d; } .dx-seg-opt.is-deny input:checked + span { background: #fee2e2; color: #b91c1c; } .dx-seg-opt input:focus-visible + span { box-shadow: inset 0 0 0 2px rgba(37,99,235,.4); } .dx-seg-opt input:disabled + span { opacity: .5; cursor: not-allowed; } .dx-acc-eff { margin-left: 8px; } /* Yapışkan kaydet çubuğu */ .dx-acc-savebar { position: sticky; bottom: 0; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 20px; background: #fff; border-top: 1px solid var(--acc-line); border-radius: 0 0 12px 12px; box-shadow: 0 -6px 16px rgba(15,23,42,.06); font-size: 13px; color: var(--acc-muted); } .dx-acc-savebar strong { color: var(--acc-blue); margin-right: 8px; } .dx-acc-savebar-actions { display: flex; gap: 8px; } .dx-acc-difflist { list-style: none; margin: 0; padding: 0; } .dx-acc-difflist li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 8px; font-size: 13px; } .dx-acc-difflist li + li { margin-top: 4px; } .dx-acc-difflist li.is-add { background: #f0fdf4; } .dx-acc-difflist li.is-remove { background: #fef2f2; } .dx-acc-difflist span { color: #475569; white-space: nowrap; } /* Tablolar, kişiler, geçmiş */ .dx-acc-table th { font-size: 12px; font-weight: 700; color: #64748b; background: #f8fafc; border-top: 0; white-space: nowrap; } .dx-acc-table td { vertical-align: middle; font-size: 13.5px; } .dx-acc-person { display: flex; align-items: center; gap: 10px; min-width: 0; } .dx-acc-person small { display: block; color: var(--acc-muted); font-size: 12.5px; } .dx-acc-avatar { flex: 0 0 34px; height: 34px; border-radius: 50%; background: #e8efff; color: #1d4ed8; display: inline-flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 700; } .dx-acc-avatar.is-lg { flex-basis: 48px; height: 48px; font-size: 16px; } .dx-acc-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; } .dx-acc-log { padding: 12px 18px; border-top: 1px solid #f0f3f7; font-size: 13px; } .dx-acc-log:first-child { border-top: 0; } .dx-acc-log-head { display: flex; justify-content: space-between; gap: 10px; } .dx-acc-log-head span, .dx-acc-log-meta { color: var(--acc-muted); font-size: 12.5px; } .dx-acc-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; } .dx-acc-chip { padding: 2px 8px; border-radius: 6px; font-size: 12px; } .dx-acc-chip.is-add { background: #dcfce7; color: #166534; } .dx-acc-chip.is-remove { background: #fee2e2; color: #991b1b; } .dx-acc-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 18px; border-bottom: 1px solid var(--acc-line); } .dx-acc-filters .form-control { width: auto; min-width: 140px; height: 36px; border-radius: 8px; } .dx-acc-addrow { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) 180px; gap: 12px; align-items: start; } .dx-acc-field label { font-size: 12.5px; font-weight: 700; margin-bottom: 4px; } .dx-acc-field-btn { padding-top: 25px; } .dx-acc-userhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } .dx-acc-userhead-badges { display: flex; flex-wrap: wrap; gap: 6px; } .dx-acc-super { margin: 4px 0 14px; padding: 12px 14px; border: 1px solid #ddd0fe; background: #faf7ff; border-radius: 10px; font-size: 13px; } .dx-acc-super-head { font-weight: 700; color: #6d28d9; margin-bottom: 6px; } .dx-acc-super ul { margin: 0 0 10px; padding-left: 18px; color: #475569; } @media (max-width: 1199.98px) { .dx-acc-grid { grid-template-columns: 1fr; } .dx-acc-role-list { display: flex; flex-wrap: wrap; gap: 4px; } .dx-acc-role-list li { flex: 1 1 200px; } } @media (max-width: 767.98px) { .dx-acc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dx-acc-mrow, .dx-acc-matrix.is-override .dx-acc-mrow { grid-template-columns: minmax(0, 1fr) 64px 64px; padding: 0 8px; } .dx-acc-matrix.is-override .dx-acc-mrow { grid-template-columns: 1fr; padding: 8px; gap: 6px; } .dx-acc-matrix.is-override .dx-acc-mhead { display: none; } .dx-acc-seg-cell::before { content: attr(data-caption); display: inline-block; width: 74px; font-size: 12px; font-weight: 600; color: var(--acc-muted); } .dx-acc-matrix { margin: 0 12px 12px; } .dx-acc-mlabel { padding-left: 8px; } .dx-acc-addrow { grid-template-columns: 1fr; } .dx-acc-field-btn { padding-top: 0; } .dx-acc-toolbar, .dx-acc-role-head, .dx-acc-tabs { padding-left: 12px; padding-right: 12px; } .dx-acc-alert { margin-left: 12px; margin-right: 12px; } .dx-acc-search { flex: 1 1 100%; } } /* ========================================================================== Müşteri paneli: ISPConfig hosting yönetimi (portal/hostings/ispconfig.blade.php) Alan adı detay ekranıyla (#dxDomain) aynı görsel dil. ========================================================================== */ #dxHosting .dxh-back { margin-bottom: 14px; } #dxHosting .dxh-head { margin-bottom: 18px; } #dxHosting .dxh-title { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } #dxHosting .dxh-title h1 { font-size: 26px; font-weight: 800; letter-spacing: -.5px; color: var(--text-main); word-break: break-all; } #dxHosting .dxh-sub { margin-top: 4px; font-size: 13px; color: var(--text-muted); } #dxHosting .dxh-status { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--radius-full); font-size: 12px; font-weight: 800; background: var(--success-light); color: #047857; } #dxHosting .dxh-status.is-expiring { background: var(--warning-light); color: #b45309; } #dxHosting .dxh-status.is-expired, #dxHosting .dxh-status.is-suspended { background: var(--danger-light); color: #b91c1c; } #dxHosting .dxh-note { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; padding: 12px 14px; border-radius: var(--radius-md); border: 1px solid #bfdbfe; background: var(--primary-light); font-size: 13px; line-height: 1.5; color: #1e3a8a; } #dxHosting .dxh-note > i { margin-top: 2px; } #dxHosting .dxh-note.is-warn { border-color: #fde68a; background: var(--warning-light); color: #92400e; } #dxHosting .dxh-note.is-danger { border-color: #fecaca; background: var(--danger-light); color: #991b1b; } #dxHosting .dxh-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 20px; padding: 4px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; } #dxHosting .dxh-tabs a { padding: 9px 14px; border-radius: var(--radius-sm); font-size: 13.5px; font-weight: 700; color: var(--text-muted); text-decoration: none; transition: background-color .15s ease, color .15s ease; } #dxHosting .dxh-tabs a:hover { background: #f1f5f9; color: var(--text-main); } #dxHosting .dxh-tabs a.is-active { background: var(--primary); color: #fff; } #dxHosting .dxh-panel[hidden] { display: none; } #dxHosting .dxh-panel > .portal-card + .portal-card, #dxHosting .dxh-grid + .portal-card { margin-top: 24px; } #dxHosting .dxh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; } #dxHosting .dxh-grid .portal-card { margin-bottom: 0; } #dxHosting .dxh-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 24px; } #dxHosting .dxh-stat { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; } #dxHosting .dxh-stat-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: var(--text-muted); } #dxHosting .dxh-stat strong { font-size: 20px; font-weight: 800; color: var(--text-main); } #dxHosting .dxh-stat strong small { font-size: 13px; font-weight: 600; color: var(--text-muted); } #dxHosting .dxh-bar { height: 8px; border-radius: 4px; background: #e2e8f0; overflow: hidden; } #dxHosting .dxh-bar span { display: block; height: 100%; border-radius: 4px; background: var(--success); } #dxHosting .dxh-bar.is-warn span { background: var(--warning); } #dxHosting .dxh-bar.is-danger span { background: var(--danger); } #dxHosting .dxh-mini-bar { display: inline-block; width: 60px; height: 6px; margin-right: 6px; border-radius: 3px; background: #e2e8f0; overflow: hidden; vertical-align: middle; } #dxHosting .dxh-mini-bar span { display: block; height: 100%; background: var(--primary); } #dxHosting .dxh-dl { display: grid; grid-template-columns: 170px 1fr; gap: 8px 14px; margin: 0; font-size: 13.5px; } #dxHosting .dxh-dl dt { font-weight: 700; color: var(--text-muted); } #dxHosting .dxh-dl dd { margin: 0; color: var(--text-main); word-break: break-word; } #dxHosting .dxh-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } #dxHosting .dxh-mono { font-family: 'JetBrains Mono', monospace; font-size: 13px; } #dxHosting .dxh-muted { font-size: 12px; color: var(--text-muted); } #dxHosting .dxh-hint { margin: 8px 0 0; font-size: 12px; color: var(--text-muted); } #dxHosting .dxh-divider { height: 1px; margin: 18px 0 14px; background: var(--border); } #dxHosting .dxh-error-text { margin-top: 2px; font-family: inherit; font-size: 12px; color: #b91c1c; } #dxHosting .dxh-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--border); } #dxHosting .dxh-switch-row:last-of-type { border-bottom: 0; } #dxHosting .dxh-switch-row strong { display: block; font-size: 14px; color: var(--text-main); } #dxHosting .dxh-switch-row span { font-size: 12.5px; color: var(--text-muted); } #dxHosting .dxh-switch-row form { margin: 0; flex-shrink: 0; } #dxHosting .dxh-switch { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font-family: inherit; font-size: 13px; font-weight: 700; color: var(--text-muted); cursor: pointer; } #dxHosting .dxh-switch:disabled { opacity: .5; cursor: not-allowed; } #dxHosting .dxh-switch span { position: relative; width: 40px; height: 22px; border-radius: 11px; background: #cbd5e1; transition: background-color .15s ease; } #dxHosting .dxh-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s ease; } #dxHosting .dxh-switch.is-on { color: var(--text-main); } #dxHosting .dxh-switch.is-on span { background: var(--success); } #dxHosting .dxh-switch.is-on span::after { transform: translateX(18px); } #dxHosting .dxh-inline { display: flex; gap: 8px; align-items: center; margin: 0; } #dxHosting .dxh-inline .form-select { max-width: 220px; } #dxHosting .dxh-form-grid { display: grid; gap: 12px; align-items: end; margin: 0; } #dxHosting .dxh-cols-2 { grid-template-columns: 2fr 1fr; } #dxHosting .dxh-cols-3 { grid-template-columns: 1fr 2fr auto; } #dxHosting .dxh-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } #dxHosting .dxh-cols-6 { grid-template-columns: repeat(5, minmax(0, 1fr)) auto; } #dxHosting .dxh-dns-grid { grid-template-columns: 110px 1fr 2fr 110px 100px auto; } #dxHosting .dxh-span-2 { grid-column: span 2; } #dxHosting .dxh-span-all { grid-column: 1 / -1; } #dxHosting .dxh-end { display: flex; align-items: flex-end; } #dxHosting .dxh-end .btn-action { width: 100%; justify-content: center; } #dxHosting .dxh-end-row { display: flex; justify-content: flex-end; } #dxHosting .dxh-btns { gap: 8px; } #dxHosting .dxh-btns .btn-action:first-child { width: auto; flex-shrink: 0; } #dxHosting .dxh-form-split { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); display: grid; gap: 14px; } #dxHosting .dxh-subform { margin-bottom: 18px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #f8fafc; } #dxHosting .dxh-subform[hidden] { display: none; } #dxHosting .dxh-suffix, #dxHosting .dxh-prefix { display: flex; align-items: stretch; } #dxHosting .dxh-suffix .form-input { min-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } #dxHosting .dxh-prefix .form-input { min-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } #dxHosting .dxh-suffix span, #dxHosting .dxh-prefix span { display: flex; align-items: center; padding: 0 10px; border: 1px solid var(--border); background: #f8fafc; font-size: 12.5px; color: var(--text-muted); white-space: nowrap; } #dxHosting .dxh-suffix span { border-left: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; } #dxHosting .dxh-prefix span { border-right: 0; border-radius: var(--radius-sm) 0 0 var(--radius-sm); font-family: 'JetBrains Mono', monospace; } #dxHosting .dxh-check { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text-main); cursor: pointer; } #dxHosting .dxh-check input { margin-top: 3px; accent-color: var(--primary); } #dxHosting .dxh-list { display: flex; flex-direction: column; gap: 8px; } #dxHosting .dxh-item { border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; } #dxHosting .dxh-item[open] { border-color: #bfdbfe; box-shadow: 0 2px 10px rgba(15, 23, 42, .06); } #dxHosting .dxh-item summary { display: flex; align-items: center; gap: 12px; padding: 12px 14px; cursor: pointer; list-style: none; } #dxHosting .dxh-item summary::-webkit-details-marker { display: none; } #dxHosting .dxh-item-main { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; margin-right: auto; font-size: 14px; } #dxHosting .dxh-item-main strong { word-break: break-all; } #dxHosting .dxh-item-meta { font-size: 12.5px; color: var(--text-muted); white-space: nowrap; } #dxHosting .dxh-caret { color: var(--text-muted); transition: transform .15s ease; } #dxHosting .dxh-item[open] .dxh-caret { transform: rotate(180deg); } #dxHosting .dxh-item-body { display: flex; flex-direction: column; gap: 16px; padding: 4px 14px 16px; border-top: 1px solid var(--border); padding-top: 16px; } #dxHosting .dxh-danger-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid #fecaca; border-radius: var(--radius-md); background: #fef2f2; font-size: 13px; color: #991b1b; margin: 0; } #dxHosting .dxh-row-actions { display: inline-flex; gap: 6px; align-items: flex-start; flex-wrap: wrap; justify-content: flex-end; } #dxHosting .dxh-row-actions form { margin: 0; } #dxHosting .dxh-restore { position: relative; } #dxHosting .dxh-restore summary { list-style: none; } #dxHosting .dxh-restore summary::-webkit-details-marker { display: none; } #dxHosting .dxh-restore form { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; width: 300px; display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid #fecaca; border-radius: var(--radius-md); background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .16); text-align: left; } #dxHosting .dxh-empty { padding: 40px 20px; text-align: center; color: var(--text-muted); } #dxHosting .dxh-empty > i { font-size: 38px; opacity: .35; } #dxHosting .dxh-empty h3 { margin-top: 10px; font-size: 16px; font-weight: 800; color: var(--text-main); } #dxHosting .dxh-empty p { margin: 4px 0 0; font-size: 13px; } @media (max-width: 991px) { #dxHosting .dxh-cols-4, #dxHosting .dxh-cols-6, #dxHosting .dxh-dns-grid { grid-template-columns: 1fr 1fr; } #dxHosting .dxh-cols-3 { grid-template-columns: 1fr 1fr; } #dxHosting .dxh-cols-3 .dxh-end { grid-column: 1 / -1; } } @media (max-width: 767px) { #dxHosting .dxh-tabs { flex-wrap: nowrap; overflow-x: auto; } #dxHosting .dxh-tabs a { white-space: nowrap; } #dxHosting .dxh-grid { grid-template-columns: 1fr; } #dxHosting .dxh-dl { grid-template-columns: 1fr; gap: 2px; } #dxHosting .dxh-dl dd { margin-bottom: 8px; } #dxHosting .dxh-item summary { flex-wrap: wrap; } #dxHosting .dxh-danger-row { flex-direction: column; align-items: stretch; } } @media (max-width: 575px) { #dxHosting .dxh-cols-2, #dxHosting .dxh-cols-3, #dxHosting .dxh-cols-4, #dxHosting .dxh-cols-6, #dxHosting .dxh-dns-grid { grid-template-columns: 1fr; } #dxHosting .dxh-span-2 { grid-column: auto; } #dxHosting .dxh-restore form { position: static; width: auto; margin-top: 6px; } } /* ========================================================================== Müşteri paneli: ortak hosting araçları ekranı (portal/hostings/tools.blade.php) ISPConfig ve cPanel aynı kalıp: Hosting araçları → kategori → araç → tablo + pencere (dialog). Yardımcılar (.dxh-note, .dxh-suffix, .dxh-danger-row, .dxh-switch …) yukarıdaki #dxHosting bloğundan. ========================================================================== */ #dxHosting.dxt { min-width: 0; } #dxHosting .dxt-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; } #dxHosting .dxt-head .dxh-title h1 { margin: 0; } #dxHosting .dxt-head-actions { display: flex; gap: 8px; flex-wrap: wrap; } #dxHosting .dxt-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 8px; } #dxHosting .dxt-stat { padding: 18px 22px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg, 12px); } #dxHosting .dxt-stat-head { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 600; color: var(--text-muted); } #dxHosting .dxt-stat-head i { color: var(--primary); font-size: 16px; } #dxHosting .dxt-stat-value { margin: 10px 0; color: var(--text-muted); font-size: 13px; } #dxHosting .dxt-stat-value b { font-size: 23px; font-weight: 800; color: var(--text-main); margin-right: 4px; } #dxHosting .dxt-track { height: 6px; border-radius: 20px; background: #edf1f7; overflow: hidden; } #dxHosting .dxt-track span { display: block; height: 100%; border-radius: 20px; background: var(--primary); } #dxHosting .dxt-track.is-danger span { background: var(--danger); } #dxHosting .dxt-stat-foot { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; font-size: 11.5px; color: var(--text-muted); } #dxHosting .dxt-measured { margin: 0 0 22px; font-size: 11.5px; color: var(--text-muted); } #dxHosting .dxt-panel { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg, 13px); padding: 24px; margin-bottom: 24px; } #dxHosting .dxt-panel[hidden] { display: none; } #dxHosting .dxt-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; } #dxHosting .dxt-intro h2, #dxHosting .dxt-detail-title h2 { margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.3px; color: var(--text-main); } #dxHosting .dxt-intro p, #dxHosting .dxt-detail-title p { margin: 4px 0 0; font-size: 13px; color: var(--text-muted); } #dxHosting .dxt-search { position: relative; margin: 22px 0; } #dxHosting .dxt-search i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--text-muted); } #dxHosting .dxt-search .form-input { width: 100%; padding-left: 42px; background: #fafbfd; } #dxHosting .dxt-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } #dxHosting .dxt-cat { position: relative; display: block; width: 100%; min-height: 160px; padding: 18px; text-align: left; font: inherit; color: var(--text-main); background: #fff; border: 1px solid var(--border); border-radius: var(--radius-md); cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; } #dxHosting .dxt-cat:hover { border-color: #8eafff; background: #fafcff; box-shadow: 0 4px 14px rgba(15, 23, 42, .06); } #dxHosting .dxt-cat:focus-visible, #dxHosting .dxt-tools button:focus-visible { outline: 3px solid #92b6ff; outline-offset: 2px; } #dxHosting .dxt-cat[hidden] { display: none; } #dxHosting .dxt-cat h3 { margin: 0; font-size: 15px; font-weight: 800; } #dxHosting .dxt-cat p { margin: 5px 0 12px; font-size: 12.5px; color: var(--text-muted); line-height: 1.45; } #dxHosting .dxt-cat-count { display: block; font-size: 11.5px; color: var(--text-muted); } #dxHosting .dxt-cat-arrow { position: absolute; top: 22px; right: 18px; color: #91a0b6; transform: rotate(-45deg); } #dxHosting .dxt-ico { display: inline-grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; margin-bottom: 12px; border-radius: 10px; background: var(--primary-light); color: var(--primary); font-size: 18px; } #dxHosting .dxt-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--border); font-size: 12.5px; color: var(--text-muted); } #dxHosting .dxt-detail-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--border); } #dxHosting .dxt-detail-title { display: flex; align-items: center; gap: 12px; min-width: 0; } #dxHosting .dxt-detail-title .dxt-ico { margin: 0; } #dxHosting .dxt-tools { display: flex; flex-wrap: wrap; gap: 8px; padding: 20px 0; } #dxHosting .dxt-tools button { padding: 8px 14px; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--text-main); background: #fff; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; } #dxHosting .dxt-tools button:hover { border-color: #c5d7ff; } #dxHosting .dxt-tools button.is-active { color: var(--primary); border-color: #c5d7ff; background: var(--primary-light); } #dxHosting .dxt-tool[hidden] { display: none; } #dxHosting .dxt-loading { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 160px; font-size: 13px; color: var(--text-muted); } #dxHosting .dxt-toolhead { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin: 4px 0 18px; } #dxHosting .dxt-toolhead h3 { margin: 0; font-size: 16px; font-weight: 800; color: var(--text-main); } #dxHosting .dxt-toolhead p { margin: 3px 0 0; font-size: 12.5px; color: var(--text-muted); line-height: 1.5; } #dxHosting .dxt-toolhead > .btn-action, #dxHosting .dxt-toolhead-actions { flex-shrink: 0; } #dxHosting .dxt-toolhead-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } #dxHosting .dxt-settings { margin-top: 18px; } #dxHosting .dxt-fields { display: grid; grid-template-columns: 1fr; gap: 14px; } #dxHosting .dxt-fields-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } #dxHosting .dxt-fields-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 14px; } #dxHosting .dxt-span-all { grid-column: 1 / -1; } #dxHosting .dxt-fields .form-input, #dxHosting .dxt-fields .form-select { width: 100%; } #dxHosting .dxt-block-foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; } /* Pencere (native ) */ #dxHosting .dxt-modal { position: fixed; inset: 0; margin: auto; height: fit-content; width: min(500px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 24px; border: 1px solid var(--border); border-radius: 14px; color: var(--text-main); background: #fff; box-shadow: 0 24px 60px rgba(15, 23, 42, .22); overflow: auto; } #dxHosting .dxt-modal-wide { width: min(640px, calc(100vw - 32px)); } #dxHosting .dxt-modal::backdrop { background: rgba(20, 35, 60, .4); } #dxHosting .dxt-modal form { margin: 0; } #dxHosting .dxt-modal-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; } #dxHosting .dxt-modal-head h2 { margin: 0; font-size: 18px; font-weight: 800; word-break: break-all; } #dxHosting .dxt-x { flex-shrink: 0; width: 34px; height: 34px; padding: 0; font-size: 22px; line-height: 1; color: var(--text-muted); background: #fff; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; } #dxHosting .dxt-x:hover { color: var(--text-main); } #dxHosting .dxt-modal-foot { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 20px; } #dxHosting .dxt-modal-foot form { margin: 0; } #dxHosting .dxt-modal .dxh-hint { margin-top: 10px; } #dxHosting .dxt-modal .dxh-check { margin-bottom: 12px; } #dxHosting .dxt-modal .dxh-note { margin-bottom: 14px; } #dxHosting .dxt-block { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--border); } #dxHosting .dxt-block h4 { margin: 0 0 12px; font-size: 13.5px; font-weight: 800; color: var(--text-main); } #dxHosting .dxt-block h4 small { margin-left: 6px; font-weight: 500; } @media (max-width: 1100px) { #dxHosting .dxt-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { #dxHosting .dxt-panel { padding: 18px; } #dxHosting .dxt-stats { gap: 10px; } #dxHosting .dxt-stat { padding: 15px; } #dxHosting .dxt-intro, #dxHosting .dxt-toolhead { flex-direction: column; align-items: stretch; } #dxHosting .dxt-toolhead-actions { justify-content: flex-start; } #dxHosting .dxt-cat { min-height: 0; padding: 14px; } #dxHosting .dxt-fields-2 { grid-template-columns: 1fr; } #dxHosting .dxt-fields-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } #dxHosting .dxt-modal { padding: 18px; } } @media (max-width: 480px) { #dxHosting .dxt-cards, #dxHosting .dxt-stats { grid-template-columns: 1fr; } #dxHosting .dxt-detail-top { flex-direction: column; align-items: flex-start; } #dxHosting .dxt-fields-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================================== YÖNETİM: SUNUCU YÖNETİMİ (resources/views/admin/servers/*) — .dxs-page Liste/detay iskeleti #dxAdmDomains / #dxAdmDomain bileşenlerini kullanır. ========================================================================== */ .dxs-page .dxs-health { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; vertical-align: middle; background: #f1f5f9; color: #475569; } .dxs-page .dxs-health .dxa-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; } .dxs-page .dxs-health.is-ok { background: #ecfdf5; color: #047857; } .dxs-page .dxs-health.is-ok .dxa-dot { background: #10b981; box-shadow: 0 0 0 3px rgba(16, 185, 129, .18); } .dxs-page .dxs-health.is-error { background: #fef2f2; color: #b91c1c; } .dxs-page .dxs-health.is-error .dxa-dot { background: #dc2626; } .dxs-page .dxs-health.is-unknown { background: #fffbeb; color: #b45309; } .dxs-page .dxs-health.is-unknown .dxa-dot { background: #f59e0b; } .dxs-page .dxs-tabs .nav-link { font-weight: 700; font-size: 13.5px; color: #64748b; } .dxs-page .dxs-tabs .nav-link.active { color: #1d4ed8; } .dxs-page .dxs-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; } .dxs-page .dxs-kpis a { display: flex; flex-direction: column; padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 10px; font-size: 12.5px; color: #475569; text-decoration: none; } .dxs-page .dxs-kpis a:hover { border-color: #bfdbfe; background: #f8fbff; } .dxs-page .dxs-kpis b { font-size: 22px; font-weight: 800; color: #0f172a; } .dxs-page .dxs-kpis a.is-warn { border-color: #fde68a; background: #fffbeb; } .dxs-page .dxs-kpis a.is-bad { border-color: #fecaca; background: #fef2f2; } .dxs-page .dxs-kpis a.is-bad b { color: #b91c1c; } .dxs-page .dxs-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid #f1f5f9; font-size: 13px; } .dxs-page .dxs-row:last-child { border-bottom: 0; } .dxs-page .dxs-filter-tabs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .dxs-page .dxs-chips { display: flex; flex-wrap: wrap; gap: 6px; } .dxs-page #dxAdmDomains.dxa-list .dxa-filters { flex-wrap: wrap; } .dxs-page .dxs-disks { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; } .dxs-page .dxs-disk-head { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 4px; font-size: 12.5px; color: #475569; } .dxs-page .dxs-src { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 4px; font-size: 10px; font-weight: 700; line-height: 16px; text-transform: uppercase; letter-spacing: .3px; vertical-align: middle; background: #f1f5f9; color: #64748b; } .dxs-page .dxs-src.is-live { background: #ecfdf5; color: #047857; } /* ===== Yönetim: iç sayfalarda Geri butonu + yukarı çık (admin/partials/header, admin/layout) ===== */ .admin-topbar .dx-back-btn { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px 0 12px; border: 1px solid var(--daynex-border, #e2e8f0); border-radius: 8px; background: #fff; color: #0f172a; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; max-width: 260px; transition: background .15s ease, border-color .15s ease, color .15s ease; } .admin-topbar .dx-back-btn:hover, .admin-topbar .dx-back-btn:focus-visible { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; text-decoration: none; } .admin-topbar .dx-back-btn .fa { font-size: 14px; transition: transform .15s ease; } .admin-topbar .dx-back-btn:hover .fa { transform: translateX(-2px); } .admin-topbar .dx-back-btn .dx-back-text { display: none; } .admin-topbar .dx-back-btn .dx-back-to { overflow: hidden; text-overflow: ellipsis; } .admin-topbar .dx-back-btn + h5 { padding-left: 15px; border-left: 1px solid var(--daynex-border, #e2e8f0); } @media (max-width: 991.98px) { .admin-topbar .dx-back-btn { padding: 0 11px; } .admin-topbar .dx-back-btn .dx-back-to { display: none; } .admin-topbar .dx-back-btn .dx-back-text { display: inline; } .admin-topbar .dx-back-btn + h5 { padding-left: 0; border-left: 0; } } .dx-to-top { position: fixed; right: 22px; bottom: 22px; z-index: 1000; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #0f172a; color: #fff; font-size: 16px; box-shadow: 0 6px 18px rgba(15,23,42,.25); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; } .dx-to-top.is-visible { opacity: .85; visibility: visible; transform: none; } .dx-to-top:hover { opacity: 1; background: #3174f1; } @media print { .dx-back-btn, .dx-to-top { display: none !important; } } /* ========================================================================== Güvenli Şifre Kasası (admin/vault/*) ========================================================================== */ .dx-vault-gate { max-width: 520px; margin: 24px auto; } .dx-vault-card { background: #fff; border: 1px solid #e5e9f0; border-radius: 16px; padding: 32px 28px; text-align: center; box-shadow: 0 8px 28px rgba(15,23,42,.06); } .dx-vault-lock { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 18px; background: #0f172a; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 28px; } .dx-vault-lock.is-open { background: #e8efff; color: #2563eb; } .dx-vault-title { font-size: 22px; font-weight: 700; margin: 0 0 6px; color: #0f172a; } .dx-vault-lead { color: #64748b; font-size: 14px; margin: 0 auto 20px; max-width: 400px; } .dx-vault-form { text-align: left; } .dx-vault-phone { text-align: center; font-size: 15px; font-weight: 600; color: #334155; margin-bottom: 12px; } .dx-vault-phone .fa { color: #2563eb; margin-right: 4px; } .dx-vault-label { display: block; font-size: 13px; font-weight: 600; color: #334155; margin-bottom: 6px; text-align: center; } .dx-vault-code { height: 56px; font-size: 28px; font-weight: 700; letter-spacing: 12px; text-align: center; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; border-radius: 10px; } .dx-vault-resend { margin-top: 6px; } .dx-vault-facts { list-style: none; margin: 24px 0 0; padding: 16px 0 0; border-top: 1px solid #eef2f6; text-align: left; font-size: 12.5px; color: #64748b; } .dx-vault-facts li { display: flex; gap: 8px; padding: 3px 0; } .dx-vault-facts .fa { width: 14px; margin-top: 2px; color: #94a3b8; } .dx-vault-testmode { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; padding: 12px 16px; border-radius: 10px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; font-size: 13.5px; } .dx-vault-testmode .fa { margin-top: 2px; } .dx-vault-session { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .dx-vault-timer { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #e3f7ec; color: #15803d; font-size: 13px; font-weight: 600; } .dx-vault-timer.is-warn { background: #fff1e0; color: #b45309; } .dx-vault-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; } .dx-vault-grid > .dx-vault-empty { grid-row: span 2; text-align: center; padding: 40px 28px; } .dx-vault-empty h5 { font-weight: 700; margin-bottom: 8px; } .dx-vault-empty p { color: #64748b; font-size: 14px; max-width: 460px; margin: 0 auto 10px; } .dx-vault-status { list-style: none; margin: 0; padding: 6px 0; } .dx-vault-status li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 18px; font-size: 13px; border-top: 1px solid #f0f3f7; } .dx-vault-status li:first-child { border-top: 0; } .dx-vault-status span { color: #64748b; } @media (max-width: 991.98px) { .dx-vault-grid { grid-template-columns: 1fr; } .dx-vault-grid > .dx-vault-empty { grid-row: auto; } } @media (max-width: 575.98px) { .dx-vault-card { padding: 24px 18px; } .dx-vault-code { letter-spacing: 8px; font-size: 24px; } } /* ========================================================================== Ürün Masası & Katalog (/yonetim/urunler) — .pm-* ========================================================================== */ .pm-title { color: var(--daynex-navy); } .pm-subtitle { font-size: 13px; } .pm-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .pm-btn { font-weight: 700; border-radius: 8px; padding: 8px 16px; } .pm-btn-success, .pm-btn-success:hover, .pm-btn-success:focus { background: #10b981; border-color: #10b981; color: #fff; } .pm-btn-sm { font-weight: 700; padding: 4px 10px; font-size: 12px; } .pm-kpi { border-radius: 12px; background: #fff; border-left: 4px solid var(--pm-accent, #3174f1) !important; } .pm-kpi-value { color: var(--pm-accent, #3174f1); } .pm-kpi-icon { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--pm-accent, #3174f1); background: color-mix(in srgb, var(--pm-accent, #3174f1) 10%, transparent); } .pm-kpi--green { --pm-accent: #10b981; } .pm-kpi--amber { --pm-accent: #f59e0b; } .pm-kpi--purple { --pm-accent: #8b5cf6; } .pm-kpi--blue { --pm-accent: #3174f1; } .pm-card { border-radius: 12px; overflow: hidden; } .pm-tabs .nav-link { border-radius: 8px 8px 0 0; font-size: 14px; } .pm-icon-sunset { color: #8b5cf6; } .pm-filter .form-control, .pm-filter .btn { font-size: 13px; } .pm-filter .btn { border-radius: 6px; } .pm-filter-actions { display: flex; gap: 8px; } .pm-bulkbar { display: none; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 16px; background: #eff6ff; border-bottom: 1px solid #bfdbfe; font-size: 13px; } .pm-bulkbar.is-visible { display: flex; } .pm-bulkbar select { width: auto; font-size: 13px; } .pm-table { font-size: 13.5px; } .pm-table thead { background: #f8fafc; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; } .pm-table .pm-col-check { width: 36px; } .pm-table .pm-col-code { width: 130px; } .pm-table .pm-col-money { width: 125px; text-align: right; } .pm-table .pm-col-center { width: 130px; text-align: center; } .pm-table .pm-col-actions { width: 190px; text-align: right; } .pm-sku { font-size: 12px; } .pm-name { color: #0f172a; font-size: 14px; font-weight: 700; } .pm-name a { color: inherit; text-decoration: none; } .pm-meta { font-size: 11.5px; } .pm-tag { font-size: 10px; } .pm-cost { color: #64748b; font-weight: 600; } .pm-sale { color: #008a09; font-weight: 800; font-size: 14px; } .pm-profit { font-weight: 700; color: #10b981; } .pm-profit.is-negative { color: #ef4444; } .pm-badge { font-size: 11px; font-weight: 700; } .pm-badge-sm { font-size: 10px; padding: 2px 6px; } .pm-row-actions { display: inline-flex; align-items: center; gap: 6px; } .pm-empty-icon { opacity: .4; } /* Ürün kartı (oluştur / düzenle) */ .pm-head-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .pm-card-title { color: var(--daynex-navy); } .pm-input-strong { font-size: 14px; font-weight: 600; } .pm-input { font-size: 13.5px; } .pm-price-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px 12px; } .pm-price-input { font-size: 15px; font-weight: 700; } .pm-section-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #64748b; margin: 8px 0 12px; padding-top: 16px; border-top: 1px solid #eef2f6; } .pm-qty-box { background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 12px; margin-bottom: 16px; } .pm-code-area { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; } .pm-danger-zone { border: 1px solid #fecaca; border-radius: 12px; background: #fff7f7; } .pm-option { padding: 12px 16px; } .pm-option-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .pm-option-label { font-weight: 700; font-size: 13px; } .pm-option.is-inactive .pm-option-label { color: #94a3b8; text-decoration: line-through; } .pm-option-price { font-weight: 700; color: #16a34a; font-size: 14px; text-align: right; } .pm-option details { margin-top: 8px; } .pm-option summary { cursor: pointer; font-size: 12px; font-weight: 600; color: #2563eb; list-style: none; display: inline-block; } .pm-option summary::-webkit-details-marker { display: none; } .pm-option details[open] summary { margin-bottom: 8px; } .pm-option-links { display: flex; gap: 12px; align-items: center; margin-top: 4px; } .pm-link-danger { font-size: 11px; } .pm-form-sm label { font-size: 12px; font-weight: 700; margin-bottom: 4px; } /* Kasa kayıtları (Faz 2) */ .dx-vault-back { display: inline-block; font-size: 13px; color: #64748b; margin-bottom: 4px; } .dx-vault-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr) 260px; gap: 16px; align-items: start; } .dx-vault-detail { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; } .dx-vault-cats .dx-acc-role-list .fa:first-child { width: 16px; text-align: center; } .dx-vault-empty-list { padding: 48px 24px; text-align: center; color: #64748b; } .dx-vault-empty-list h5 { color: #0f172a; font-weight: 700; } .dx-vault-item-title { font-weight: 700; color: #0f172a; } .dx-vault-url { max-width: 360px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; } .dx-vault-fields { margin: 0; padding: 4px 20px 8px; } .dx-vault-field { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid #f0f3f7; } .dx-vault-field:first-child { border-top: 0; } .dx-vault-field dt { font-size: 13px; font-weight: 600; color: #475569; padding-top: 5px; } .dx-vault-field dd { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; } .dx-vault-secret { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; padding: 4px 10px; border-radius: 6px; background: #f1f5f9; color: #334155; word-break: break-all; } .dx-vault-secret.is-revealed { background: #fff7e6; color: #0f172a; } .dx-vault-secret.is-multiline.is-revealed { white-space: pre-wrap; display: block; width: 100%; } .dx-vault-multiline { white-space: pre-wrap; font-size: 13.5px; } .dx-vault-actions { display: inline-flex; gap: 4px; } .dx-vault-hint { margin: 0; padding: 0 20px 14px; font-size: 12px; color: #94a3b8; } .dx-vault-oldvals { margin-top: 6px; } .dx-vault-oldval { display: inline-block; margin-top: 4px; padding: 3px 8px; border-radius: 6px; background: #fff7e6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; word-break: break-all; } .dx-vault-form-card { max-width: 920px; } .dx-vault-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; } .dx-vault-secret-input { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; } .dx-vault-form-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 12px; border-top: 1px solid #eef2f6; margin-top: 8px; } .dx-vault-picker { position: relative; } .dx-vault-picker-list { position: absolute; z-index: 30; left: 0; right: 0; top: 100%; margin: 4px 0 0; padding: 4px; list-style: none; background: #fff; border: 1px solid #e5e9f0; border-radius: 8px; box-shadow: 0 8px 24px rgba(15,23,42,.12); max-height: 260px; overflow-y: auto; } .dx-vault-picker-list button { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 7px 10px; border-radius: 6px; font-size: 13px; } .dx-vault-picker-list button:hover, .dx-vault-picker-list button:focus { background: #eff4ff; outline: none; } .dx-vault-picker-list small { display: block; color: #64748b; } .dx-vault-picker-list .is-empty { padding: 8px 10px; color: #94a3b8; font-size: 13px; } .dx-vault-toast { position: fixed; z-index: 2000; left: 50%; bottom: 28px; transform: translateX(-50%); padding: 10px 18px; border-radius: 10px; color: #fff; font-size: 13.5px; font-weight: 600; box-shadow: 0 8px 24px rgba(15,23,42,.25); transition: opacity .4s, transform .4s; } .dx-vault-toast.is-ok { background: #0f172a; } .dx-vault-toast.is-err { background: #b91c1c; } .dx-vault-toast.is-out { opacity: 0; transform: translate(-50%, 8px); } @media (max-width: 1699.98px) { .dx-vault-layout { grid-template-columns: 240px minmax(0, 1fr); } .dx-vault-layout > .dx-vault-side { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .dx-vault-layout > .dx-vault-side .mt-3 { margin-top: 0 !important; } } @media (max-width: 991.98px) { .dx-vault-layout, .dx-vault-detail { grid-template-columns: 1fr; } .dx-vault-layout > .dx-vault-side { grid-template-columns: 1fr; } .dx-vault-field { grid-template-columns: 1fr; gap: 4px; } } /* Kasa paylaşım bağlantısı (vault-share/show) — site şablonundan bağımsız sade sayfa */ .dx-share-body { margin: 0; min-height: 100vh; background: #f1f5f9; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #0f172a; } .dx-share { max-width: 640px; margin: 0 auto; padding: 32px 16px; } .dx-share-brand { display: flex; align-items: center; gap: 8px; justify-content: center; margin-bottom: 18px; font-size: 14px; color: #475569; } .dx-share-brand .dx-sb-logo-mark { display: inline-flex; width: 28px; height: 28px; border-radius: 8px; background: #2563eb; color: #fff; align-items: center; justify-content: center; font-weight: 800; } .dx-share .dx-vault-fields { padding: 8px 0 0; } .dx-share .btn { display: inline-block; border-radius: 8px; border: 1px solid transparent; cursor: pointer; font-weight: 600; } .dx-share .btn-lg { padding: 12px 18px; font-size: 16px; width: 100%; } .dx-share .btn-primary { background: #2563eb; color: #fff; } .dx-share .btn-light { background: #f1f5f9; border-color: #e2e8f0; color: #334155; padding: 4px 10px; font-size: 13px; } .dx-share-masked { filter: blur(6px); user-select: none; } .dx-share-foot { text-align: center; font-size: 12px; color: #94a3b8; margin-top: 16px; } .dx-share .text-left { text-align: left; } .dx-share .mt-3 { margin-top: 1rem; } .dx-share .mx-0 { margin-left: 0; margin-right: 0; } .dx-share .px-0 { padding-left: 0; padding-right: 0; } /* Kasa paylaşımı (Faz 3) */ .dx-vault-sharee { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 10px 18px; border-top: 1px solid #f0f3f7; font-size: 13px; } .dx-vault-sharee:first-of-type { border-top: 0; } .dx-vault-sharee small { display: block; color: #64748b; } .dx-vault-linkstate.is-opened { color: #15803d !important; } .dx-vault-linkstate.is-failed, .dx-vault-linkstate.is-expired { color: #b45309 !important; } .dx-vault-timeline { list-style: none; margin: 6px 0 0; padding: 0 0 0 4px; font-size: 12.5px; color: #475569; } .dx-vault-timeline li { padding: 3px 0 3px 18px; position: relative; } .dx-vault-timeline li .fa { position: absolute; left: 0; top: 6px; width: 12px; color: #94a3b8; } .dx-vault-timeline li.is-opened .fa { color: #16a34a; } .dx-vault-timeline li.is-revoked { color: #991b1b; } .dx-vault-timeline li.is-revoked .fa { color: #dc2626; } .dx-vault-chip-x { border: 0; background: none; padding: 0 0 0 4px; font-weight: 700; color: inherit; cursor: pointer; line-height: 1; } .dx-vault-rotation-banner { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; padding: 12px 16px; border-radius: 10px; background: #fff7e6; border: 1px solid #fcd9a0; color: #7c4a03; font-size: 13.5px; } .pm-reject-list { font-size: 13px; max-height: 220px; overflow-y: auto; } .pm-readiness { border-left: 4px solid #10b981 !important; } .pm-readiness.is-blocked { border-left-color: #f59e0b !important; background: #fffbeb; } .pm-readiness-title { font-size: 13.5px; color: #047857; margin-bottom: 4px; } .pm-readiness.is-blocked .pm-readiness-title { color: #b45309; } .pm-price-old { font-size: 11px; font-weight: 500; color: #94a3b8; text-decoration: line-through; } /* ========================================================================== Kârlılık Raporu (/yonetim/karlilik-raporu) — .pf-* ========================================================================== */ .pf-title { font-weight: 800; color: var(--daynex-navy); margin-bottom: 4px; } .pf-subtitle { font-size: 13px; } .pf-periods { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .pf-periods .btn { font-weight: 700; border-radius: 6px; font-size: 12px; padding: 6px 14px; } .pf-kpi { border-left: 4px solid var(--pf-accent, #3174f1); } .pf-kpi--blue { --pf-accent: #3174f1; } .pf-kpi--red { --pf-accent: #e11d48; } .pf-kpi--green { --pf-accent: #10b981; } .pf-kpi-label { font-size: 11px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: .5px; } .pf-kpi-value { font-size: 24px; font-weight: 900; color: var(--pf-accent, #0f172a); margin: 10px 0 4px; font-variant-numeric: tabular-nums; word-break: break-word; } .pf-kpi--blue .pf-kpi-value { color: #0f172a; } .pf-kpi-note { font-size: 12px; color: #94a3b8; } .pf-kpi-solid { background: linear-gradient(135deg, #059669 0%, #10b981 100%); border: none; color: #fff; } .pf-kpi-solid .pf-kpi-label, .pf-kpi-solid .pf-kpi-note { color: rgba(255,255,255,.9); } .pf-kpi-solid .pf-kpi-value { color: #fff; font-size: 28px; } .pf-quality { background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; padding: 12px 16px; font-size: 13px; color: #78350f; } .pf-quality-title { font-weight: 800; margin-bottom: 4px; color: #b45309; } .pf-card-title { font-weight: 800; color: var(--daynex-navy); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--daynex-border); } .pf-type { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; margin-bottom: 12px; border-radius: 8px; background: #f8fafc; border: 1px solid #e2e8f0; } .pf-type-name { font-weight: 800; color: #0f172a; font-size: 14px; } .pf-type-meta { font-size: 12px; color: #64748b; margin-top: 4px; } .pf-type-profit { font-weight: 800; color: #10b981; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; } .pf-type-profit.is-negative { color: #e11d48; } .pf-type-margin { display: inline-block; background: #d1fae5; color: #065f46; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 4px; } .pf-type-margin.is-negative { background: #ffe4e6; color: #9f1239; } .pf-sum { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; padding-top: 10px; border-top: 1px dashed #cbd5e1; font-size: 12px; font-weight: 700; color: #475569; } .pf-empty { font-size: 13px; } .pf-policy { padding: 12px 16px; margin-bottom: 12px; border-radius: 8px; border: 1px solid; } .pf-policy p { font-size: 12.5px; margin: 6px 0 0; line-height: 1.5; } .pf-policy-title { font-weight: 800; font-size: 13.5px; } .pf-policy--blue { background: #eff6ff; border-color: #bfdbfe; color: #1e3a8a; } .pf-policy--blue .pf-policy-title { color: #1e40af; } .pf-policy--green { background: #ecfdf5; border-color: #a7f3d0; color: #064e3b; } .pf-policy--green .pf-policy-title { color: #065f46; } .pf-policy--purple { background: #faf5ff; border-color: #e9d5ff; color: #581c87; } .pf-policy--purple .pf-policy-title { color: #6b21a8; } .dx-acc-danger { border-color: #fecaca; } /* Kasa: form bölümleri, gizlilik bilgisi, kategori seçimi (UX iyileştirmeleri) */ .dx-vault-privacy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } .dx-vault-privacy > div { display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; padding: 12px 14px; background: #fff; border: 1px solid #e5e9f0; border-radius: 10px; font-size: 12.5px; color: #475569; } .dx-vault-privacy .fa { grid-row: span 2; width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; } .dx-vault-privacy .fa.is-green { background: #e3f7ec; color: #15803d; } .dx-vault-privacy .fa.is-orange { background: #fff1e0; color: #b45309; } .dx-vault-privacy .fa.is-blue { background: #e8efff; color: #1d4ed8; } .dx-vault-privacy strong { color: #0f172a; font-size: 13px; } .dx-vault-step { display: inline-flex; width: 22px; height: 22px; margin-right: 6px; border-radius: 50%; background: #2563eb; color: #fff; font-size: 12px; align-items: center; justify-content: center; } .dx-vault-form-card { max-width: 980px; } .dx-vault-form-card .dx-vault-form-actions { border-top: 0; margin-top: 0; padding-top: 0; } .dx-vault-cat-select { display: none; } .dx-vault-cat-more { display: block; padding: 8px 18px 14px; font-size: 12.5px; } .dx-acc-badge.is-red { background: #fde8e8; color: #b91c1c; } @media (max-width: 991.98px) { .dx-vault-cat-select { display: block; } .dx-vault-cat-list, .dx-vault-cat-more { display: none; } .dx-vault-cats .dx-acc-card-head { border-bottom: 0; } .dx-vault-privacy { grid-template-columns: 1fr; } } /* Yönetim paneli üst çubuğu — mobilde yatay taşmayı önle (tüm yönetim ekranları) */ @media (max-width: 767.98px) { .admin-topbar { padding: 0 12px !important; gap: 8px; min-width: 0; } .admin-topbar > div { min-width: 0; gap: 8px !important; } .admin-topbar > div:first-child { flex: 1 1 auto; overflow: hidden; } .admin-topbar h5 { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .admin-topbar .badge, .admin-topbar > div:last-child > a.btn { display: none !important; } /* Kural 6 rozeti, Web Sitesi, Müşteri Paneli */ .admin-topbar > div:last-child form .btn { font-size: 0 !important; padding: 6px 9px; } /* Çıkış: yalnızca simge */ .admin-topbar > div:last-child form .btn .fa { font-size: 14px; margin: 0 !important; } .admin-topbar .dx-back-btn { max-width: 44px; padding: 0 12px; } .admin-topbar .dx-back-btn .dx-back-to { display: none; } .admin-topbar .dx-back-btn + h5 { padding-left: 8px; } .admin-main { padding: 16px 12px !important; } .dx-acc-head { align-items: flex-start; } .dx-vault-session { width: 100%; justify-content: space-between; } } /* Kasa gizli alanları: type=password yerine CSS maskesi (tarayıcı şifre kaydetme sorusu çıkmasın) */ .dx-secret-mask { -webkit-text-security: disc; text-security: disc; } .dx-secret-mask::placeholder { -webkit-text-security: none; } /* Rol ekranı → Kullanıcılar: rol taşıma */ .dx-acc-move { display: flex; gap: 6px; align-items: center; margin: 0; min-width: 190px; } .dx-acc-move .form-control { min-width: 120px; max-width: 170px; } .dx-acc-moverow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 16px 20px; padding: 12px 14px; background: #f8fafc; border: 1px solid #e5e9f0; border-radius: 10px; } .dx-acc-moverow .form-control { flex: 1 1 260px; width: auto; } /* ========================================================================== Panel onay / uyarı / soru penceresi (public/source-assets/dx-dialog.js) Tarayıcının kendi confirm/alert/prompt pencereleri yerine kullanılır. ========================================================================== */ .dx-dialog-open { overflow: hidden; } .dx-dialog-backdrop { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15,23,42,.45); opacity: 0; transition: opacity .15s ease; } .dx-dialog-backdrop.is-in { opacity: 1; } .dx-dialog { width: 100%; max-width: 440px; padding: 24px 24px 20px; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px rgba(15,23,42,.25); text-align: center; transform: translateY(8px) scale(.98); transition: transform .15s ease; } .dx-dialog-backdrop.is-in .dx-dialog { transform: none; } .dx-dialog-icon { width: 48px; height: 48px; margin: 0 auto 12px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; background: #e8efff; color: #2563eb; } .dx-dialog.is-danger .dx-dialog-icon { background: #fde8e8; color: #dc2626; } .dx-dialog-title { margin: 0 0 8px; font-size: 17px; font-weight: 700; color: #0f172a; } .dx-dialog-message { margin: 0 0 18px; font-size: 14px; line-height: 1.5; color: #475569; white-space: pre-line; overflow-wrap: anywhere; } .dx-dialog-input { margin: -6px 0 16px; font-size: 14px; text-align: left; } .dx-dialog-actions { display: flex; gap: 8px; justify-content: center; } .dx-dialog-actions .btn { min-width: 120px; border-radius: 8px; font-weight: 600; } /* Müşteri sayfalarında (Bootstrap sürümü sayfaya göre değişir) diyalog düğmeleri kendi stiliyle; eski sayfa katmanlarının üstünde */ .dx-dialog-backdrop.is-public { z-index: 2147483000; } .is-public .dx-dialog .btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; font-size: 14px; line-height: 1.2; border: 1px solid transparent; cursor: pointer; } .is-public .dx-dialog .btn-primary { background: #2563eb; border-color: #2563eb; color: #fff; } .is-public .dx-dialog .btn-primary:hover { background: #1d4ed8; } .is-public .dx-dialog .btn-danger { background: #dc2626; border-color: #dc2626; color: #fff; } .is-public .dx-dialog .btn-danger:hover { background: #b91c1c; } .is-public .dx-dialog .btn-outline-secondary { background: #fff; border-color: #cbd5e1; color: #334155; } .is-public .dx-dialog .btn-outline-secondary:hover { background: #f1f5f9; } .is-public .dx-dialog-icon { font-weight: 800; font-family: Georgia, 'Times New Roman', serif; font-size: 22px; } @media (max-width: 479.98px) { .dx-dialog-actions { flex-direction: column-reverse; } .dx-dialog-actions .btn { width: 100%; } } /* WOY (Web Organizasyon) paket fiyatı ve modül seçim sepet çubuğu — PortalController::prepareWoyPage */ .dx-woy-price { cursor: default; white-space: nowrap; display: inline-flex !important; align-items: baseline; gap: 6px; height: auto !important; line-height: 1.3 !important; } .dx-woy-price small { display: inline !important; font-size: 0.65em; font-weight: 500; opacity: 0.85; position: static !important; } .dx-woy-select-link { display: inline-flex; align-items: center; margin-left: 8px; padding: 8px 16px; border-radius: 8px; background: #1e829a; color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none !important; white-space: nowrap; } .dx-woy-select-link:hover { background: #166a7e; } @media (min-width: 768px) { .d-flex:has(> .dx-woy-select-link) { padding-right: 190px; align-items: center; } } .dx-woy-bar { display: flex; align-items: center; justify-content: flex-start; gap: 24px; width: 100%; padding: 10px 0; flex-wrap: wrap; } .dx-woy-bar-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .dx-woy-bar-label { font-size: 13px; color: #475569; } .dx-woy-bar-total { font-size: 22px; font-weight: 800; color: #0f172a; } .dx-woy-bar-total small { font-size: 12px; font-weight: 500; color: #64748b; } .dx-woy-cart-btn { border: 0; border-radius: 10px; padding: 12px 28px; background: #16a34a; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; } .dx-woy-cart-btn:hover { background: #15803d; } .dx-woy-cart-btn:disabled { opacity: 0.6; cursor: wait; } @media (max-width: 575px) { .dx-woy-bar { gap: 8px; padding: 8px 0; } .dx-woy-bar-total { font-size: 18px; } .dx-woy-cart-btn { width: 100%; } } /* Eski site alt bilgisi: sözleşme linkleri (.dx-footer-bottom-links) mobilde tek satırda kalıp sayfayı yatay kaydırıyordu (vds-sunucular, farm-sunucular...). Dar ekranda alt alta, sarmalı ve yeni footer (#dxFooter) gibi ortalı gösterilir. */ @media (max-width: 767.98px) { .dx-footer-bottom-inner { flex-direction: column !important; align-items: center !important; gap: 8px; text-align: center; } .dx-footer-bottom-links, .dx-footer-bottom-links .dx-menu-flex { flex-wrap: wrap !important; justify-content: center !important; gap: 6px 14px; max-width: 100%; padding-left: 0; } } /* Daynex "Sepete Ekleniyor..." bekleme ekranı — source-assets/dx-cart-loader.js (tüm sayfalarda tek tasarım) */ .dx-loader-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(10,20,40,0.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;flex-direction:column} .dx-loader-overlay.active{display:flex} .dx-loader-card{background:#fff;border-radius:18px;padding:36px 44px 32px;box-shadow:0 24px 60px rgba(0,0,0,0.22);display:flex;flex-direction:column;align-items:center;gap:20px;min-width:280px;max-width:380px;text-align:center;animation:dxLoaderIn 0.25s ease} @keyframes dxLoaderIn{from{opacity:0;transform:scale(0.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}} .dx-loader-logo{height:32px;opacity:0.85} .dx-loader-dots{display:flex;gap:9px;align-items:center;justify-content:center} .dx-loader-dots span{width:11px;height:11px;border-radius:50%;display:inline-block;animation:dxDotPulse 1.3s ease-in-out infinite} .dx-loader-dots span:nth-child(1){animation-delay:0s;background:#1a6abf} .dx-loader-dots span:nth-child(2){animation-delay:0.18s;background:#2081df} .dx-loader-dots span:nth-child(3){animation-delay:0.36s;background:#4a9bb2} @keyframes dxDotPulse{0%,80%,100%{transform:scale(0.65);opacity:0.4}40%{transform:scale(1.15);opacity:1}} .dx-loader-title{font-size:15px;font-weight:700;color:#0f172a;line-height:1.3;margin:0} .dx-loader-subtitle{font-size:12.5px;color:#64748b;margin:-8px 0 0;line-height:1.4} @media (max-width:420px){.dx-loader-card{min-width:0;width:calc(100% - 32px);padding:28px 24px 24px}} /* Eski sitenin .loader / #preloader ekranı kullanılmaz; yerine yukarıdaki kart gösterilir */ .loader{display:none!important} /* "Sepete eklendi · Sepete Git" bildirimi — dxCart.added() (sayfada kalınan eklemeler, ör. alan adı arama) */ .dx-cart-toast{position:fixed;right:24px;bottom:24px;z-index:100000;display:flex;align-items:center;gap:14px;max-width:min(460px,calc(100vw - 32px));padding:14px 16px;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.22);border:1px solid #e2e8f0;animation:dxLoaderIn .2s ease} .dx-cart-toast-check{flex:0 0 30px;height:30px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px} .dx-cart-toast-text{display:flex;flex-direction:column;gap:2px;min-width:0} .dx-cart-toast-text strong{font-size:14px;color:#0f172a;overflow-wrap:anywhere} .dx-cart-toast-text span{font-size:12px;color:#64748b} .dx-cart-toast-go{flex:0 0 auto;padding:8px 14px;border-radius:8px;background:#2563eb;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;white-space:nowrap} .dx-cart-toast-go:hover{background:#1d4ed8} .dx-cart-toast-close{flex:0 0 auto;border:0;background:transparent;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;padding:0 2px} @media (max-width:575px){.dx-cart-toast{left:16px;right:16px;bottom:16px;flex-wrap:wrap}.dx-cart-toast-go{margin-left:44px}} /* ========================================================= Müşteri paneli — Destek talebi (yeni talep + detay) #dxTicket ========================================================= */ #dxTicket { max-width: 960px; } #dxTicket .dxt-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } #dxTicket .dxt-head h1 { font-size: 24px; font-weight: 800; letter-spacing: -.5px; color: var(--text-main); word-break: break-word; } #dxTicket .dxt-head p { margin-top: 4px; font-size: 14px; color: var(--text-muted); } #dxTicket .dxt-head-actions { display: flex; align-items: center; gap: 10px; } #dxTicket .dxt-code { margin-bottom: 4px; font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; color: var(--primary); } #dxTicket .dxt-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 13px; color: var(--text-muted); } #dxTicket .dxt-meta .fa { margin-right: 4px; } #dxTicket .dxt-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: var(--radius-full); font-size: 12px; font-weight: 700; white-space: nowrap; } #dxTicket .dxt-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; } #dxTicket .dxt-status.is-active { background: var(--success-light); color: #047857; } #dxTicket .dxt-status.is-expiring { background: var(--warning-light); color: #b45309; } #dxTicket .dxt-status.is-inactive { background: #f1f5f9; color: #475569; } #dxTicket .dxt-form-card { padding: 24px; } #dxTicket .dxt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; } #dxTicket .dxt-optional { font-weight: 500; color: var(--text-muted); } #dxTicket .form-textarea { resize: vertical; min-height: 110px; line-height: 1.55; } #dxTicket .dxt-form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; } #dxTicket .dxt-form-actions .btn-action { height: 40px; padding: 0 18px; font-size: 13px; } /* İlerleme (APM maddeleri) */ #dxTicket .dxt-progress { padding: 20px 24px; margin-bottom: 20px; } #dxTicket .dxt-progress-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; } #dxTicket .dxt-progress-head h2 { font-size: 16px; font-weight: 800; color: var(--text-main); } #dxTicket .dxt-progress-head h2 .fa { color: var(--primary); margin-right: 6px; } #dxTicket .dxt-progress-head p { margin-top: 2px; font-size: 13px; color: var(--text-muted); } #dxTicket .dxt-progress-num { text-align: right; } #dxTicket .dxt-progress-num strong { display: block; font-size: 22px; font-weight: 800; color: var(--primary); } #dxTicket .dxt-progress-num span { font-size: 12px; color: var(--text-muted); } #dxTicket .dxt-bar { height: 8px; margin: 14px 0 16px; border-radius: 4px; background: #eef2f7; overflow: hidden; } #dxTicket .dxt-bar span { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--primary), var(--success)); } #dxTicket .dxt-note { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; margin-bottom: 14px; border-radius: var(--radius-md); font-size: 13px; line-height: 1.5; } #dxTicket .dxt-note .fa { font-size: 18px; margin-top: 1px; } #dxTicket .dxt-note.is-warning { background: var(--warning-light); color: #92400e; } #dxTicket .dxt-note.is-success { background: var(--success-light); color: #065f46; } #dxTicket .dxt-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } #dxTicket .dxt-items li { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius-md); } #dxTicket .dxt-items li.is-done { background: #f0fdf4; border-color: #bbf7d0; } #dxTicket .dxt-items li.is-working { background: var(--primary-light); border-color: #bfdbfe; } #dxTicket .dxt-item-icon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #e2e8f0; color: #64748b; font-size: 12px; font-weight: 700; } #dxTicket li.is-done .dxt-item-icon { background: var(--success); color: #fff; } #dxTicket li.is-working .dxt-item-icon { background: var(--primary); color: #fff; } #dxTicket .dxt-item-body { flex: 1; min-width: 0; } #dxTicket .dxt-item-body strong { font-size: 14px; color: var(--text-main); } #dxTicket .dxt-item-body p { margin-top: 2px; font-size: 12px; color: var(--text-muted); } #dxTicket .dxt-item-state { font-size: 12px; font-weight: 700; color: var(--text-muted); text-align: right; white-space: nowrap; } #dxTicket .dxt-item-state small { display: block; font-weight: 500; } #dxTicket li.is-done .dxt-item-state { color: #047857; } #dxTicket li.is-working .dxt-item-state { color: var(--primary); } /* Yazışma akışı */ #dxTicket .dxt-thread { padding: 24px; display: flex; flex-direction: column; gap: 16px; } #dxTicket .dxt-msg { display: flex; gap: 12px; align-items: flex-start; } #dxTicket .dxt-msg.is-user { flex-direction: row-reverse; } #dxTicket .dxt-avatar { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; font-size: 13px; font-weight: 800; color: #fff; background: var(--primary); } #dxTicket .is-user .dxt-avatar { background: #475569; } #dxTicket .dxt-bubble { max-width: 78%; padding: 12px 16px; border-radius: var(--radius-md); border: 1px solid var(--border); background: #fff; } #dxTicket .is-staff .dxt-bubble { background: var(--primary-light); border-color: #bfdbfe; border-top-left-radius: 4px; } #dxTicket .is-user .dxt-bubble { background: #f8fafc; border-top-right-radius: 4px; } #dxTicket .dxt-bubble-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; margin-bottom: 6px; font-size: 12px; color: var(--text-muted); } #dxTicket .dxt-bubble-meta strong { font-size: 13px; color: var(--text-main); } #dxTicket .dxt-bubble-text { font-size: 14px; line-height: 1.6; color: var(--text-main); white-space: pre-line; word-break: break-word; } #dxTicket .dxt-reply { margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--border); } #dxTicket .dxt-reply .form-label .fa { margin-right: 4px; color: var(--primary); } #dxTicket .dxt-reply .dxt-form-actions { margin-top: 10px; } #dxTicket .dxt-closed-note { margin-bottom: 8px; font-size: 13px; color: #b45309; } @media (max-width: 640px) { #dxTicket .dxt-grid { grid-template-columns: 1fr; } #dxTicket .dxt-bubble { max-width: 100%; } #dxTicket .dxt-avatar { display: none; } #dxTicket .dxt-items li { flex-wrap: wrap; } } /* Müşteri paneli — Fatura ödeme (havale/EFT + ödeme bildirimi) #dxTicket.dxp */ #dxTicket.dxp { max-width: 1100px; } #dxTicket .dxp-grid { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 20px; align-items: start; } #dxTicket .dxp-main { display: flex; flex-direction: column; gap: 20px; } #dxTicket.dxp h2 { margin-bottom: 14px; font-size: 16px; font-weight: 800; color: var(--text-main); } #dxTicket .dxp-summary { padding: 20px; } #dxTicket .dxp-summary dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 12px; margin: 0; font-size: 13px; } #dxTicket .dxp-summary dt { color: var(--text-muted); } #dxTicket .dxp-summary dd { margin: 0; text-align: right; font-weight: 600; color: var(--text-main); word-break: break-word; } #dxTicket .dxp-summary dd.is-overdue { color: var(--danger); } #dxTicket .dxp-total { display: flex; justify-content: space-between; align-items: baseline; margin: 16px 0; padding-top: 14px; border-top: 1px solid var(--border); } #dxTicket .dxp-total span { font-size: 13px; color: var(--text-muted); } #dxTicket .dxp-total strong { font-size: 22px; font-weight: 800; color: var(--text-main); } #dxTicket .dxp-banks { padding: 20px 24px; } #dxTicket .dxp-hint { margin-bottom: 12px; font-size: 13px; color: var(--text-muted); } #dxTicket .dxp-ref { font-family: 'JetBrains Mono', monospace; color: var(--primary); } #dxTicket .dxp-bank { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; margin-top: 8px; border: 1px solid var(--border); border-radius: var(--radius-md); } #dxTicket .dxp-bank strong { display: block; font-size: 14px; color: var(--text-main); } #dxTicket .dxp-bank span { display: block; font-size: 12px; color: var(--text-muted); } #dxTicket .dxp-bank code { display: block; margin-top: 4px; font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 700; letter-spacing: .3px; color: var(--text-main); word-break: break-all; } #dxTicket .dxp-bank .btn-action { flex-shrink: 0; } #dxTicket .dxp-state { display: flex; align-items: center; gap: 14px; padding: 20px 24px; background: #f1f5f9; } #dxTicket .dxp-state > i { font-size: 28px; color: #64748b; } #dxTicket .dxp-state.is-paid { background: var(--success-light); border-color: #a7f3d0; } #dxTicket .dxp-state.is-paid > i { color: var(--success); } #dxTicket .dxp-state strong { display: block; font-size: 15px; color: var(--text-main); } #dxTicket .dxp-state span { font-size: 13px; color: var(--text-muted); } #dxTicket .dxt-note a { font-weight: 700; color: inherit; text-decoration: underline; } @media (max-width: 900px) { #dxTicket .dxp-grid { grid-template-columns: 1fr; } #dxTicket .dxp-bank { flex-wrap: wrap; } } /* ========================================================================= SİPARİŞLERİM (resources/views/portal/orders/index|show.blade.php) Sipariş / ödeme / hizmet / fatura durumları ayrı rozetlerle; rozetler renk + ikon + metin taşır. ========================================================================= */ .dx-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #dxOrders, #dxOrder { --dxo-border: var(--border, #e2e8f0); --dxo-muted: var(--text-muted, #64748b); --dxo-text: var(--text-main, #0f172a); --dxo-blue: var(--primary, #2563eb); color: var(--dxo-text); } #dxOrders [hidden], #dxOrder [hidden] { display: none !important; } #dxOrders .dxo-head, #dxOrder .dxo-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } #dxOrders .dxo-head h1, #dxOrder .dxo-head h1 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -.6px; } #dxOrders .dxo-head h1 .dxo-badge, #dxOrder .dxo-head h1 .dxo-badge { font-size: 13px; letter-spacing: 0; } #dxOrders .dxo-head p, #dxOrder .dxo-head p { margin: 6px 0 0; font-size: 14.5px; color: var(--dxo-muted); } /* Düğmeler */ #dxOrders .dxo-btn, #dxOrder .dxo-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--dxo-border); border-radius: var(--radius-md, 10px); background: #fff; color: var(--dxo-text); font: inherit; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } #dxOrders .dxo-btn:hover, #dxOrder .dxo-btn:hover { border-color: #cbd5e1; background: #f8fafc; color: var(--dxo-text); text-decoration: none; } #dxOrders .dxo-btn:focus-visible, #dxOrder .dxo-btn:focus-visible, #dxOrder .dxo-copy:focus-visible, #dxOrder .dxo-close:focus-visible, #dxOrders .dxo-page:focus-visible { outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } #dxOrders .dxo-btn.is-primary, #dxOrder .dxo-btn.is-primary { border-color: var(--dxo-blue); background: var(--dxo-blue); color: #fff; } #dxOrders .dxo-btn.is-primary:hover, #dxOrder .dxo-btn.is-primary:hover { background: var(--primary-hover, #1d4ed8); color: #fff; } #dxOrders .dxo-btn.is-outline, #dxOrder .dxo-btn.is-outline { border-color: #bfdbfe; color: var(--dxo-blue); } #dxOrders .dxo-btn.is-ghost, #dxOrder .dxo-btn.is-ghost { border-color: transparent; background: transparent; color: var(--dxo-muted); } #dxOrders .dxo-btn.is-sm, #dxOrder .dxo-btn.is-sm { min-height: 32px; padding: 0 12px; font-size: 13px; border-radius: 8px; } #dxOrders .dxo-btn.is-icon { width: 34px; padding: 0; } #dxOrder .dxo-btn.is-block { width: 100%; min-height: 46px; font-size: 15px; } /* Rozetler */ .dxo-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 9999px; border: 1px solid transparent; font-size: 12.5px; font-weight: 700; line-height: 1.35; white-space: nowrap; vertical-align: middle; } .dxo-badge .fa { font-size: 11.5px; } .dxo-badge.is-green { background: #ecfdf5; border-color: #bbf7d0; color: #047857; } .dxo-badge.is-blue { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; } .dxo-badge.is-amber { background: #fff7ed; border-color: #fed7aa; color: #b45309; } .dxo-badge.is-orange { background: #fff7ed; border-color: #fdba74; color: #c2410c; } .dxo-badge.is-purple { background: #f5f3ff; border-color: #ddd6fe; color: #6d28d9; } .dxo-badge.is-red { background: #fef2f2; border-color: #fecaca; color: #b91c1c; } .dxo-badge.is-gray { background: #f1f5f9; border-color: #e2e8f0; color: #475569; } /* Kartlar */ #dxOrders .dxo-card, #dxOrder .dxo-card { background: #fff; border: 1px solid var(--dxo-border); border-radius: var(--radius-lg, 14px); box-shadow: var(--shadow-sm); } #dxOrders .dxo-muted, #dxOrder .dxo-muted { margin: 0; font-size: 13px; color: var(--dxo-muted); } #dxOrders .dxo-sub, #dxOrder .dxo-sub { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--dxo-muted); } /* Liste: istatistik kartları */ #dxOrders .dxo-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; } #dxOrders .dxo-stat { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--dxo-border); border-radius: var(--radius-lg, 14px); background: #fff; color: var(--dxo-text); text-decoration: none; transition: box-shadow .15s ease, transform .15s ease; } #dxOrders a.dxo-stat:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); text-decoration: none; color: var(--dxo-text); } #dxOrders .dxo-stat-ico { width: 56px; height: 56px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 14px; font-size: 24px; } #dxOrders .dxo-stat.is-blue .dxo-stat-ico { background: #eff6ff; color: #2563eb; } #dxOrders .dxo-stat.is-amber .dxo-stat-ico { background: #fff7ed; color: #f59e0b; } #dxOrders .dxo-stat.is-purple .dxo-stat-ico { background: #f5f3ff; color: #7c3aed; } #dxOrders .dxo-stat.is-green .dxo-stat-ico { background: #ecfdf5; color: #10b981; } #dxOrders .dxo-stat-label { display: block; font-size: 14px; font-weight: 700; color: #334155; } #dxOrders .dxo-stat b { display: block; font-size: 26px; font-weight: 800; line-height: 1.2; } #dxOrders .dxo-stat small { display: block; font-size: 12.5px; color: var(--dxo-muted); } /* Liste: filtreler */ #dxOrders .dxo-list { overflow: hidden; } #dxOrders .dxo-filters { display: grid; grid-template-columns: minmax(200px, 1.4fr) minmax(290px, 1.6fr) repeat(3, minmax(130px, 1fr)); gap: 12px 14px; align-items: end; padding: 18px 20px; border-bottom: 1px solid var(--dxo-border); } #dxOrders .dxo-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; padding: 0; border: 0; font-size: 13px; font-weight: 700; color: #334155; } #dxOrders .dxo-field legend { padding: 0; margin-bottom: 6px; font-size: 13px; font-weight: 700; color: #334155; } #dxOrders .dxo-field input, #dxOrders .dxo-field select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid var(--dxo-border); border-radius: 8px; background: #fff; font: inherit; font-size: 13.5px; font-weight: 500; color: var(--dxo-text); } #dxOrders .dxo-field input:focus, #dxOrders .dxo-field select:focus { outline: none; border-color: var(--dxo-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); } #dxOrders .dxo-input-ico, #dxOrder .dxo-input-ico { position: relative; display: block; } #dxOrders .dxo-input-ico > .fa { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--dxo-muted); } #dxOrders .dxo-input-ico input { padding-left: 34px; } #dxOrders .dxo-range { display: flex; align-items: center; gap: 8px; } #dxOrders .dxo-range input { flex: 1; min-width: 0; padding: 0 8px; } #dxOrders .dxo-range .fa { color: var(--dxo-muted); } #dxOrders .dxo-field.is-actions { flex-direction: row; align-items: center; grid-column: -2 / -1; } #dxOrders .dxo-field.is-actions .dxo-btn.is-primary { flex: 1; } /* Liste: tablo */ #dxOrders .dxo-table-wrap, #dxOrder .dxo-table-wrap { overflow-x: auto; } #dxOrders .dxo-table { width: 100%; border-collapse: collapse; font-size: 13.5px; } #dxOrders .dxo-table > thead th { padding: 14px 10px; background: #f8fafc; border-bottom: 1px solid var(--dxo-border); font-size: 12px; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; color: #475569; text-align: left; white-space: nowrap; } #dxOrders .dxo-table > tbody > tr > td { padding: 12px 10px; border-bottom: 1px solid #eef2f7; vertical-align: middle; } #dxOrders .dxo-nowrap, #dxOrder .dxo-nowrap { white-space: nowrap; } #dxOrders .dxo-table .dxo-badge { gap: 5px; padding: 3px 9px; font-size: 12px; } #dxOrders .dxo-table > thead > tr > th:first-child, #dxOrders .dxo-table > tbody > tr > td:first-child { padding-left: 16px; } #dxOrders .dxo-table > thead > tr > th:last-child, #dxOrders .dxo-table > tbody > tr > td:last-child { padding-right: 16px; } #dxOrders .dxo-table .dxo-btn.is-sm:not(.is-icon) { padding: 0 10px; } #dxOrders .dxo-table .is-num { text-align: right; white-space: nowrap; } #dxOrders .dxo-table .is-act { text-align: right; width: 1%; white-space: nowrap; } #dxOrders .dxo-row:hover > td { background: #fbfdff; } #dxOrders .dxo-no { font-weight: 800; color: var(--dxo-text); text-decoration: none; white-space: nowrap; } #dxOrders .dxo-no:hover { color: var(--dxo-blue); } #dxOrders .dxo-money { font-weight: 800; } #dxOrders .dxo-split { display: inline-flex; gap: 0; } #dxOrders .dxo-split > .dxo-btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } #dxOrders .dxo-split > .dxo-btn + .dxo-btn { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #dxOrders .dxo-toggle .fa { transition: transform .15s ease; } #dxOrders .dxo-toggle[aria-expanded="true"] .fa { transform: rotate(180deg); } #dxOrders .dxo-detail > td { padding: 4px 16px 16px; background: #f8fafc; } #dxOrders .dxo-mini { width: 100%; border-collapse: collapse; font-size: 13px; } #dxOrders .dxo-mini th { padding: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--dxo-muted); text-align: left; border-bottom: 1px solid var(--dxo-border); } #dxOrders .dxo-mini td { padding: 8px; border-bottom: 1px solid #eef2f7; } #dxOrders .dxo-mini .is-num { text-align: right; } #dxOrders .dxo-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--dxo-blue); } /* Liste: sayfalama */ #dxOrders .dxo-pager { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 14px 20px; font-size: 13px; color: var(--dxo-muted); } #dxOrders .dxo-pages { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } #dxOrders .dxo-page { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; border: 1px solid var(--dxo-border); border-radius: 8px; background: #fff; color: var(--dxo-text); font-weight: 700; text-decoration: none; } #dxOrders a.dxo-page:hover { border-color: var(--dxo-blue); color: var(--dxo-blue); text-decoration: none; } #dxOrders .dxo-page.is-current { border-color: var(--dxo-blue); background: var(--dxo-blue); color: #fff; } #dxOrders .dxo-page.is-disabled { opacity: .45; } #dxOrders .dxo-page.is-gap { border-color: transparent; background: transparent; } #dxOrders .dxo-perpage label { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 500; } #dxOrders .dxo-perpage select { height: 36px; padding: 0 8px; border: 1px solid var(--dxo-border); border-radius: 8px; background: #fff; font: inherit; } #dxOrders .dxo-empty { padding: 56px 20px; text-align: center; color: var(--dxo-muted); } #dxOrders .dxo-empty > .fa { font-size: 40px; opacity: .35; } #dxOrders .dxo-empty h3 { margin: 10px 0 6px; font-size: 16px; font-weight: 800; color: var(--dxo-text); } #dxOrders .dxo-empty p { margin: 0 0 16px; font-size: 13px; } /* Detay */ #dxOrder .dxo-alert { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 16px; padding: 12px 16px; border: 1px solid; border-radius: var(--radius-md, 10px); font-size: 13.5px; line-height: 1.5; } #dxOrder .dxo-alert > .fa { margin-top: 2px; font-size: 18px; } #dxOrder .dxo-alert.is-green { background: #ecfdf5; border-color: #bbf7d0; color: #065f46; } #dxOrder .dxo-alert.is-blue { background: #eff6ff; border-color: #bfdbfe; color: #1e40af; } #dxOrder .dxo-alert.is-red { background: #fef2f2; border-color: #fecaca; color: #991b1b; } #dxOrder .dxo-alert.is-gray { background: #f8fafc; border-color: #e2e8f0; color: #334155; } #dxOrder .dxo-alert a { font-weight: 700; color: inherit; text-decoration: underline; } #dxOrder .dxo-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-bottom: 20px; padding: 18px 20px; } #dxOrder .dxo-sum { display: flex; align-items: center; gap: 14px; padding: 4px 16px; border-left: 1px solid var(--dxo-border); min-width: 0; } #dxOrder .dxo-sum:first-child { padding-left: 0; border-left: 0; } #dxOrder .dxo-sum > div { min-width: 0; } #dxOrder .dxo-sum span:not(.dxo-sum-ico):not(.dxo-badge) { display: block; font-size: 13px; color: var(--dxo-muted); } #dxOrder .dxo-sum strong { display: block; font-size: 17px; font-weight: 800; overflow-wrap: anywhere; } #dxOrder .dxo-sum-ico { width: 52px; height: 52px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 22px; } #dxOrder .dxo-sum-ico.is-blue { background: #eff6ff; color: #2563eb; } #dxOrder .dxo-sum-ico.is-green { background: #ecfdf5; color: #10b981; } #dxOrder .dxo-states { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 16px 0 0; padding-top: 14px; border-top: 1px dashed var(--dxo-border); } #dxOrder .dxo-states > div { display: flex; align-items: center; gap: 8px; } #dxOrder .dxo-states dt { font-size: 12.5px; font-weight: 600; color: var(--dxo-muted); } #dxOrder .dxo-states dd { margin: 0; } #dxOrder .dxo-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 20px; align-items: start; } #dxOrder .dxo-col { display: flex; flex-direction: column; gap: 20px; min-width: 0; } #dxOrder .dxo-card { padding: 20px; } #dxOrder .dxo-card h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 19px; font-weight: 800; } #dxOrder .dxo-card h2 .fa { color: var(--dxo-blue); } #dxOrder .dxo-sub-title { margin: 20px 0 10px; font-size: 14px; font-weight: 800; } #dxOrder .dxo-items { width: 100%; border-collapse: collapse; font-size: 13.5px; } #dxOrder .dxo-items th { padding: 10px 8px; background: #f8fafc; border-bottom: 1px solid var(--dxo-border); font-size: 11.5px; font-weight: 800; text-transform: uppercase; color: #475569; text-align: left; white-space: nowrap; } #dxOrder .dxo-items td { padding: 12px 8px; border-bottom: 1px solid #eef2f7; vertical-align: top; } #dxOrder .dxo-items .is-num { text-align: right; white-space: nowrap; } #dxOrder .dxo-item-name { font-weight: 700; } #dxOrder .dxo-totals { width: min(100%, 420px); margin: 14px 0 0 auto; } #dxOrder .dxo-totals > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 12px; border-bottom: 1px solid #eef2f7; font-size: 14px; } #dxOrder .dxo-totals dt { font-weight: 500; color: #334155; } #dxOrder .dxo-totals dd { margin: 0; font-weight: 600; } #dxOrder .dxo-totals .is-total { margin-top: 6px; border: 0; border-radius: 8px; background: #eff6ff; color: #1d4ed8; } #dxOrder .dxo-totals .is-total dt, #dxOrder .dxo-totals .is-total dd { font-size: 15.5px; font-weight: 800; color: #1d4ed8; } #dxOrder .dxo-totals .is-warn { display: block; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; color: #991b1b; } #dxOrder .dxo-totals .is-warn dt { font-weight: 800; color: inherit; } #dxOrder .dxo-totals .is-warn dd { margin-top: 4px; font-size: 13px; font-weight: 500; } #dxOrder .dxo-timeline { position: relative; margin: 0; padding: 0; list-style: none; } #dxOrder .dxo-timeline li { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; padding-bottom: 18px; } #dxOrder .dxo-timeline li:not(:last-child)::before { content: ""; position: absolute; left: 14px; top: 28px; bottom: 0; width: 2px; background: #dbeafe; } #dxOrder .dxo-dot { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--dxo-blue); color: #fff; font-size: 12px; } #dxOrder .dxo-timeline li.is-next .dxo-dot { background: #fff; border: 2px solid #f59e0b; color: #f59e0b; } #dxOrder .dxo-timeline strong { display: block; font-size: 14px; font-weight: 700; } #dxOrder .dxo-timeline small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--dxo-muted); } #dxOrder .dxo-timeline time { font-size: 12.5px; color: var(--dxo-muted); white-space: nowrap; } #dxOrder .dxo-docs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } #dxOrder .dxo-doc { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border: 1px solid var(--dxo-border); border-radius: var(--radius-md, 10px); color: var(--dxo-text); text-decoration: none; min-width: 0; } #dxOrder a.dxo-doc:hover { border-color: #bfdbfe; background: #f8fbff; text-decoration: none; color: var(--dxo-text); } #dxOrder .dxo-doc > .fa:first-child { font-size: 22px; color: var(--dxo-blue); } #dxOrder .dxo-doc.is-muted > .fa:first-child { color: #94a3b8; } #dxOrder .dxo-doc > span { flex: 1; min-width: 0; } #dxOrder .dxo-doc strong { display: block; font-size: 13px; font-weight: 800; color: var(--dxo-blue); overflow-wrap: anywhere; } #dxOrder .dxo-doc.is-muted strong { color: #334155; } #dxOrder .dxo-doc small { display: block; margin-top: 2px; font-size: 12px; color: var(--dxo-muted); } #dxOrder .dxo-doc-links { display: flex; gap: 12px; margin-top: 6px; font-size: 12.5px; font-weight: 700; } #dxOrder .dxo-actions-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; } #dxOrder .dxo-request { margin-top: 14px; padding: 14px; border: 1px solid var(--dxo-border); border-radius: var(--radius-md, 10px); background: #f8fafc; } #dxOrder .dxo-request label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 700; } #dxOrder .dxo-request textarea { width: 100%; padding: 10px; border: 1px solid var(--dxo-border); border-radius: 8px; font: inherit; font-size: 13.5px; } #dxOrder .dxo-request .dxo-muted { margin: 8px 0 12px; } #dxOrder .dxo-dl { margin: 0 0 14px; } #dxOrder .dxo-dl > div { display: grid; grid-template-columns: minmax(120px, 42%) minmax(0, 1fr); gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid #eef2f7; font-size: 14px; } #dxOrder .dxo-dl dt { font-weight: 500; color: var(--dxo-muted); } #dxOrder .dxo-dl dd { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; font-weight: 600; overflow-wrap: anywhere; } #dxOrder .dxo-dl code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: var(--dxo-text); background: none; padding: 0; } #dxOrder .dxo-bank { margin-bottom: 0; } #dxOrder .dxo-bank + .dxo-bank { margin-top: 6px; border-top: 2px solid #eef2f7; } #dxOrder .dxo-na { font-weight: 500; font-style: italic; color: var(--dxo-muted); } #dxOrder .dxo-copy, #dxOrder .dxo-close { flex-shrink: 0; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--dxo-border); border-radius: 8px; background: #fff; color: #334155; cursor: pointer; } #dxOrder .dxo-copy.is-done { border-color: #bbf7d0; background: #ecfdf5; color: #047857; } #dxOrder .dxo-close { border-color: transparent; } #dxOrder .dxo-transfer { margin-top: 16px; padding: 18px; border: 1px solid var(--dxo-border); border-radius: var(--radius-lg, 14px); background: #fff; box-shadow: var(--shadow-lg); } #dxOrder .dxo-transfer-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; } #dxOrder .dxo-transfer-head h3 { margin: 0; font-size: 16px; font-weight: 800; } #dxOrder .dxo-transfer-head p { margin: 2px 0 0; font-size: 12.5px; color: var(--dxo-muted); } #dxOrder .dxo-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; } #dxOrder .dxo-form-grid label { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 12.5px; font-weight: 700; color: #334155; } #dxOrder .dxo-form-grid .is-wide { grid-column: 1 / -1; } #dxOrder .dxo-form-grid input:not([type=file]), #dxOrder .dxo-form-grid select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid var(--dxo-border); border-radius: 8px; background: #fff; font: inherit; font-size: 13.5px; font-weight: 500; color: var(--dxo-text); } #dxOrder .dxo-form-grid input:focus, #dxOrder .dxo-form-grid select:focus, #dxOrder .dxo-request textarea:focus { outline: none; border-color: var(--dxo-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); } #dxOrder .dxo-form-grid [aria-invalid="true"] { border-color: #ef4444; } #dxOrder .dxo-input-ico.is-cur > i { position: absolute; left: 0; top: 0; bottom: 0; width: 38px; display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--dxo-border); font-style: normal; font-weight: 700; color: #334155; background: #f8fafc; border-radius: 8px 0 0 8px; } #dxOrder .dxo-input-ico.is-cur input { padding-left: 48px; } #dxOrder .dxo-drop { position: relative; align-items: center; justify-content: center; min-height: 86px; padding: 14px; border: 2px dashed #cbd5e1; border-radius: var(--radius-md, 10px); background: #f8fafc; text-align: center; cursor: pointer; } #dxOrder .dxo-drop:focus-within { border-color: var(--dxo-blue); background: #eff6ff; } #dxOrder .dxo-drop.has-file { border-style: solid; border-color: #bbf7d0; background: #f0fdf4; } #dxOrder .dxo-drop input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } #dxOrder .dxo-drop > .fa { font-size: 22px; color: var(--dxo-blue); } #dxOrder .dxo-drop strong { font-size: 13px; overflow-wrap: anywhere; } #dxOrder .dxo-drop small { font-size: 11.5px; font-weight: 500; color: var(--dxo-muted); } #dxOrder .dxo-err { display: block; margin: 0; font-size: 12px; font-weight: 600; color: #b91c1c; } #dxOrder .dxo-form-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; } #dxOrder .dxo-refunds, #dxOrder .dxo-notices { margin: 0; padding: 0; list-style: none; } #dxOrder .dxo-refunds li, #dxOrder .dxo-notices li { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid #eef2f7; font-size: 13.5px; } #dxOrder .dxo-notices small { display: block; margin-top: 2px; font-size: 12px; color: var(--dxo-muted); } #dxOrder .dxo-notices .dxo-reason { color: #b91c1c; font-weight: 600; } @media (max-width: 1199px) { #dxOrders .dxo-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } #dxOrders .dxo-field.is-search, #dxOrders .dxo-field.is-range { grid-column: span 3; } #dxOrders .dxo-field.is-actions { grid-column: span 3; } #dxOrder .dxo-grid { grid-template-columns: minmax(0, 1fr); } #dxOrder .dxo-docs { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } } @media (max-width: 991px) { #dxOrders .dxo-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } #dxOrder .dxo-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 0; } #dxOrder .dxo-sum:nth-child(3) { padding-left: 0; border-left: 0; } } @media (max-width: 767px) { #dxOrders .dxo-head h1, #dxOrder .dxo-head h1 { font-size: 23px; } #dxOrders .dxo-stats { gap: 10px; } #dxOrders .dxo-stat { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; } #dxOrders .dxo-stat-ico { width: 42px; height: 42px; font-size: 18px; } #dxOrders .dxo-stat b { font-size: 22px; } #dxOrders .dxo-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; } #dxOrders .dxo-field.is-search, #dxOrders .dxo-field.is-range, #dxOrders .dxo-field.is-actions { grid-column: 1 / -1; } #dxOrders .dxo-range input { min-width: 0; } /* Tablo -> kart (açılır satır [hidden] ile gizli kalır: yukarıdaki !important kuralı) */ #dxOrders .dxo-table, #dxOrders .dxo-table tbody { display: block; } #dxOrders .dxo-table > thead { display: none; } #dxOrders .dxo-table tr.dxo-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 12px; padding: 14px; border-bottom: 1px solid #eef2f7; } #dxOrders .dxo-table > tbody > tr.dxo-row > td { display: block; padding: 0; border: 0; text-align: left; } #dxOrders .dxo-table tr.dxo-row > td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 3px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--dxo-muted); } #dxOrders .dxo-table tr.dxo-row > td.is-act { grid-column: 1 / -1; width: auto; } #dxOrders .dxo-split { display: flex; width: 100%; } #dxOrders .dxo-split > .dxo-btn:first-child { flex: 1; min-height: 40px; } #dxOrders .dxo-split > .dxo-btn.is-icon { width: 44px; min-height: 40px; } #dxOrders .dxo-table tr.dxo-detail { display: block; } #dxOrders .dxo-table > tbody > tr.dxo-detail > td { display: block; padding: 12px 14px; } #dxOrders .dxo-pager { justify-content: center; text-align: center; } #dxOrder .dxo-card { padding: 16px; } #dxOrder .dxo-summary { grid-template-columns: minmax(0, 1fr); } #dxOrder .dxo-sum { padding: 0; border-left: 0; } #dxOrder .dxo-items thead { display: none; } #dxOrder .dxo-items, #dxOrder .dxo-items tbody, #dxOrder .dxo-items tr { display: block; } #dxOrder .dxo-items tr { padding: 12px 0; border-bottom: 1px solid #eef2f7; } #dxOrder .dxo-items td { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border: 0; text-align: right; } #dxOrder .dxo-items td::before { content: attr(data-label); font-size: 12px; font-weight: 700; color: var(--dxo-muted); text-align: left; } #dxOrder .dxo-items td:first-child { display: block; text-align: left; } #dxOrder .dxo-items td:first-child::before { display: none; } #dxOrder .dxo-items td .dxo-sub { display: inline; margin-left: 4px; } #dxOrder .dxo-timeline li { grid-template-columns: 30px minmax(0, 1fr); } #dxOrder .dxo-timeline time { grid-column: 2; } #dxOrder .dxo-form-grid { grid-template-columns: minmax(0, 1fr); } #dxOrder .dxo-dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } } /* Sipariş sözleşme kopyası (resources/views/portal/orders/document.blade.php) */ body.dxl-doc { margin: 0; background: #f8fafc; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #0f172a; } .dxl-doc main { max-width: 820px; margin: 24px auto; padding: 32px; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; } .dxl-doc .dxl-head h1 { margin: 0; font-size: 24px; } .dxl-doc .dxl-head p { margin: 6px 0 0; font-size: 13px; color: #64748b; } .dxl-doc .dxl-warn { padding: 10px; border-radius: 8px; background: #fef2f2; color: #991b1b !important; font-weight: 700; } .dxl-doc .dxl-print { margin-top: 14px; padding: 8px 14px; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; color: #1d4ed8; font-weight: 700; cursor: pointer; } .dxl-doc .dxl-body { margin-top: 24px; font-size: 14px; line-height: 1.65; } .dxl-doc .dxl-body table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 13px; } .dxl-doc .dxl-body th, .dxl-doc .dxl-body td { padding: 6px 8px; border: 1px solid #e2e8f0; text-align: left; } .dxl-doc .dxl-order { padding: 14px; margin-bottom: 20px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; } .dxl-doc .dxl-order p { margin: 4px 0; } .dxl-doc .dxl-foot { margin-top: 28px; font-size: 11px; color: #64748b; overflow-wrap: anywhere; } @media print { .dxl-doc main { margin: 0; border: 0; } .dxl-doc .dxl-print { display: none; } body.dxl-doc { background: #fff; } } @media (max-width: 767px) { .dxl-doc main { margin: 0; padding: 18px; border-radius: 0; } } /* ========================================================================= YÖNETİM: SİPARİŞLER & HAVALE BİLDİRİMLERİ (resources/views/admin/orders/*) ========================================================================= */ #dxAdmOrders { --dxa-border: #e2e8f0; --dxa-muted: #64748b; } #dxAdmOrders .dxa-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; } #dxAdmOrders .dxa-head h1 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; font-size: 22px; font-weight: 800; color: #0f172a; } #dxAdmOrders .dxa-head p { margin: 4px 0 0; font-size: 13px; color: var(--dxa-muted); } #dxAdmOrders .dxa-head-actions { display: flex; gap: 8px; flex-wrap: wrap; } #dxAdmOrders .dxao-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } #dxAdmOrders .dxao-stat { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--dxa-border); border-radius: 12px; background: #fff; color: #334155; font-size: 13px; font-weight: 600; text-decoration: none; } #dxAdmOrders a.dxao-stat:hover { box-shadow: 0 6px 16px rgba(15, 23, 42, .07); text-decoration: none; } #dxAdmOrders .dxao-stat > .fa { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 17px; } #dxAdmOrders .dxao-stat b { display: block; font-size: 22px; font-weight: 800; color: #0f172a; line-height: 1.1; } #dxAdmOrders .dxao-stat.is-blue > .fa { background: #eff6ff; color: #2563eb; } #dxAdmOrders .dxao-stat.is-amber > .fa { background: #fff7ed; color: #d97706; } #dxAdmOrders .dxao-stat.is-red > .fa { background: #fef2f2; color: #dc2626; } #dxAdmOrders .dxao-stat.is-gray > .fa { background: #f1f5f9; color: #475569; } #dxAdmOrders .dxao-card { margin-bottom: 16px; border: 1px solid var(--dxa-border); border-radius: 12px; overflow: hidden; } #dxAdmOrders .dxao-filters { display: grid; grid-template-columns: 2fr repeat(7, minmax(0, 1fr)) auto; gap: 10px; align-items: end; padding: 14px 16px; border-bottom: 1px solid var(--dxa-border); background: #f8fafc; } #dxAdmOrders .dxao-filters label { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 11.5px; font-weight: 700; color: #475569; } #dxAdmOrders .dxao-filter-actions { display: flex; gap: 4px; } #dxAdmOrders .dxao-table { font-size: 13px; } #dxAdmOrders .dxao-table th { background: #f8fafc; font-size: 11.5px; text-transform: uppercase; letter-spacing: .3px; color: #475569; white-space: nowrap; } #dxAdmOrders .dxao-table td { vertical-align: middle; } #dxAdmOrders .dxao-no { font-family: ui-monospace, monospace; font-weight: 800; color: #1d4ed8; white-space: nowrap; } #dxAdmOrders .dxao-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; } #dxAdmOrders .dxao-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 9999px; font-size: 13px; font-weight: 700; color: #475569; text-decoration: none; } #dxAdmOrders .dxao-tabs a span { padding: 0 7px; border-radius: 9999px; background: #f1f5f9; font-size: 12px; } #dxAdmOrders .dxao-tabs a.is-active { background: #2563eb; color: #fff; } #dxAdmOrders .dxao-tabs a.is-active span { background: rgba(255, 255, 255, .22); } #dxAdmOrders .dxao-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; } #dxAdmOrders .dxao-col { min-width: 0; } #dxAdmOrders .dxao-h2 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; font-size: 15px; font-weight: 800; color: #0f172a; } #dxAdmOrders .dxao-h3 { margin: 12px 0 6px; font-size: 13px; font-weight: 800; } #dxAdmOrders .dxao-dl { margin: 0; } #dxAdmOrders .dxao-dl > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 8px; padding: 6px 0; border-bottom: 1px solid #f1f5f9; font-size: 13px; } #dxAdmOrders .dxao-dl dt { font-weight: 600; color: var(--dxa-muted); } #dxAdmOrders .dxao-dl dd { margin: 0; overflow-wrap: anywhere; } #dxAdmOrders .dxao-totals { max-width: 360px; margin: 12px 0 0 auto; } #dxAdmOrders .dxao-totals .is-total { font-weight: 800; color: #1d4ed8; } #dxAdmOrders .dxao-timeline { margin: 0; padding: 0 0 0 16px; border-left: 2px solid #dbeafe; list-style: none; } #dxAdmOrders .dxao-timeline li { position: relative; padding: 0 0 12px 12px; font-size: 13px; } #dxAdmOrders .dxao-timeline li::before { content: ""; position: absolute; left: -23px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #2563eb; border: 2px solid #fff; } #dxAdmOrders .dxao-tl-head { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; } #dxAdmOrders .dxao-note { margin-top: 4px; padding: 6px 10px; border-radius: 6px; background: #fffbeb; color: #92400e; font-size: 12.5px; } #dxAdmOrders .dxao-review { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--dxa-border); } #dxAdmOrders .dxao-review form { margin: 0; } #dxAdmOrders .dxao-review-form { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; } #dxAdmOrders .dxao-review-form .form-control { flex: 1 1 180px; width: auto; } #dxAdmOrders .dxao-list { margin: 0; padding-left: 18px; font-size: 13px; } #dxAdmOrders .dxao-agreement { margin-top: 8px; font-size: 13px; } #dxAdmOrders .dxao-agreement summary { cursor: pointer; font-weight: 700; } #dxAdmOrders .dxao-agreement-body { max-height: 320px; overflow: auto; margin: 8px 0; padding: 12px; border: 1px solid var(--dxa-border); border-radius: 8px; background: #f8fafc; } #dxAdmOrders .dxao-agreement-body table { width: 100%; font-size: 12px; } @media (max-width: 1399px) { #dxAdmOrders .dxao-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); } #dxAdmOrders .dxao-filters .is-search { grid-column: span 2; } } @media (max-width: 991px) { #dxAdmOrders .dxao-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } #dxAdmOrders .dxao-grid { grid-template-columns: minmax(0, 1fr); } #dxAdmOrders .dxao-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } #dxAdmOrders .dxao-dl > div { grid-template-columns: minmax(0, 1fr); gap: 0; } } #dxAdmOrders .dxao-card .table { font-size: 13px; } /* Sipariş iş akışı: kalem teknik durumları (✓ Domain ⏳ SSL ○ Lisans) ve Teknik İşlemler paneli */ #dxAdmOrders .dxao-tabs a .fa { font-size: 12px; } #dxAdmOrders .dxao-tabs a:not(.is-active):hover { background: #f1f5f9; text-decoration: none; } #dxAdmOrders .dxao-tech { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 6px 0 0; padding: 0; list-style: none; font-size: 12px; font-weight: 600; color: #475569; } #dxAdmOrders .dxao-tech-count { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-left: auto; font-size: 12px; font-weight: 700; color: #64748b; } #dxAdmOrders .dxao-tech-count .is-completed { color: #047857; } #dxAdmOrders .dxao-tech-count .is-processing { color: #b45309; } #dxAdmOrders .dxao-tech-count .is-failed { color: #b91c1c; } #dxAdmOrders .dxao-tech li { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; } #dxAdmOrders .dxao-tech li .fa { font-size: 11px; } #dxAdmOrders .dxao-tech .is-completed .fa { color: #047857; } #dxAdmOrders .dxao-tech .is-processing .fa { color: #b45309; } #dxAdmOrders .dxao-tech .is-failed { color: #b91c1c; } #dxAdmOrders .dxao-tech .is-pending .fa, #dxAdmOrders .dxao-tech .is-not_required .fa { color: #94a3b8; } #dxAdmOrders .dxao-stage-action { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--dxa-border); font-size: 13px; } #dxAdmOrders .dxao-stage-action form { margin: 0; } #dxAdmOrders .dxao-tech-list { margin: 0; padding: 0; list-style: none; } #dxAdmOrders .dxao-tech-list > li { padding: 10px 0; border-bottom: 1px solid #f1f5f9; font-size: 13px; } #dxAdmOrders .dxao-tech-list > li:last-child { border-bottom: 0; } #dxAdmOrders .dxao-tech-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } #dxAdmOrders .dxao-tech-head .dxo-badge { margin-left: auto; } #dxAdmOrders .dxao-tech-error { margin-top: 4px; padding: 6px 10px; border-radius: 6px; background: #fef2f2; color: #b91c1c; font-size: 12.5px; overflow-wrap: anywhere; } #dxAdmOrders .dxao-tech-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: flex-start; margin-top: 8px; } #dxAdmOrders .dxao-tech-actions form { margin: 0; } #dxAdmOrders .dxao-tech-actions details { flex: 0 1 auto; } #dxAdmOrders .dxao-tech-actions details[open] { flex: 1 1 100%; } #dxAdmOrders .dxao-tech-actions summary { list-style: none; } #dxAdmOrders .dxao-tech-actions summary::-webkit-details-marker { display: none; } /* Manuel sipariş girişi / düzenleme (admin/orders/form) */ #dxAdmOrders .dxmo-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; } #dxAdmOrders .dxmo-side { position: sticky; top: 76px; } #dxAdmOrders .dxmo-customer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; } #dxAdmOrders .dxmo-customer strong { display: block; color: #0f172a; } #dxAdmOrders .dxmo-customer small { display: block; color: var(--dxa-muted); } #dxAdmOrders .dxmo-customer.is-fixed { display: block; } #dxAdmOrders .dxmo-search { position: relative; } #dxAdmOrders .dxmo-results { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); max-height: 320px; overflow: auto; margin: 0; padding: 4px; list-style: none; background: #fff; border: 1px solid var(--dxa-border); border-radius: 10px; box-shadow: 0 12px 28px rgba(15, 23, 42, .12); } #dxAdmOrders .dxmo-results li { padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 13px; } #dxAdmOrders .dxmo-results li:hover, #dxAdmOrders .dxmo-results li:focus { background: #eff6ff; outline: none; } #dxAdmOrders .dxmo-results li small { display: block; color: var(--dxa-muted); } #dxAdmOrders .dxmo-results li.is-empty { color: var(--dxa-muted); cursor: default; } #dxAdmOrders .dxmo-profiles-title { margin: 14px 0 6px; font-size: 12px; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: .3px; } #dxAdmOrders .dxmo-profile { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 6px; padding: 8px 12px; border: 1px solid var(--dxa-border); border-radius: 10px; font-size: 13px; cursor: pointer; } #dxAdmOrders .dxmo-profile:has(input:checked) { border-color: #2563eb; background: #f8fbff; } #dxAdmOrders .dxmo-profile input { margin-top: 3px; } #dxAdmOrders .dxmo-profile em { font-style: normal; font-size: 11.5px; color: var(--dxa-muted); } #dxAdmOrders .dxmo-profile small { display: block; color: var(--dxa-muted); } #dxAdmOrders .dxmo-items-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; } #dxAdmOrders .dxmo-add { display: flex; gap: 6px; flex-wrap: wrap; } #dxAdmOrders .dxmo-lines { display: flex; flex-direction: column; gap: 10px; } #dxAdmOrders .dxmo-line { padding: 12px; border: 1px solid var(--dxa-border); border-radius: 10px; background: #fcfdff; } #dxAdmOrders .dxmo-line-top { display: flex; gap: 10px; align-items: flex-start; } #dxAdmOrders .dxmo-kind { flex: 0 0 auto; margin-top: 4px; padding: 3px 9px; border-radius: 9999px; background: #eef2ff; color: #3730a3; font-size: 11.5px; font-weight: 700; white-space: nowrap; } #dxAdmOrders .dxmo-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; } #dxAdmOrders .dxmo-k-product, #dxAdmOrders .dxmo-k-domain { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 6px; } #dxAdmOrders .dxmo-k-domain { grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 1fr); } #dxAdmOrders .dxmo-k-product[hidden], #dxAdmOrders .dxmo-k-domain[hidden], #dxAdmOrders .dxmo-line [hidden] { display: none !important; } #dxAdmOrders .dxmo-remove { padding: 2px 6px; } #dxAdmOrders .dxmo-line-nums { display: grid; grid-template-columns: 1.1fr .8fr 1.1fr .8fr 1.4fr 1.4fr; gap: 8px; align-items: end; margin-top: 10px; } #dxAdmOrders .dxmo-line-nums label { display: flex; flex-direction: column; gap: 3px; margin: 0; font-size: 11.5px; font-weight: 700; color: #475569; } #dxAdmOrders .dxmo-disc { display: grid; grid-template-columns: minmax(0, 1fr) 58px; gap: 4px; } #dxAdmOrders .dxmo-line-total { text-align: right; line-height: 1.25; } #dxAdmOrders .dxmo-line-total b { display: block; font-size: 15px; color: #0f172a; } #dxAdmOrders .dxmo-line-total small { display: block; font-size: 11px; color: var(--dxa-muted); } #dxAdmOrders .dxmo-empty { margin: 4px 0 0; padding: 18px; border: 1px dashed #cbd5e1; border-radius: 10px; text-align: center; font-size: 13px; color: var(--dxa-muted); } #dxAdmOrders .dxmo-empty[hidden] { display: none; } #dxAdmOrders .dxmo-bulk { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 12px; font-size: 12.5px; } #dxAdmOrders .dxmo-bulk label { margin: 0; font-weight: 700; color: #475569; } #dxAdmOrders .dxmo-bulk .input-group { width: 170px; } #dxAdmOrders .dxmo-methods { display: flex; flex-direction: column; gap: 6px; } #dxAdmOrders .dxmo-method { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 9px 12px; border: 1px solid var(--dxa-border); border-radius: 10px; cursor: pointer; font-size: 13px; } #dxAdmOrders .dxmo-method:has(input:checked) { border-color: #2563eb; background: #f8fbff; } #dxAdmOrders .dxmo-method input { margin-top: 3px; } #dxAdmOrders .dxmo-method small { display: block; color: var(--dxa-muted); font-size: 11.5px; } #dxAdmOrders .dxmo-summary .dxao-dl > div { grid-template-columns: minmax(0, 1fr) auto; } #dxAdmOrders .dxmo-summary dd { text-align: right; font-variant-numeric: tabular-nums; } #dxAdmOrders .dxmo-summary .is-total { font-size: 16px; } #dxAdmOrders .dxmo-was { margin: 8px 0 0; font-size: 12.5px; color: var(--dxa-muted); } #dxAdmOrders .dxmo-check { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 0; font-size: 13px; } #dxAdmOrders .dxmo-check input { margin-top: 3px; } @media (max-width: 1199px) { #dxAdmOrders .dxmo-grid { grid-template-columns: minmax(0, 1fr); } #dxAdmOrders .dxmo-side { position: static; } } @media (max-width: 767px) { #dxAdmOrders .dxmo-line-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); } #dxAdmOrders .dxmo-line-total { grid-column: 1 / -1; } #dxAdmOrders .dxmo-k-product, #dxAdmOrders .dxmo-k-domain { grid-template-columns: minmax(0, 1fr); } #dxAdmOrders .dxmo-line-top { flex-wrap: wrap; } #dxAdmOrders .dxmo-bulk { justify-content: flex-start; flex-wrap: wrap; } } /* Ortak kart ödeme formu (resources/views/portal/partials/card-form.blade.php): sipariş detayı + cari hesap */ .dxc-form { margin-top: 16px; padding: 18px; border: 1px solid var(--border, #e2e8f0); border-radius: var(--radius-lg, 14px); background: #fff; color: var(--text-main, #0f172a); } .dxc-form [hidden] { display: none !important; } :where(.dxc-form) .dxc-head h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 800; } :where(.dxc-form) .dxc-head h3 .fa { color: #047857; } :where(.dxc-form) .dxc-head p { margin: 4px 0 12px; font-size: 12.5px; color: var(--text-muted, #64748b); } :where(.dxc-form) .dxc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; } :where(.dxc-form) .dxc-grid label { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 12.5px; font-weight: 700; color: #334155; } :where(.dxc-form) .dxc-grid .is-wide { grid-column: 1 / -1; } :where(.dxc-form) .dxc-grid small { font-size: 11.5px; font-weight: 500; color: var(--text-muted, #64748b); } :where(.dxc-form) .dxc-grid input, :where(.dxc-form) .dxc-grid select { width: 100%; height: 42px; padding: 0 10px; border: 1px solid var(--border, #e2e8f0); border-radius: 8px; background: #fff; font: inherit; font-size: 14px; font-weight: 500; color: var(--text-main, #0f172a); } :where(.dxc-form) .dxc-grid input:focus, :where(.dxc-form) .dxc-grid select:focus { outline: none; border-color: var(--primary, #2563eb); box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); } :where(.dxc-form) .dxc-grid [aria-invalid="true"] { border-color: #ef4444; } :where(.dxc-form) .dxc-grid [data-dxo-cardnumber] { font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .5px; } .dxc-exp { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .dxc-money { position: relative; display: block; } .dxc-money > i { position: absolute; left: 0; top: 0; bottom: 0; width: 40px; display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--border, #e2e8f0); border-radius: 8px 0 0 8px; background: #f8fafc; font-style: normal; font-weight: 800; } .dxc-money input { padding-left: 50px; font-size: 16px; font-weight: 800; } .dxc-err { display: block; margin: 0; font-size: 12px; font-weight: 600; color: #b91c1c; } .dxc-submit { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin-top: 16px; border: 0; border-radius: var(--radius-md, 10px); background: var(--primary, #2563eb); color: #fff; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; } .dxc-submit:hover { background: var(--primary-hover, #1d4ed8); } .dxc-submit:focus-visible { outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } .dxc-submit[disabled] { opacity: .7; cursor: progress; } .dxc-note { margin: 10px 0 0; font-size: 12px; color: var(--text-muted, #64748b); } @media (max-width: 767px) { :where(.dxc-form) .dxc-grid { grid-template-columns: minmax(0, 1fr); } .dxc-form { padding: 14px; } } /* Cari ekstre: "Ödeme Yap" kısayolu */ .dxc-cta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; padding: 18px 20px; border: 1px solid var(--border, #e2e8f0); border-radius: var(--radius-lg, 14px); background: #fff; } .dxc-cta.has-debt { border-color: #bfdbfe; background: linear-gradient(135deg, #f8fbff 0%, #ffffff 60%); } .dxc-cta > div { flex: 1; min-width: 220px; } .dxc-cta h2 { margin: 0; font-size: 18px; font-weight: 800; color: var(--text-main, #0f172a); } .dxc-cta p { margin: 4px 0 0; font-size: 13.5px; color: #475569; } .dxc-cari-ico { width: 52px; height: 52px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: #eff6ff; color: #2563eb; font-size: 22px; } .dxc-cta-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 22px; border-radius: var(--radius-md, 10px); background: var(--primary, #2563eb); color: #fff !important; font-weight: 800; text-decoration: none !important; } .dxc-cta-btn:hover { background: var(--primary-hover, #1d4ed8); } /* ========================================================================= ÖDEME YAP (resources/views/portal/cari/pay.blade.php, /profil/cari-odeme-yap) ========================================================================= */ #dxPay { --dxp-border: var(--border, #e2e8f0); --dxp-muted: var(--text-muted, #64748b); --dxp-text: var(--text-main, #0f172a); --dxp-blue: var(--primary, #2563eb); color: var(--dxp-text); } #dxPay [hidden] { display: none !important; } #dxPay .dxp2-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } #dxPay .dxp2-head h1 { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -.6px; } #dxPay .dxp2-head p { margin: 6px 0 0; font-size: 14.5px; color: var(--dxp-muted); } #dxPay .dxp2-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); gap: 24px; align-items: start; } #dxPay .dxp2-card { padding: 26px 28px; border: 1px solid var(--dxp-border); border-radius: var(--radius-lg, 14px); background: #fff; box-shadow: var(--shadow-sm); } #dxPay .dxp2-step { padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid #eef2f7; } #dxPay .dxp2-step h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: 19px; font-weight: 800; } #dxPay .dxp2-num { width: 28px; height: 28px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #eff6ff; color: var(--dxp-blue); font-size: 13px; font-weight: 800; } #dxPay .dxp2-num.is-ok { background: #f97316; color: #fff; } #dxPay .dxp2-sub { margin: -12px 0 16px 40px; font-size: 13px; color: var(--dxp-muted); } #dxPay .dxp2-label, #dxPay .dxp2-fields label { display: flex; flex-direction: column; gap: 6px; margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #334155; } #dxPay .dxp2-amount { position: relative; display: flex; align-items: center; border: 1px solid var(--dxp-border); border-radius: 10px; background: #fff; } #dxPay .dxp2-amount:focus-within { border-color: var(--dxp-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); } #dxPay .dxp2-amount.is-invalid { border-color: #ef4444; } #dxPay .dxp2-amount > span { padding: 0 6px 0 16px; font-size: 18px; font-weight: 800; color: #334155; } #dxPay .dxp2-amount input { flex: 1; min-width: 0; height: 52px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 20px; font-weight: 800; color: var(--dxp-text); } #dxPay .dxp2-chips { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 8px; } #dxPay .dxp2-chip { height: 36px; padding: 0 14px; border: 1px solid var(--dxp-border); border-radius: 8px; background: #f8fafc; font: inherit; font-size: 13px; font-weight: 700; color: #475569; cursor: pointer; } #dxPay .dxp2-chip:hover { border-color: #bfdbfe; color: var(--dxp-blue); } #dxPay .dxp2-chip.is-active { border-color: var(--dxp-blue); background: #eff6ff; color: var(--dxp-blue); } #dxPay .dxp2-chip.is-debt { border-color: #fed7aa; background: #fff7ed; color: #c2410c; } #dxPay .dxp2-chip:focus-visible, #dxPay .dxp2-submit:focus-visible { outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } #dxPay .dxp2-muted { margin: 6px 0 0; font-size: 12.5px; color: var(--dxp-muted); } #dxPay .dxp2-err { display: block; margin: 6px 0 0; font-size: 12.5px; font-weight: 600; color: #b91c1c; } #dxPay .dxp2-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; } #dxPay .dxp2-fields .is-wide { grid-column: 1 / -1; } #dxPay .dxp2-fields input, #dxPay .dxp2-fields select { width: 100%; height: 46px; padding: 0 12px; border: 1px solid var(--dxp-border); border-radius: 8px; background: #fff; font: inherit; font-size: 14.5px; font-weight: 500; color: var(--dxp-text); } #dxPay .dxp2-fields input:focus, #dxPay .dxp2-fields select:focus { outline: none; border-color: var(--dxp-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); } #dxPay .dxp2-fields [aria-invalid="true"] { border-color: #ef4444; } #dxPay [data-dxo-cardnumber], #dxPay [name=card_cvc] { font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 1px; } #dxPay .dxp2-exp { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } #dxPay .dxp2-agree { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 18px; font-size: 13px; color: #334155; cursor: pointer; } #dxPay .dxp2-agree input { width: 16px; height: 16px; margin-top: 2px; accent-color: var(--dxp-blue); } #dxPay .dxp2-agree a { font-weight: 700; color: var(--dxp-blue); text-decoration: underline; } #dxPay .dxp2-submit { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; border: 0; border-radius: 12px; background: var(--dxp-blue); color: #fff; font: inherit; font-size: 16px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 20px rgba(37, 99, 235, .25); } #dxPay .dxp2-submit:hover { background: var(--primary-hover, #1d4ed8); } #dxPay .dxp2-submit[disabled] { opacity: .7; cursor: progress; } #dxPay .dxp2-alert { display: flex; gap: 12px; margin-bottom: 16px; padding: 14px 16px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; color: #1e40af; font-size: 14px; } #dxPay .dxp2-alert > .fa { margin-top: 2px; font-size: 18px; } #dxPay .dxp2-bank { display: flex; flex-direction: column; gap: 2px; padding: 14px 0; border-bottom: 1px solid #eef2f7; font-size: 13px; color: #475569; } #dxPay .dxp2-bank:last-child { border-bottom: 0; } #dxPay .dxp2-bank strong { font-size: 15px; color: var(--dxp-text); } #dxPay .dxp2-bank code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 14px; font-weight: 700; color: var(--dxp-blue); background: none; padding: 0; overflow-wrap: anywhere; } #dxPay .dxp2-side { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 90px; } #dxPay .dxp2-visual { position: relative; aspect-ratio: 1.586 / 1; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 14px 34px rgba(15, 23, 42, .14); } #dxPay .dxp2-visual::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: 0; height: 58%; background: linear-gradient(135deg, #1d4ed8 0%, #0b3aa8 100%); border-radius: 50% 50% 0 0 / 14% 14% 0 0; } #dxPay .dxp2-visual-top { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; padding: 18px 20px; } #dxPay .dxp2-chip-icon { width: 42px; height: 32px; border: 1px solid #cbd5e1; border-radius: 6px; background: linear-gradient(135deg, #f1f5f9, #e2e8f0); } #dxPay .dxp2-visual-brand { display: flex; align-items: center; gap: 8px; } #dxPay .dxp2-visual-brand b { font-size: 22px; font-style: italic; font-weight: 900; letter-spacing: -.5px; color: #1a1f71; } #dxPay .dxp2-visual-brand em { padding: 2px 8px; border-radius: 4px; background: #0b57d0; color: #fff; font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; } #dxPay .dxp2-visual-bottom { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 0 20px 16px; color: #fff; } #dxPay .dxp2-visual-bottom small { display: block; font-size: 10px; letter-spacing: .3px; text-transform: uppercase; opacity: .8; } #dxPay .dxp2-visual-number { margin: 4px 0 12px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 18px; letter-spacing: 2px; white-space: nowrap; } #dxPay .dxp2-visual-row { display: flex; justify-content: space-between; gap: 12px; } #dxPay .dxp2-visual-row strong { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 800; letter-spacing: .5px; } #dxPay .dxp2-visual-row .is-right { text-align: right; } #dxPay .dxp2-box { padding: 20px 22px; border: 1px solid var(--dxp-border); border-radius: var(--radius-lg, 14px); background: #fff; } #dxPay .dxp2-box h3 { margin: 0 0 14px; font-size: 14px; font-weight: 800; color: #334155; } #dxPay .dxp2-box p { margin: 0 0 10px; font-size: 13.5px; line-height: 1.55; color: #475569; } #dxPay .dxp2-checks { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px; } #dxPay .dxp2-checks li { display: flex; gap: 12px; } #dxPay .dxp2-checks .fa { width: 24px; height: 24px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #eff6ff; color: var(--dxp-blue); font-size: 12px; } #dxPay .dxp2-checks strong { display: block; font-size: 13.5px; } #dxPay .dxp2-checks span { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.5; color: var(--dxp-muted); } #dxPay .dxp2-contact { display: flex; align-items: center; gap: 8px; margin: 6px 0 0 !important; font-weight: 700; } #dxPay .dxp2-contact a { color: var(--dxp-blue); } @media (max-width: 1099px) { #dxPay .dxp2-grid { grid-template-columns: minmax(0, 1fr); } #dxPay .dxp2-side { position: static; } #dxPay .dxp2-visual { display: none; } } @media (max-width: 767px) { #dxPay .dxp2-head h1 { font-size: 23px; } #dxPay .dxp2-card { padding: 18px 16px; } #dxPay .dxp2-fields { grid-template-columns: minmax(0, 1fr); } #dxPay .dxp2-sub { margin-left: 0; } #dxPay .dxp2-visual-number { font-size: 15px; letter-spacing: 1px; } } #dxPay .dxp2-lt { display: block; } #dxPay .dxp2-req { color: #dc2626; } /* Bankanın 3D sayfasına otomatik yönlendirme (resources/views/payment/3d-redirect.blade.php) */ body.dx3d { margin: 0; display: flex; min-height: 100vh; align-items: center; justify-content: center; font-family: system-ui, -apple-system, 'Segoe UI', sans-serif; background: #f8fafc; color: #0f172a; } body.dx3d main { max-width: 420px; padding: 32px; text-align: center; } body.dx3d h1 { font-size: 20px; } body.dx3d p { color: #475569; } body.dx3d button { margin-top: 12px; padding: 12px 22px; border: 0; border-radius: 10px; background: #2563eb; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; } #dxPay .dxp2-fieldset { margin: 0; padding: 0; border: 0; min-width: 0; } #dxPay .dxp2-form.is-disabled .dxp2-step, #dxPay .dxp2-form.is-disabled .dxp2-agree { opacity: .55; } #dxPay .dxp2-form.is-disabled .dxp2-submit { background: #94a3b8; box-shadow: none; cursor: not-allowed; } #dxPay .dxp2-admin-hint { display: inline-block; margin-top: 6px; font-size: 12.5px; color: #475569; } #dxPay .dxp2-admin-hint a { font-weight: 700; text-decoration: underline; } #dxPay .dxp2-banks { margin-top: 20px; } #dxPay .dxp2-banks-title { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: 17px; font-weight: 800; } #dxPay .dxp2-banks-title .fa { color: var(--dxp-blue); } /* Adres alanları (partials/address-fields): ödeme + profil. Select'ler tarayıcının gri varsayılanı yerine beyaz; gri yalnızca gerçekten kapalıyken */ .dx-addr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; } .dx-addr-field label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: #1e293b; } .dx-addr-grid [hidden] { display: none !important; } .dx-addr-grid select, .dx-addr-grid input { background-color: #fff; color: #1e293b; } .dx-addr-grid select { cursor: pointer; } .dx-addr-grid select:disabled, .dx-addr-grid input[readonly] { background-color: #f1f5f9; color: #64748b; cursor: not-allowed; } .dx-addr-input { width: 100%; height: 42px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; font-size: 14px; outline: none; transition: border-color .2s; box-sizing: border-box; } .dx-addr-input:focus { border-color: #2563eb; } textarea.dx-addr-input { height: 72px; padding: 10px 12px; resize: vertical; } @media (max-width: 640px) { .dx-addr-grid { grid-template-columns: 1fr; } } .dx-addr-card { margin-top: 24px; } .dx-addr-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--border, #e2e8f0); } .dx-addr-card-head h3 { margin: 0; font-size: 16px; font-weight: 700; color: var(--text-main, #0f172a); } .dx-addr-card-head p { margin: 2px 0 0; font-size: 12px; color: var(--text-muted, #64748b); } .dx-addr-card-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: #eff6ff; color: #2563eb; font-size: 18px; } .dx-addr-full { margin-bottom: 14px; } .dx-addr-actions { display: flex; justify-content: flex-end; margin-top: 20px; } .dx-addr-actions .btn-action { padding: 11px 22px; border: none; border-radius: 8px; background: var(--primary, #2563eb); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; } #dxPay .dxp2-alert.is-test { border-color: #fcd34d; background: #fffbeb; color: #92400e; } #dxPay .dxp2-alert.is-test code { font-weight: 700; color: #92400e; background: none; padding: 0; } /* Kart taksit seçenekleri (dx-card-quote.js): Ödeme Yap + sipariş kart formu */ .dxq-list { display: flex; flex-direction: column; gap: 8px; } .dxq-opt { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; padding: 14px 16px; border: 1px solid var(--border, #e2e8f0); border-radius: 10px; background: #fff; cursor: pointer; font-weight: 600; } .dxq-opt.is-active { border-color: var(--primary, #2563eb); background: #f8fbff; } .dxq-opt input { width: 18px; height: 18px; accent-color: var(--primary, #2563eb); } .dxq-name { flex: 1; font-size: 14.5px; color: var(--text-main, #0f172a); } .dxq-rate { padding: 2px 8px; border-radius: 9999px; background: #fff7ed; color: #c2410c; font-size: 11.5px; font-weight: 700; } .dxq-price { font-size: 14.5px; font-weight: 800; color: var(--text-main, #0f172a); } .dxc-installments { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; } .dxc-installments legend { margin: 0 0 6px; font-size: 12.5px; font-weight: 700; color: #334155; } .dxc-installments .dxq-opt { padding: 11px 12px; font-size: 13px; } @media (max-width: 767px) { .dxq-price { width: 100%; padding-left: 28px; } } /* ========================================================================= YÖNETİM: ÖDEME ALTYAPILARI (resources/views/admin/settings/pos/*) ========================================================================= */ #dxAdmPos { --dxap-border: #e2e8f0; --dxap-muted: #64748b; } #dxAdmPos .dxap-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; } #dxAdmPos .dxap-head h1 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 22px; font-weight: 800; color: #0f172a; } #dxAdmPos .dxap-head h1 .fa { color: #2563eb; } #dxAdmPos .dxap-head p { max-width: 820px; margin: 4px 0 0; font-size: 13px; color: var(--dxap-muted); } #dxAdmPos .dxap-head-actions { display: flex; gap: 8px; flex-wrap: wrap; } #dxAdmPos .dxap-card { margin-bottom: 16px; padding: 18px 20px; border: 1px solid var(--dxap-border); border-radius: 12px; background: #fff; } #dxAdmPos .dxap-card h2 { margin: 0 0 12px; font-size: 15px; font-weight: 800; color: #0f172a; } #dxAdmPos .dxap-card > .table-responsive { margin: -18px -20px; } #dxAdmPos .dxap-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } #dxAdmPos .dxap-summary > div { padding: 14px 16px; border: 1px solid var(--dxap-border); border-radius: 12px; background: #fff; } #dxAdmPos .dxap-summary span { display: block; font-size: 12px; font-weight: 700; color: var(--dxap-muted); text-transform: uppercase; letter-spacing: .3px; } #dxAdmPos .dxap-summary strong { display: block; margin-top: 4px; font-size: 15px; color: #0f172a; } #dxAdmPos .dxap-table th { background: #f8fafc; font-size: 11.5px; text-transform: uppercase; letter-spacing: .3px; color: #475569; white-space: nowrap; } #dxAdmPos .dxap-table td { vertical-align: middle; font-size: 13px; } #dxAdmPos .dxap-name { display: flex; align-items: center; gap: 12px; } #dxAdmPos .dxap-name > .fa { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #eff6ff; color: #2563eb; font-size: 17px; } #dxAdmPos .dxap-name strong { display: block; font-size: 14px; color: #0f172a; } #dxAdmPos .dxap-name small { display: block; color: var(--dxap-muted); } #dxAdmPos .dxap-foot { margin: 0; font-size: 12px; color: var(--dxap-muted); } #dxAdmPos .dxap-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; } #dxAdmPos .dxap-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin-bottom: 14px; } #dxAdmPos label { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 12.5px; font-weight: 700; color: #334155; } #dxAdmPos label small { font-weight: 500; color: var(--dxap-muted); } #dxAdmPos .dxap-form-actions { display: flex; gap: 8px; flex-wrap: wrap; } #dxAdmPos .dxap-side p { font-size: 13px; } #dxAdmPos .dxap-code { display: block; padding: 8px 10px; border-radius: 8px; background: #f8fafc; font-size: 12px; overflow-wrap: anywhere; } #dxAdmPos .dxap-controls { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 14px 20px; align-items: start; } #dxAdmPos .dxap-rates-meta { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 12px; border-top: 1px dashed var(--dxap-border); } #dxAdmPos .dxap-switch, #dxAdmPos .dxap-radio { flex-direction: row; align-items: flex-start; gap: 10px; cursor: pointer; } #dxAdmPos .dxap-switch input, #dxAdmPos .dxap-radio input { width: 18px; height: 18px; margin-top: 2px; accent-color: #2563eb; } #dxAdmPos .dxap-switch strong, #dxAdmPos .dxap-radio strong { display: block; font-size: 13.5px; color: #0f172a; } #dxAdmPos .dxap-radio { padding: 10px 0; border-bottom: 1px solid #f1f5f9; } #dxAdmPos .dxap-input-suffix { position: relative; display: block; } #dxAdmPos .dxap-input-suffix i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-style: normal; font-weight: 700; color: var(--dxap-muted); } #dxAdmPos .dxap-rates th, #dxAdmPos .dxap-rates td { vertical-align: middle; font-size: 12.5px; white-space: nowrap; } #dxAdmPos .dxap-rates thead th { background: #f8fafc; font-size: 11px; letter-spacing: .3px; color: #475569; } #dxAdmPos .dxap-rates .is-sticky { position: sticky; left: 0; z-index: 1; background: #fff; } #dxAdmPos .dxap-rates thead .is-sticky { background: #f8fafc; } #dxAdmPos .dxap-rates tr.is-off td, #dxAdmPos .dxap-rates tr.is-off th { opacity: .45; } #dxAdmPos .dxap-mini { width: 78px; height: 28px; padding: 2px 6px; font-size: 12px; margin: 0 auto; } #dxAdmPos .dxap-bank { display: block; font-weight: 700; color: #0f172a; } #dxAdmPos .dxap-customer { display: block; margin-top: 2px; font-size: 11px; font-weight: 700; color: #c2410c; } #dxAdmPos .dxap-customer.is-zero { color: #047857; } #dxAdmPos .dxap-customer.is-sample { display: inline; } #dxAdmPos .dxap-legend { margin: 12px 0 0; font-size: 12px; color: var(--dxap-muted); } #dxAdmPos .dxap-legend .dxap-bank { display: inline; } #dxAdmPos .dxap-families { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; } @media (max-width: 1199px) { #dxAdmPos .dxap-grid, #dxAdmPos .dxap-controls { grid-template-columns: minmax(0, 1fr); } #dxAdmPos .dxap-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { #dxAdmPos .dxap-form-row { grid-template-columns: minmax(0, 1fr); } } /* ===== Ödeme (checkout): yöntem seçimi, logolu havale bankaları, fatura kaydet çubuğu ===== */ #checkoutForm [hidden] { display: none !important; } .dxco-methods { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; } .dxco-method { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0; padding: 14px 16px; border: 2px solid #e2e8f0; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s; } .dxco-method:hover { border-color: #bfd3fb; } .dxco-method.is-active { border-color: #3174f1; background: #f0f7ff; } .dxco-method input { width: 18px; height: 18px; margin: 0; accent-color: #3174f1; } .dxco-method-ico { width: 40px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #eef4ff; color: #3174f1; font-size: 18px; } .dxco-method.is-active .dxco-method-ico { background: #3174f1; color: #fff; } .dxco-method-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; } .dxco-method-txt strong { font-size: 14.5px; color: #1e293b; } .dxco-method-txt small { font-size: 12px; color: #64748b; } .dxco-panel { margin: 0; padding: 18px; min-width: 0; border: 1px solid #e2e8f0; border-radius: 12px; background: #fcfdff; } .dxco-legend { width: auto; margin: 0 0 12px; font-size: 14px; font-weight: 800; color: #1e293b; } .dxco-bank { position: relative; display: flex; align-items: center; gap: 14px; margin: 0 0 10px; padding: 14px 16px; border: 2px solid #e2e8f0; border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s; } .dxco-bank:hover { border-color: #bfd3fb; } .dxco-bank.is-active { border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxco-bank input { width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: #3174f1; } .dxco-bank-logo { width: 132px; height: 48px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 6px 10px; border: 1px solid #eef2f7; border-radius: 10px; background: #fff; } .dxco-bank-logo img { max-width: 100%; max-height: 30px; object-fit: contain; } .dxco-bank-logo b { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eef4ff; color: #3174f1; font-size: 16px; } .dxco-bank-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .dxco-bank-info strong { font-size: 14.5px; color: #1e293b; } .dxco-bank-info small { font-size: 12px; color: #64748b; } .dxco-bank-info code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13.5px; font-weight: 700; color: #3174f1; background: none; padding: 0; word-break: break-all; } .dxco-copy { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border: 1px solid #cfdcf7; border-radius: 8px; background: #fff; color: #3174f1; font-size: 12.5px; font-weight: 700; cursor: pointer; } .dxco-copy:hover { background: #f0f7ff; } .dxco-hint { margin: 8px 0 0; font-size: 12.5px; color: #64748b; } .dxco-cardtotal strong { color: #1e293b; } .dxco-save { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 16px; border: 0; border-radius: 8px; background: #3174f1; color: #fff; font-size: 13.5px; font-weight: 700; cursor: pointer; } .dxco-save:hover { background: #2563eb; } .dxco-save[disabled] { opacity: .7; cursor: progress; } @media (max-width: 575.98px) { .dxco-bank { flex-wrap: wrap; } .dxco-bank-logo { width: 110px; } .dxco-bank-info { flex-basis: calc(100% - 32px); order: 3; } .dxco-copy { margin-left: auto; } .dxco-panel { padding: 12px; } } #dxOrder .dxo-bank.is-selected { padding: 8px 10px; border: 2px solid #3174f1; border-radius: 10px; background: #f8fbff; } #dxOrder .dxo-bank-name { justify-content: flex-start; flex-wrap: wrap; overflow-wrap: normal; row-gap: 6px; } #dxOrder .dxo-bank-name > span:not(.dxo-badge) { white-space: nowrap; } #dxOrder .dxo-bank-name .dxo-badge { margin-left: auto; white-space: nowrap; } #dxOrder .dxo-bank-logo { height: 20px; width: auto; max-width: 120px; flex-shrink: 0; object-fit: contain; } /* ===== Ortak kart alanları + canlı kart önizlemesi (portal/partials/card-fields, dx-card-ui.js) ===== */ .dxc-grid-amount:empty { display: none; } .dxc-grid-amount + .dxcf { margin-top: 12px; } /* Container query kullanılmaz: Chrome'da taksit sorgusundan sonra alanları 0 yüksekliğe düşürüyordu. flex-wrap: yer varsa önizleme sağda; sığmazsa alt satıra kayar ve wrap-reverse ile alanların üstüne çıkar. */ .dxcf { display: flex; flex-wrap: wrap-reverse; align-items: flex-end; gap: 18px; margin-bottom: 14px; } .dxcf-fields { flex: 1 1 340px; min-width: 0; } .dxcf .dxcv { flex: 0 1 300px; margin: 0 auto; } .dxcf-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; align-content: start; } .dxcf-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .dxcf-field.is-wide { grid-column: 1 / -1; } .dxcf-field label { margin: 0; font-size: 12.5px; font-weight: 700; color: #334155; } .dxcf-field input { width: 100%; height: 46px; padding: 0 12px; border: 1px solid #d5dde8; border-radius: 10px; background: #fff; font: inherit; font-size: 15px; font-weight: 500; color: #0f172a; transition: border-color .15s, box-shadow .15s; } .dxcf-field input::placeholder { color: #a3adbb; } .dxcf-field input:focus { outline: none; border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .15); } .dxcf-field input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px #f0f7ff inset; } .dxcf-field [aria-invalid="true"] { border-color: #ef4444; } .dxcf-field [data-dxo-cardnumber], .dxcf-field [data-cf-exp], .dxcf-field [data-cf-cvc] { font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .6px; } .dxcf-number { position: relative; display: block; } .dxcf-number input { padding-right: 64px; } .dxcf-brand { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; pointer-events: none; } .dxcf-brand img { height: 26px; width: auto; border-radius: 4px; box-shadow: 0 0 0 1px #eef2f7; } .dxcv { --cv-a: #1e3a8a; --cv-b: #3b82f6; perspective: 1000px; max-width: 340px; width: 100%; justify-self: center; } .dxcv[data-theme="bonus"] { --cv-a: #0b6b3a; --cv-b: #34a853; } .dxcv[data-theme="world"] { --cv-a: #4c1d95; --cv-b: #8b5cf6; } .dxcv[data-theme="axess"] { --cv-a: #111827; --cv-b: #4b5563; } .dxcv[data-theme="maximum"] { --cv-a: #9d174d; --cv-b: #ec4899; } .dxcv[data-theme="paraf"] { --cv-a: #0c2a4d; --cv-b: #1d5fa8; } .dxcv[data-theme="cardfinans"] { --cv-a: #1e3a8a; --cv-b: #2563eb; } .dxcv[data-theme="advantage"] { --cv-a: #9a3412; --cv-b: #f97316; } .dxcv[data-theme="bankkart"] { --cv-a: #991b1b; --cv-b: #dc2626; } .dxcv[data-theme="milessmiles"], .dxcv[data-theme="shopfly"], .dxcv[data-theme="wings"] { --cv-a: #0f172a; --cv-b: #b91c1c; } .dxcv-inner { position: relative; aspect-ratio: 1.586; transition: transform .6s cubic-bezier(.4, .2, .2, 1); transform-style: preserve-3d; } .dxcv.is-flipped .dxcv-inner { transform: rotateY(180deg); } .dxcv-face { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 18px 20px; border-radius: 16px; color: #fff; background: radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(135deg, var(--cv-a) 0%, var(--cv-b) 100%); box-shadow: 0 14px 30px -12px rgba(15, 23, 42, .55); backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; transition: background .4s; } .dxcv-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; } .dxcv-family { display: flex; align-items: center; min-width: 0; } .dxcv-pill { display: inline-flex; align-items: center; height: 30px; padding: 4px 10px; border-radius: 8px; background: rgba(255, 255, 255, .95); } .dxcv-pill img { max-height: 22px; max-width: 110px; object-fit: contain; } .dxcv-bank { font-size: 12.5px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .95; } .dxcv-brandlogo img { height: 30px; width: auto; border-radius: 5px; } .dxcv-chip { width: 42px; height: 30px; margin: 14px 0 12px; border-radius: 6px; background: linear-gradient(135deg, #fde68a 0%, #d4a72c 55%, #fbe7a1 100%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); } .dxcv-number { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 18px; letter-spacing: 1.5px; white-space: nowrap; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); } .dxcv-row { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; } .dxcv-row > div { min-width: 0; } .dxcv-row .is-right { text-align: right; flex-shrink: 0; } .dxcv-row small, .dxcv-back small { display: block; font-size: 9.5px; letter-spacing: .8px; text-transform: uppercase; opacity: .75; } .dxcv-row strong { display: block; font-size: 13px; font-weight: 700; letter-spacing: .5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dxcv-back { transform: rotateY(180deg); padding: 18px 0; } .dxcv-stripe { display: block; height: 40px; margin-top: 4px; background: #0b0f19; } .dxcv-sign { display: flex; align-items: center; margin: 16px 20px 8px; height: 34px; border-radius: 4px; background: repeating-linear-gradient(45deg, #f1f5f9 0 6px, #e2e8f0 6px 12px); } .dxcv-sign span { flex: 1; } .dxcv-sign b { padding: 0 12px; height: 100%; display: flex; align-items: center; background: #fff; color: #0f172a; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 15px; letter-spacing: 2px; border-radius: 0 4px 4px 0; } .dxcv-back small { margin: 0 20px; text-transform: none; letter-spacing: 0; font-size: 11px; } .dxcv-meta { min-height: 18px; margin: 10px 0 0; font-size: 12.5px; font-weight: 600; color: #475569; text-align: center; } @media (prefers-reduced-motion: reduce) { .dxcv-inner { transition: none; } } @media (max-width: 575.98px) { .dxcf-fields { gap: 10px; } .dxcv { max-width: 300px; } .dxcv-number { font-size: 16px; } } .dxco-test { align-self: flex-start; margin-top: 4px; padding: 1px 8px; border-radius: 6px; background: #f59e0b; color: #1f2937; font-size: 11px; font-weight: 700; } .dxco-cards { display: flex; gap: 4px; flex-shrink: 0; } .dxco-cards img { height: 22px; width: auto; border-radius: 3px; box-shadow: 0 0 0 1px #e5e9f0; } @media (max-width: 575.98px) { .dxco-cards { display: none; } } /* cPanel & WHM lisans vitrini (/cpanel-lisanslari) — eski sitedeki yayındaki tasarım (cpanel-v2) */ /* CSS RESET & SCOPE */ .cpanel-v2-container { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1e293b; background-color: #f8fafc; line-height: 1.5; -webkit-font-smoothing: antialiased; } .cpanel-v2-container * { box-sizing: border-box; } .cp-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; } /* HERO */ .cp-hero { background: linear-gradient(135deg, #090d16 0%, #0f172a 50%, #1e1b4b 100%); color: #ffffff; padding: 65px 0 55px; text-align: center; position: relative; overflow: hidden; } .cp-hero::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 800px; height: 350px; background: radial-gradient(circle, rgba(249, 115, 22, 0.18) 0%, rgba(99, 102, 241, 0.12) 40%, transparent 70%); pointer-events: none; } .cp-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 999px; padding: 6px 16px; font-size: 13px; font-weight: 600; color: #cbd5e1; margin-bottom: 24px; backdrop-filter: blur(8px); } .cp-pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff6a00; box-shadow: 0 0 10px #ff6a00; animation: cpPulse 2s infinite; } @keyframes cpPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.3); } } .cp-hero-title { font-size: 42px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.18; margin: 0 auto 16px; max-width: 900px; color: #ffffff; } .cp-gradient-text { background: linear-gradient(135deg, #ff6a00 0%, #f97316 40%, #fb923c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cp-hero-sub { font-size: 17px; color: #94a3b8; max-width: 760px; margin: 0 auto 36px; line-height: 1.6; } .cp-hero-highlights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1100px; margin: 0 auto 36px; text-align: left; } .cp-hl-item { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 16px; display: flex; gap: 12px; align-items: flex-start; backdrop-filter: blur(6px); } .cp-hl-icon { font-size: 22px; line-height: 1; } .cp-hl-item strong { display: block; font-size: 13.5px; color: #f1f5f9; margin-bottom: 2px; } .cp-hl-item p { font-size: 12px; color: #94a3b8; margin: 0; line-height: 1.4; } .cp-hero-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } /* BUTTONS */ .cp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; font-size: 14px; font-weight: 600; border-radius: 10px; cursor: pointer; transition: all 0.18s ease; text-decoration: none; border: none; } .cp-btn-primary { background: linear-gradient(135deg, #ff6a00 0%, #ea580c 100%); color: #ffffff !important; box-shadow: 0 4px 14px rgba(234, 88, 12, 0.35); } .cp-btn-primary:hover { background: linear-gradient(135deg, #f97316 0%, #c2410c 100%); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(234, 88, 12, 0.45); } .cp-btn-secondary { background: rgba(255, 255, 255, 0.12); color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2); } .cp-btn-secondary:hover { background: rgba(255, 255, 255, 0.2); } .cp-btn-ghost { background: transparent; color: #cbd5e1 !important; } .cp-btn-ghost:hover { color: #ffffff !important; } /* PRICING SECTION */ .cp-pricing-section { padding: 60px 0; } .cp-section-header { text-align: center; max-width: 720px; margin: 0 auto 40px; } .cp-section-header h2 { font-size: 32px; font-weight: 800; color: #0f172a; letter-spacing: -0.02em; margin: 0 0 10px; } .cp-section-header p { font-size: 16px; color: #64748b; margin: 0; } /* CONTROLS BAR */ .cp-controls-bar { display: flex; justify-content: space-between; align-items: center; background: #ffffff; padding: 12px 18px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04); margin-bottom: 35px; flex-wrap: wrap; gap: 16px; } .cp-env-switcher { display: flex; gap: 8px; flex-wrap: wrap; } .cp-env-tab { display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 10px; border: 1px solid transparent; background: #f1f5f9; color: #475569; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: all 0.16s ease; } .cp-env-tab:hover { background: #e2e8f0; color: #1e293b; } .cp-env-tab.active { background: #0f172a; color: #ffffff; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18); } .cp-env-icon { font-size: 16px; } .cp-tab-pill { font-size: 11px; font-weight: 600; background: rgba(255, 255, 255, 0.18); padding: 2px 7px; border-radius: 999px; color: #cbd5e1; } .cp-env-tab:not(.active) .cp-tab-pill { background: #cbd5e1; color: #475569; } /* PACKAGES GRID */ .cp-packages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 50px; } .cp-card { background: #ffffff; border-radius: 18px; border: 1px solid #e2e8f0; padding: 30px; position: relative; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03); transition: all 0.22s ease; } .cp-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(15, 23, 42, 0.09); border-color: #cbd5e1; } .cp-card-featured { border-color: #ff6a00; box-shadow: 0 10px 30px rgba(255, 106, 0, 0.12); } .cp-ribbon { position: absolute; top: -12px; right: 24px; background: linear-gradient(135deg, #ff6a00, #ea580c); color: #ffffff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 4px 12px; border-radius: 999px; box-shadow: 0 4px 10px rgba(234, 88, 12, 0.3); } .cp-tag-badge { position: absolute; top: 20px; right: 24px; font-size: 11.5px; font-weight: 700; color: #64748b; background: #f1f5f9; padding: 3px 9px; border-radius: 6px; } .cp-card-head { margin-bottom: 18px; } .cp-card-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 10px; letter-spacing: -0.015em; } .cp-card-accounts { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .cp-acc-badge { background: #fff7ed; color: #ea580c; border: 1px solid #fed7aa; font-size: 13px; font-weight: 800; padding: 3px 10px; border-radius: 8px; } .cp-acc-sub { font-size: 12.5px; color: #64748b; font-weight: 500; } .cp-card-desc { font-size: 13px; color: #64748b; margin: 0; line-height: 1.5; min-height: 40px; } /* CARD PRICING */ .cp-card-pricing { background: #f8fafc; border-radius: 12px; padding: 16px 18px; margin-bottom: 22px; border: 1px solid #f1f5f9; } .cp-price-row { display: flex; align-items: baseline; gap: 2px; } .cp-currency { font-size: 20px; font-weight: 700; color: #0f172a; } .cp-amount { font-size: 32px; font-weight: 800; color: #0f172a; letter-spacing: -0.03em; } .cp-unit { font-size: 14px; font-weight: 600; color: #64748b; margin-left: 4px; } .cp-price-sub { display: flex; justify-content: space-between; margin-top: 4px; font-size: 11.5px; color: #94a3b8; } .cp-usd-hint { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } /* FEATURES LIST */ .cp-features-list { list-style: none; padding: 0; margin: 0 0 26px; flex-grow: 1; } .cp-features-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: #334155; margin-bottom: 10px; line-height: 1.45; } .cp-check-icon { width: 17px; height: 17px; color: #10b981; flex-shrink: 0; margin-top: 2px; } /* CARD FOOT */ .cp-btn-buy { width: 100%; background: #0f172a; color: #ffffff !important; padding: 13px 20px; border-radius: 10px; font-size: 13.5px; justify-content: space-between; } .cp-card-featured .cp-btn-buy { background: linear-gradient(135deg, #ff6a00, #ea580c); box-shadow: 0 4px 14px rgba(234, 88, 12, 0.3); } .cp-btn-buy:hover { background: #1e293b; transform: translateY(-1px); } .cp-card-featured .cp-btn-buy:hover { background: linear-gradient(135deg, #f97316, #c2410c); } .cp-btn-arrow { font-size: 16px; transition: transform 0.16s ease; } .cp-btn-buy:hover .cp-btn-arrow { transform: translateX(4px); } /* VERIFIER SECTION */ .cp-verifier-section { padding: 60px 0; background: #ffffff; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } .cp-verifier-box { display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: center; } .cp-vf-badge { font-size: 11px; font-weight: 800; letter-spacing: 0.05em; color: #ff6a00; margin-bottom: 8px; } .cp-verifier-intro h3 { font-size: 28px; font-weight: 800; color: #0f172a; margin: 0 0 10px; letter-spacing: -0.02em; } .cp-verifier-intro p { font-size: 15px; color: #64748b; margin: 0; line-height: 1.6; } .cp-input-group { display: flex; gap: 10px; } .cp-input { flex-grow: 1; padding: 12px 16px; font-size: 14.5px; border-radius: 10px; border: 1px solid #cbd5e1; outline: none; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; transition: all 0.16s ease; } .cp-input:focus { border-color: #ff6a00; box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.12); } .cp-verify-result { margin-top: 16px; padding: 16px; border-radius: 12px; font-size: 13.5px; animation: cpFadeIn 0.25s ease; } @keyframes cpFadeIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } .cp-res-success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; } .cp-res-fail { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; } /* COMMANDS SECTION */ .cp-commands-section { padding: 65px 0; background: #f8fafc; } .cp-commands-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .cp-cmd-card { background: #0f172a; color: #f8fafc; border-radius: 14px; padding: 20px; display: flex; flex-direction: column; } .cp-cmd-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .cp-cmd-title { font-size: 13px; font-weight: 700; color: #cbd5e1; } .cp-cmd-copy { background: rgba(255, 255, 255, 0.1); color: #ffffff; border: none; padding: 4px 10px; border-radius: 6px; font-size: 11.5px; font-weight: 600; cursor: pointer; transition: background 0.16s ease; } .cp-cmd-copy:hover { background: rgba(255, 255, 255, 0.22); } .cp-cmd-code { background: #020617; border-radius: 8px; padding: 12px 14px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; color: #38bdf8; margin: 0 0 10px; overflow-x: auto; border: 1px solid rgba(255, 255, 255, 0.05); } .cp-cmd-desc { font-size: 12px; color: #94a3b8; line-height: 1.45; } /* MATRIX SECTION */ .cp-matrix-section { padding: 65px 0; background: #ffffff; border-top: 1px solid #e2e8f0; } .cp-table-responsive { overflow-x: auto; border-radius: 14px; border: 1px solid #e2e8f0; } .cp-matrix-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13.5px; } .cp-matrix-table th { background: #f8fafc; padding: 16px 20px; font-weight: 700; color: #0f172a; border-bottom: 1px solid #e2e8f0; } .cp-matrix-table td { padding: 14px 20px; border-bottom: 1px solid #f1f5f9; color: #334155; } .cp-matrix-table tbody tr:hover { background: #f8fafc; } .cp-th-highlight { background: #fff7ed !important; color: #ea580c !important; } .cp-yes { color: #16a34a; font-weight: 700; } .cp-no { color: #94a3b8; font-weight: 600; } /* FAQ SECTION */ .cp-faq-section { padding: 65px 0 85px; background: #f8fafc; } .cp-faq-list { max-width: 820px; margin: 0 auto; } .cp-faq-item { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: border-color 0.16s ease; } .cp-faq-item:hover { border-color: #cbd5e1; } .cp-faq-question { width: 100%; padding: 18px 22px; text-align: left; background: none; border: none; font-size: 15px; font-weight: 700; color: #0f172a; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .cp-faq-chevron { font-size: 20px; color: #94a3b8; transition: transform 0.2s ease; } .cp-faq-answer { padding: 0 22px 18px; font-size: 14px; color: #64748b; line-height: 1.6; display: none; } .cp-faq-item.active .cp-faq-answer { display: block; } .cp-faq-item.active .cp-faq-chevron { transform: rotate(45deg); color: #ff6a00; } /* ORDER MODAL */ .cp-modal-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.65); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(4px); } .cp-modal-dialog { width: 100%; max-width: 540px; background: #ffffff; border-radius: 18px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); overflow: hidden; animation: cpModalIn 0.2s ease; } @keyframes cpModalIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } .cp-modal-header { display: flex; justify-content: space-between; align-items: flex-start; padding: 24px 26px 18px; border-bottom: 1px solid #f1f5f9; } .cp-modal-title { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0 0 4px; } .cp-modal-sub { font-size: 13px; color: #64748b; margin: 0; font-weight: 600; } .cp-modal-close { background: none; border: none; font-size: 26px; color: #94a3b8; cursor: pointer; line-height: 1; padding: 0; } .cp-modal-close:hover { color: #0f172a; } .cp-modal-body { padding: 22px 26px; } .cp-form-group { margin-bottom: 20px; } .cp-form-label { display: block; font-size: 13.5px; font-weight: 700; color: #0f172a; margin-bottom: 6px; } .cp-label-hint { font-size: 12px; font-weight: 400; color: #64748b; margin-left: 6px; } .cp-period-chips { display: flex; gap: 8px; flex-wrap: wrap; } .cp-chip { flex: 1; min-width: 90px; padding: 9px 12px; border-radius: 9px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 13px; font-weight: 600; color: #334155; cursor: pointer; text-align: center; transition: all 0.16s ease; } .cp-chip:hover { border-color: #ff6a00; } .cp-chip.active { background: #fff7ed; border-color: #ff6a00; color: #ea580c; box-shadow: 0 0 0 1px #ff6a00; } .cp-ip-input-wrap { position: relative; display: flex; align-items: center; } .cp-ip-icon { position: absolute; left: 14px; font-size: 16px; pointer-events: none; } .cp-ip-input-wrap .cp-input { padding-left: 42px; font-size: 16px; font-weight: 600; } .cp-field-help { display: block; font-size: 12px; color: #64748b; margin-top: 5px; } /* ADDON BOX */ .cp-addon-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px; margin-bottom: 20px; } .cp-addon-label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; margin: 0; } .cp-addon-label input { margin-top: 3px; width: 17px; height: 17px; } .cp-addon-label strong { display: block; font-size: 13px; color: #0f172a; margin-bottom: 2px; } .cp-addon-label p { font-size: 11.5px; color: #64748b; margin: 0; line-height: 1.4; } .cp-addon-price { font-size: 13px; font-weight: 700; color: #0f172a; margin-left: auto; white-space: nowrap; } /* ORDER SUMMARY */ .cp-order-summary { background: #f1f5f9; border-radius: 12px; padding: 14px 16px; font-size: 13px; } .cp-sum-row { display: flex; justify-content: space-between; margin-bottom: 6px; color: #475569; } .cp-sum-total { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px dashed #cbd5e1; padding-top: 8px; margin-top: 8px; font-size: 14px; color: #0f172a; } .cp-sum-total strong { font-size: 18px; color: #ff6a00; } .cp-modal-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 26px; background: #f8fafc; border-top: 1px solid #f1f5f9; } /* RESPONSIVE */ @media (max-width: 992px) { .cp-hero-title { font-size: 32px; } .cp-hero-highlights { grid-template-columns: repeat(2, 1fr); } .cp-packages-grid { grid-template-columns: 1fr; } .cp-verifier-box { grid-template-columns: 1fr; } .cp-commands-grid { grid-template-columns: 1fr; } } @media (max-width: 576px) { .cp-hero-highlights { grid-template-columns: 1fr; } .cp-controls-bar { flex-direction: column; align-items: stretch; } .cp-env-switcher { flex-direction: column; } } /* Yeni sayfaya özel ekler */ .cpanel-v2-container [hidden], .cp-modal-backdrop[hidden] { display: none !important; } .cp-hero-badge .cp-badge-text { color: inherit; } .cp-price-note { margin: 0; font-size: 13px; color: #64748b; } .cp-strong-blue { color: #0284c7; } .cp-tag-badge ~ .cp-card-head .cp-card-title { padding-right: 104px; } .cp-verify-detail { margin-top: 6px; font-size: 12.5px; } .cp-verifier-intro h2 { font-size: 22px; font-weight: 800; margin: 10px 0 8px; color: inherit; } /* Katalog ürün sayfası (/urun/{slug}) */ .dxcp { background: #f5f7fb; padding: 28px 0 56px; } .dxcp-crumbs { font-size: 13px; color: #64748b; margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 6px; } .dxcp-crumbs a { color: #3174f1; } .dxcp-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; } .dxcp-main, .dxcp-buy { background: #fff; border: 1px solid #e5e9f0; border-radius: 16px; padding: 28px; } .dxcp-main h1 { margin: 10px 0 14px; font-size: clamp(24px, 3.4vw, 32px); font-weight: 800; color: #0f172a; letter-spacing: -.4px; } .dxcp-badge { display: inline-block; padding: 5px 12px; border-radius: 999px; background: #e0e7ff; color: #3730a3; font-size: 11.5px; font-weight: 700; letter-spacing: .5px; } .dxcp-desc, .dxcp-rich { font-size: 15px; line-height: 1.7; color: #334155; overflow-wrap: anywhere; } .dxcp-rich { margin-top: 18px; } .dxcp-rich img { max-width: 100%; height: auto; } .dxcp-rich table { width: 100%; border-collapse: collapse; } .dxcp-rich td, .dxcp-rich th { border: 1px solid #e5e9f0; padding: 8px; } .dxcp-buy { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 10px; } .dxcp-buy small { font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .6px; } .dxcp-price { font-size: 28px; font-weight: 800; color: #0f172a; } .dxcp-price span { font-size: 13px; font-weight: 600; color: #64748b; } .dxcp-price-ask { font-size: 22px; } .dxcp-options { list-style: none; margin: 4px 0; padding: 0; border-top: 1px solid #eef1f6; } .dxcp-options li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid #eef1f6; font-size: 14px; color: #334155; } .dxcp-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 10px; background: #1a5cd9; color: #fff; font-weight: 700; text-decoration: none; } .dxcp-btn:hover, .dxcp-btn:focus { background: #3174f1; color: #fff; } .dxcp-btn-ghost { background: #eef3ff; color: #1a5cd9; } .dxcp-btn-ghost:hover, .dxcp-btn-ghost:focus { background: #dfe8ff; color: #1a5cd9; } .dxcp-note { margin: 4px 0 0; font-size: 12px; color: #94a3b8; } @media (max-width: 991.98px) { .dxcp-grid { grid-template-columns: 1fr; } .dxcp-buy { position: static; } } @media (max-width: 575.98px) { .dxcp-main, .dxcp-buy { padding: 20px; } } /* SSL sertifikası vitrini (/ssl-sertifikasi, önbellekli eski sayfa) */ .sslorta { margin-top: 28px; padding: 44px 40px 40px; border-radius: 22px; background: radial-gradient(90% 120% at 100% 0%, rgba(49, 116, 241, .35) 0%, rgba(49, 116, 241, 0) 60%), linear-gradient(135deg, #0b1224 0%, #16213e 100%); color: #fff; } .sslorta h2 { margin: 0 0 12px; padding: 0; font-size: clamp(24px, 3.6vw, 36px); font-weight: 800; line-height: 1.25; letter-spacing: -.4px; color: #fff; } .sslorta h2 span { color: #4ade80; } .sslorta > p { max-width: 680px; margin: 0 0 30px; font-size: 16px; line-height: 1.6; color: #cbd5e1; } .sslorta .ssl_main { flex: 0 0 100%; max-width: 100%; display: grid; grid-template-columns: 1fr; column-gap: 16px; } .sslorta .mylibsss { display: flex; align-items: center; gap: 12px; margin: 14px 0 0; padding: 18px 18px 8px; border: 1px solid rgba(255, 255, 255, .1); border-bottom: 0; border-radius: 14px 14px 0 0; background: rgba(255, 255, 255, .06); } .sslorta .mylibsss:first-child { margin-top: 0; } .sslorta .ssl_main_content { padding: 0 18px 18px; border: 1px solid rgba(255, 255, 255, .1); border-top: 0; border-radius: 0 0 14px 14px; background: rgba(255, 255, 255, .06); font-size: 13.5px; line-height: 1.6; color: #cbd5e1; } .sslorta .iconb { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; padding: 0 !important; border-radius: 11px; background: rgba(74, 222, 128, .15); color: #4ade80; font: normal normal normal 18px/1 FontAwesome; } .sslorta .icon-user::before { content: "\f0c0"; } .sslorta .icon-s-gplus::before { content: "\f1a0"; } .sslorta .icon-search::before { content: "\f0ac"; } .sslorta .icon-lock-1::before { content: "\f023"; } .sslorta .iconc { margin: 0; font-size: 15.5px; font-weight: 800; line-height: 1.3; color: #fff; } @media (min-width: 768px) { .sslorta .ssl_main { grid-template-columns: repeat(2, 1fr); } .sslorta .ssl_main > :nth-child(1), .sslorta .ssl_main > :nth-child(2), .sslorta .ssl_main > :nth-child(5), .sslorta .ssl_main > :nth-child(6) { grid-column: 1; } .sslorta .ssl_main > :nth-child(3), .sslorta .ssl_main > :nth-child(4), .sslorta .ssl_main > :nth-child(7), .sslorta .ssl_main > :nth-child(8) { grid-column: 2; } .sslorta .ssl_main > :nth-child(1), .sslorta .ssl_main > :nth-child(3) { grid-row: 1; } .sslorta .ssl_main > :nth-child(2), .sslorta .ssl_main > :nth-child(4) { grid-row: 2; } .sslorta .ssl_main > :nth-child(5), .sslorta .ssl_main > :nth-child(7) { grid-row: 3; } .sslorta .ssl_main > :nth-child(6), .sslorta .ssl_main > :nth-child(8) { grid-row: 4; } .sslorta .mylibsss { margin-top: 0; } .sslorta .ssl_main > :nth-child(5), .sslorta .ssl_main > :nth-child(7) { margin-top: 16px; } } @media (min-width: 1200px) { .sslorta .ssl_main { grid-template-columns: repeat(4, 1fr); } .sslorta .ssl_main > :nth-child(odd) { grid-row: 1; margin-top: 0; } .sslorta .ssl_main > :nth-child(even) { grid-row: 2; } .sslorta .ssl_main > :nth-child(1), .sslorta .ssl_main > :nth-child(2) { grid-column: 1; } .sslorta .ssl_main > :nth-child(3), .sslorta .ssl_main > :nth-child(4) { grid-column: 2; } .sslorta .ssl_main > :nth-child(5), .sslorta .ssl_main > :nth-child(6) { grid-column: 3; } .sslorta .ssl_main > :nth-child(7), .sslorta .ssl_main > :nth-child(8) { grid-column: 4; } } .pricing-wrapper:has(.ssl-table-1) { margin: 0; padding: 36px 0 56px; font-family: inherit; overflow: visible; row-gap: 24px; } .ssl-table-1 .pricing, .ssl-table-2 .pricing { height: 100%; border: 1px solid #e5e9f0; border-radius: 20px; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, .05); transition: box-shadow .2s, transform .2s; } .ssl-table-1 .pricing:hover, .ssl-table-2 .pricing:hover { border-color: #e5e9f0; box-shadow: 0 16px 36px -16px rgba(15, 23, 42, .25); transform: translateY(-2px); cursor: default; } .ssl-table-2 .pricing, .ssl-table-2 .pricing:hover { border: 2px solid #3174f1; } .ssl-table-2 .pricing::before { content: "Önerilen"; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 4px 14px; border-radius: 999px; background: #3174f1; color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; } .ssl-table-1 .pricing table thead th, .ssl-table-2 .pricing table thead th { padding: 30px 28px 6px; font-size: 18px; font-weight: 800; line-height: 1.35; color: #0f172a; } .ssl-table-1 .price-label, .ssl-table-2 .price-label, .ssl-table-1 .pricing:hover .price-label, .ssl-table-2 .pricing:hover .price-label { position: static; width: auto; height: auto; margin: 0 0 10px; padding: 0; border-radius: 0; background: none; box-shadow: none; } .ssl-table-1 .price-label-price, .ssl-table-2 .price-label-price { margin: 0; padding: 0; font-size: 34px; font-weight: 800; letter-spacing: -.5px; color: #0f172a; } .ssl-table-1 .price-label span, .ssl-table-2 .price-label span { display: inline; margin-left: 4px; font-size: 14px; font-weight: 600; color: #64748b; } .ssl-table-1 .pricing table tbody td, .ssl-table-2 .pricing table tbody td { padding: 0 28px; } .ssl-table-1 .rental-list, .ssl-table-2 .rental-list { display: grid; grid-template-columns: 1fr auto; } .ssl-table-1 .rental-list br, .ssl-table-2 .rental-list br, .ssl-table-1 .rental-list .clearfix, .ssl-table-2 .rental-list .clearfix { display: none; } .ssl-table-1 .ssl-image-logo, .ssl-table-2 .ssl-image-logo { grid-column: 1 / -1; justify-self: center; width: 64px; height: auto; margin: 14px 0 18px; } .ssl-table-1 .rental-list span, .ssl-table-2 .rental-list span { float: none; width: auto; height: auto; margin: 0; padding: 9px 0; border-bottom: 1px solid #eef2f6; font-size: 13.5px; line-height: 1.4; white-space: normal; } .ssl-table-1 .rental-list .property, .ssl-table-2 .rental-list .property { text-align: left; color: #475569; } .ssl-table-1 .rental-list .value, .ssl-table-2 .rental-list .value { padding-left: 12px; text-align: right; font-weight: 700; color: #0f172a; } .ssl-table-1 .rental-list span:nth-last-child(-n+3), .ssl-table-2 .rental-list span:nth-last-child(-n+3) { border-bottom: 0; } .ssl-table-1 .value i, .ssl-table-2 .value i { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-size: 0; font-style: normal; vertical-align: middle; } .ssl-table-1 .value i::before, .ssl-table-2 .value i::before { font: normal normal normal 11px/1 FontAwesome; } .ssl-table-1 .value .icon-ok, .ssl-table-2 .value .icon-ok { background: #dcfce7; color: #16a34a; } .ssl-table-1 .value .icon-ok::before, .ssl-table-2 .value .icon-ok::before { content: "\f00c"; } .ssl-table-1 .value .icon-cancel, .ssl-table-2 .value .icon-cancel { background: #f1f5f9; color: #94a3b8; } .ssl-table-1 .value .icon-cancel::before, .ssl-table-2 .value .icon-cancel::before { content: "\f00d"; } .ssl-table-1 .pricing table tfoot td, .ssl-table-2 .pricing table tfoot td { padding: 20px 28px 28px; } .ssl-table-1 .btn-navy, .ssl-table-2 .btn-navy { display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; padding: 0; border: 0; border-radius: 10px; background: #0f172a; color: #fff !important; font-size: 14.5px; font-weight: 800; letter-spacing: .4px; transition: background .2s; } .ssl-table-2 .btn-navy { background: #3174f1; } .ssl-table-1 .btn-navy:hover, .ssl-table-2 .btn-navy:hover { background: #1d4ed8 !important; } @media (max-width: 767px) { .sslorta { width: auto; max-width: none; flex: 1 1 auto; margin: 16px 15px 0; padding: 28px 20px 22px; border-radius: 18px; } .ssl-table-1 .pricing, .ssl-table-2 .pricing { margin-bottom: 8px; } .ssl-table-1 .pricing table thead th, .ssl-table-2 .pricing table thead th, .ssl-table-1 .pricing table tbody td, .ssl-table-2 .pricing table tbody td { padding-left: 20px; padding-right: 20px; } } /* Eski paket/alan adı sayfaları (package.css, domain.css) yüklenmeyen Comfortaa/Poppins fontunu istiyordu; tarayıcı Arial'e düştüğü için hosting fiyatları ve tablo başlıkları sitenin geri kalanından farklı görünüyordu. */ .commerce-package-one .h2baslik, .commerce-package-one .h2baslik h1, .commerce-package-one .h2baslik span, .table-packages thead .table-packages-price-title, .table-packages thead .table-packages-price-details, .table-packages thead .table-packages-price-details > span, .table-packages tbody td:first-child, .btn-sm-new, .commerce-package-one .double-items p, .faq-style-one .accrodion-grp .accrodion .accrodion-title h4, .faq-style-one .accrodion-grp .accrodion .accrodion-content .inner-new p, .block-title-new h2, .commerce-menu .table-packages-price-title, .commerce-menu .table-packages-price-details, .ecommercetab .nav-tabs > li h5, .ecommercetab .nav-tabs > li p, .hero-content-left .namebaslik, .hero-content-left .leadbas, .wwi-block .block-title-new p, #commerce .nav-tabs > li > a, #commerce .media-object h5, #commerce p, .package-submenu__flex--item .btn-new, .package__recommended, .domain-pricing--cluster .domain-pricing__price, .domain-pricing--cluster .domain-pricing__currency, .domain-pricing--cluster p.package__per__feature, .domain-pricing-section-v3 .domain-pricing--cluster .domain-pricing__feature, .domain-pricing--cluster .domain-pricing__action, .bilgisor .bilgitit, .bilgisor .bilgidesc, .bilgibg .domain-title, .bilgibg .domain-desc, .domainlist li span, .domain-row input[type="text"].form-control, .domain-row select.form-control, .domain-row button[type="submit"], .parent-typed-text, .custom_domain h2, .custom_domain p, .what_included h1, .what_included li strong, .what_included li, .recent-list { font-family: 'Nunito', sans-serif !important; } /* Ürün sayfalarında tek fiyat tipografisi: hosting tabloları (.pricedet), sunucu/depolama kartları (.maprice) */ td.pricedet, td.maprice { font-family: 'Nunito', sans-serif !important; font-size: 28px; font-weight: 800; letter-spacing: -.3px; color: #0f172a; white-space: nowrap; } td.pricedet small, td.maprice small { font-family: inherit; font-size: .62em; font-weight: 800; color: inherit; } td.pricedet span, td.maprice span { font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0; color: #64748b; } /* ===== Ödeme: fatura adresleri (checkout/partials/billing, dx-billing.js) ===== */ .dxbp .checkout_box_title { gap: 10px; flex-wrap: wrap; } .dxbp-add { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid #cfdcf7; border-radius: 8px; background: #fff; color: #3174f1; font-size: 13px; font-weight: 700; cursor: pointer; } .dxbp-add:hover { background: #f0f7ff; } .dxbp-hint { margin: 0 0 10px; font-size: 13px; color: #64748b; } /* Kayıtlı adres kartı: yalnızca unvan + tek satır adres */ .dxbp-list { display: flex; flex-direction: column; gap: 10px; } .dxbp-card { display: flex; align-items: center; gap: 8px; min-width: 0; padding-right: 8px; border: 2px solid #e2e8f0; border-radius: 12px; background: #fff; transition: border-color .15s, box-shadow .15s; } .dxbp-card:hover { border-color: #bfd3fb; } .dxbp-card.is-active { border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); background: #fbfdff; } .dxbp-pick { flex: 1; display: flex; align-items: center; gap: 12px; min-width: 0; margin: 0; padding: 12px 8px 12px 16px; cursor: pointer; font-weight: 400; } .dxbp-pick input { width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: #3174f1; } .dxbp-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .dxbp-title, .dxbp-addr { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dxbp-title { font-size: 14.5px; font-weight: 700; color: #1e293b; } .dxbp-addr { font-size: 13px; color: #64748b; } .dxbp-warn { font-size: 12px; font-weight: 700; color: #b45309; } .dxbp-actions { display: flex; flex-shrink: 0; gap: 2px; } .dxbp-link { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 8px; border: 0; border-radius: 6px; background: none; color: #3174f1; font-size: 12.5px; font-weight: 700; cursor: pointer; } .dxbp-link:hover { background: #f0f7ff; } .dxbp-link.is-danger { color: #b91c1c; } .dxbp-link.is-danger:hover { background: #fef2f2; } .dxbp-link[disabled] { opacity: .5; cursor: progress; } /* Form */ .dxbp-editor { margin: 0; padding: 0; min-width: 0; border: 0; } .dxbp-editor.is-secondary { margin-top: 16px; padding: 18px; border: 1px solid #dbe5f5; border-radius: 12px; background: #fbfdff; } .dxbp-legend { width: auto; margin: 0 0 12px; font-size: 15px; font-weight: 800; color: #1e293b; } .dxbp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } .dxbp-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .dxbp-f.is-wide, .dxbp-grid > .is-wide { grid-column: 1 / -1; } .dxbp-f > label, .dxbp-lbl { margin: 0; font-size: 13.5px; font-weight: 700; color: #1e293b; } .dxbp-req { color: #dc2626; } /* zorunlu alan yıldızı: kırmızı (tanışma ekranıyla aynı) */ .dxbp .form-control-custom[aria-invalid="true"] { border-color: #ef4444; } .dxbp .form-control-custom.is-valid { border-color: #16a34a; } .dxbp-textarea { height: 76px !important; resize: vertical; } .dxbp-phone { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; } .dxbp-phone .dxbp-cc { display: flex; align-items: center; height: 44px; padding: 0 14px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f1f5f9; color: #64748b; font-size: 14px; font-weight: 600; } .dxbp-phone:has(.dxbp-cc[hidden]) { grid-template-columns: minmax(0, 1fr); } .dxbp .dx-addr-grid.is-compact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } .dxbp .dx-addr-grid.is-compact label { font-size: 13.5px; font-weight: 700; color: #1e293b; } .dxbp select.is-waiting { background-color: #f1f5f9; color: #94a3b8; } .dxbp-types { display: grid; grid-template-columns: 1fr 1fr; gap: 0; } .dxbp-type { display: flex; align-items: center; justify-content: center; min-height: 46px; margin: 0; border: 1px solid #d5dde8; background: #f4f5f7; color: #334155; font-size: 14.5px; font-weight: 600; cursor: pointer; transition: background .15s, border-color .15s; } .dxbp-type:first-child { border-radius: 8px 0 0 8px; } .dxbp-type:last-child { border-radius: 0 8px 8px 0; } .dxbp-type input { position: absolute; opacity: 0; pointer-events: none; } .dxbp-type.is-active { position: relative; border-color: #3174f1; background: #fff; color: #3174f1; font-weight: 700; } .dxbp-type:focus-within { outline: 2px solid rgba(49, 116, 241, .45); outline-offset: 1px; } .dxbp-info { display: flex; align-items: center; gap: 8px; margin: 0; padding: 10px 14px; border-radius: 8px; background: #eaf3fd; color: #334155; font-size: 13.5px; } .dxbp-info .fa { color: #3174f1; } .dxbp-check-wrap { justify-content: flex-end; } .dxbp-check { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; font-size: 14px; font-weight: 600; color: #334155; cursor: pointer; } .dxbp-check input { width: 20px; height: 20px; margin: 0; accent-color: #3174f1; } .dxbp-help { display: block; font-size: 11.5px; color: #64748b; } .dxbp-help:empty { display: none; } .dxbp-help.is-error { color: #b91c1c; font-weight: 600; } .dxbp-editor-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 16px; } .dxbp-status { flex: 1; min-width: 180px; margin: 0; font-size: 13px; font-weight: 600; color: #047857; } .dxbp-status.is-error { color: #b91c1c; } .dxbp-cancel { min-height: 36px; padding: 0 14px; border: 1px solid #d5dde8; border-radius: 8px; background: #fff; color: #475569; font-size: 13.5px; font-weight: 700; cursor: pointer; } @media (max-width: 575.98px) { .dxbp-grid, .dxbp .dx-addr-grid.is-compact { grid-template-columns: 1fr; } .dxbp-phone { grid-template-columns: 76px minmax(0, 1fr); } .dxbp-editor.is-secondary { padding: 12px; } .dxbp-link span { display: none; } } .dxbp .dx-addr-grid.is-compact label .text-danger { color: #dc2626 !important; } /* zorunlu alan yıldızı kırmızı (.dxbp-req ile aynı) */ /* ===== Sipariş sonuç ekranı (checkout/success) ===== */ .dxs { max-width: 1180px; margin: 0 auto; padding: 32px 16px 56px; color: #0f172a; } .dxs-hero { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; padding: 28px 32px; border-radius: 18px; background: linear-gradient(120deg, #0b3b8c 0%, #1d5fd6 55%, #3b82f6 100%); color: #fff; box-shadow: 0 18px 40px -22px rgba(29, 78, 216, .7); } .dxs-check { width: 64px; height: 64px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #22c55e; color: #fff; box-shadow: 0 0 0 8px rgba(255, 255, 255, .15); } .dxs-hero-text { flex: 1 1 320px; min-width: 0; } .dxs-hero-text h1 { margin: 0 0 6px; font-size: 26px; font-weight: 800; letter-spacing: -.3px; color: #fff; } .dxs-hero-text p { margin: 0; font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .88); } .dxs-hero-meta { display: flex; gap: 10px; flex-wrap: wrap; margin: 0; } .dxs-hero-meta > div { min-width: 120px; padding: 10px 14px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 12px; background: rgba(255, 255, 255, .1); } .dxs-hero-meta dt { margin: 0 0 2px; font-size: 11px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: rgba(255, 255, 255, .72); } .dxs-hero-meta dd { margin: 0; font-size: 15px; font-weight: 800; color: #fff; } .dxs-hero-meta code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 14px; color: #fff; background: none; padding: 0; } .dxs-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 22px 0; padding: 0; list-style: none; } .dxs-steps li { position: relative; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; font-size: 13.5px; font-weight: 600; color: #64748b; } .dxs-step-dot { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f1f5f9; color: #64748b; font-size: 13px; font-weight: 800; } .dxs-steps li.is-done { color: #0f172a; } .dxs-steps li.is-done .dxs-step-dot { background: #dcfce7; color: #15803d; } .dxs-steps li.is-current { border-color: #f59e0b; background: #fffbeb; color: #92400e; } .dxs-steps li.is-current .dxs-step-dot { background: #f59e0b; color: #fff; } .dxs-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; align-items: start; } .dxs-main, .dxs-side { display: flex; flex-direction: column; gap: 22px; min-width: 0; } .dxs-card { padding: 22px 24px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); } .dxs-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; } .dxs-card h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 18px; font-weight: 800; color: #0f172a; } .dxs-card h2 .bi { color: #2563eb; } .dxs-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 9999px; background: #f1f5f9; color: #334155; font-size: 12px; font-weight: 700; } .dxs-badge.is-amber { background: #fef3c7; color: #92400e; } .dxs-badge.is-green { background: #dcfce7; color: #166534; } .dxs-bank { display: flex; align-items: center; gap: 16px; padding: 14px 16px; border: 1px solid #dbe5f5; border-radius: 12px; background: #f8fbff; } .dxs-bank-logo { width: 150px; height: 52px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px #e8eef6; } .dxs-bank-logo img { max-width: 100%; max-height: 32px; object-fit: contain; } .dxs-bank-text { display: flex; flex-direction: column; min-width: 0; } .dxs-bank-text strong { font-size: 16px; } .dxs-bank-text span { font-size: 13px; color: #64748b; } .dxs-pay { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; margin: 14px 0 0; } .dxs-pay > div { padding: 12px 0; border-bottom: 1px solid #eef2f7; min-width: 0; } .dxs-pay > div.is-wide { grid-column: 1 / -1; } .dxs-pay dt { margin: 0 0 4px; font-size: 12px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: #64748b; } .dxs-pay dd { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; font-size: 15px; font-weight: 700; } .dxs-pay code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 14px; color: #0f172a; background: none; padding: 0; } .dxs-pay .dxs-iban { font-size: 17px; letter-spacing: .5px; color: #1d4ed8; } .dxs-amount { font-size: 18px; color: #15803d; } .dxs-copy { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border: 1px solid #cfdcf7; border-radius: 8px; background: #fff; color: #2563eb; font-size: 12.5px; font-weight: 700; cursor: pointer; } .dxs-copy:hover { background: #eff6ff; } .dxs-copy.is-copied { border-color: #86efac; background: #f0fdf4; color: #15803d; } .dxs-note { display: flex; gap: 10px; margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: #eff6ff; color: #1e3a8a; font-size: 13.5px; line-height: 1.5; } .dxs-note .bi { font-size: 18px; color: #2563eb; } .dxs-note p { margin: 0; } .dxs-muted { margin: 0; font-size: 13.5px; color: #64748b; } .dxs-table-wrap { overflow-x: auto; } .dxs-table { width: 100%; border-collapse: collapse; font-size: 14px; } .dxs-table th { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; background: #f8fafc; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #64748b; text-align: left; } .dxs-table td { padding: 12px; border-bottom: 1px solid #eef2f7; vertical-align: top; } .dxs-table td small { display: block; margin-top: 2px; font-size: 12px; color: #2563eb; } .dxs-table .is-num { text-align: right; white-space: nowrap; font-weight: 700; } .dxs-table tfoot td { border-bottom: 0; padding: 8px 12px; color: #475569; } .dxs-table tfoot .is-total td { padding-top: 12px; border-top: 1px solid #e2e8f0; font-size: 16px; font-weight: 800; color: #0f172a; } .dxs-side-title { margin: 0 0 12px !important; font-size: 16px !important; } .dxs-dl { margin: 0; } .dxs-dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #eef2f7; font-size: 14px; } .dxs-dl dt { font-weight: 500; color: #64748b; } .dxs-dl dd { margin: 0; font-weight: 700; text-align: right; } .dxs-dl .is-total { border-bottom: 0; font-size: 16px; } .dxs-dl .is-total dd { color: #15803d; font-weight: 800; } .dxs-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; } .dxs-btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 1px solid #cfdcf7; border-radius: 10px; background: #fff; color: #1d4ed8 !important; font-size: 14.5px; font-weight: 700; text-decoration: none !important; } .dxs-btn:hover { background: #eff6ff; } .dxs-btn.is-primary { border-color: #16a34a; background: #16a34a; color: #fff !important; } .dxs-btn.is-primary:hover { background: #15803d; } .dxs-btn.is-ghost { border-color: transparent; color: #475569 !important; } .dxs-bill-name { margin: 0 0 4px; font-size: 14.5px; font-weight: 700; } .dxs-help { display: flex; align-items: center; gap: 14px; } .dxs-help > .bi { font-size: 26px; color: #2563eb; } .dxs-help strong { display: block; font-size: 14px; } .dxs-help span { font-size: 13px; color: #64748b; } @media (max-width: 991.98px) { .dxs-grid { grid-template-columns: minmax(0, 1fr); } .dxs-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575.98px) { .dxs { padding-top: 16px; } .dxs-hero { padding: 22px 18px; } .dxs-hero-text h1 { font-size: 21px; } .dxs-hero-meta > div { flex: 1 1 40%; min-width: 0; } .dxs-pay { grid-template-columns: minmax(0, 1fr); } .dxs-bank { flex-wrap: wrap; } .dxs-card { padding: 18px 16px; } } /* ===== Yönetim: Giden E-postalar (admin/mail_logs) ===== */ #dxAdmMail .dxam-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; } #dxAdmMail .dxam-head h1 { margin: 4px 0; font-size: 22px; font-weight: 800; } #dxAdmMail .dxam-head p { margin: 0; color: #64748b; font-size: 13.5px; } #dxAdmMail .dxam-preview { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: #64748b; } #dxAdmMail .dxam-stats { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; } #dxAdmMail .dxam-stats > * { display: flex; flex-direction: column; min-width: 130px; padding: 12px 16px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; color: #334155; text-decoration: none; } #dxAdmMail .dxam-stats b { font-size: 22px; font-weight: 800; } #dxAdmMail .dxam-stats span { font-size: 12px; color: #64748b; } #dxAdmMail .dxam-stats .is-green b { color: #15803d; } #dxAdmMail .dxam-stats .is-red b { color: #b91c1c; } #dxAdmMail .dxam-filters { display: flex; flex-direction: row; gap: 8px; flex-wrap: wrap; align-items: center; padding: 12px; margin-bottom: 14px; } #dxAdmMail .dxam-filters > * { width: auto; height: auto; } #dxAdmMail .dxam-filters input { flex: 1 1 260px; min-width: 0; height: 34px; } #dxAdmMail .dxam-filters select { flex: 0 1 190px; min-width: 150px; height: 34px; } #dxAdmMail .dxam-filters .btn { flex: 0 0 auto; } #dxAdmMail .dxam-table td { vertical-align: middle; font-size: 13.5px; } #dxAdmMail .dxam-to { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #dxAdmMail .dxam-subject { max-width: 360px; } .dxam-tag { display: inline-block; padding: 2px 8px; border-radius: 9999px; background: #eef2f7; color: #475569; font-size: 11.5px; font-weight: 700; white-space: nowrap; } .dxam-status { display: inline-block; padding: 2px 9px; border-radius: 9999px; background: #f1f5f9; color: #334155; font-size: 11.5px; font-weight: 700; white-space: nowrap; } .dxam-status.is-green { background: #dcfce7; color: #166534; } .dxam-status.is-red { background: #fee2e2; color: #b91c1c; } .dxam-status.is-amber { background: #fef3c7; color: #92400e; } #dxAdmMail .dxam-detail { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 16px; align-items: start; } #dxAdmMail .dxam-dl > div { padding: 8px 0; border-bottom: 1px solid #eef2f7; font-size: 13.5px; } #dxAdmMail .dxam-dl dt { font-weight: 600; color: #64748b; font-size: 12px; } #dxAdmMail .dxam-dl dd { margin: 2px 0 0; word-break: break-word; } #dxAdmMail .dxam-frame-card { overflow: hidden; } #dxAdmMail .dxam-frame { display: block; width: 100%; height: 78vh; min-height: 560px; border: 0; background: #eef2f7; } .dxam-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 8px 0; border-bottom: 1px solid #eef2f7; font-size: 13.5px; } .dxam-row small { flex-basis: 100%; } .dxam-resend { display: flex; gap: 8px; margin-top: 10px; } .dxam-resend select { max-width: 200px; } @media (max-width: 991.98px) { #dxAdmMail .dxam-detail { grid-template-columns: 1fr; } } .dxam-status.is-blue { background: #dbeafe; color: #1d4ed8; } #dxAdmMail .dxam-stats .is-blue b { color: #1d4ed8; } #dxAdmPos .dxap-bank.is-general { font-weight: 500; color: #94a3b8; font-size: 12px; } /* Yönetim sipariş detayı: Moka iptal / iade */ .dxao-moka { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding: 12px; border-radius: 10px; border: 1px solid #e2e8f0; background: #f8fafc; } .dxao-moka > div { flex: 1 1 100%; } .dxao-moka small { display: block; color: #64748b; } .dxao-moka input[type=number] { max-width: 140px; } .dxao-moka input[type=text] { flex: 1 1 200px; } .dxao-moka.is-void { border-color: #fecaca; background: #fef2f2; } .dxao-moka.is-refund { border-color: #fde68a; background: #fffbeb; } .dxao-moka.is-wait { color: #475569; font-size: 13px; } .dxc-cvc-mask { -webkit-text-security: disc; } .dxs-cardbrand .bi { font-size: 26px; color: #1d4ed8; } .dx3d-guard-note { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 2000; max-width: calc(100% - 32px); padding: 12px 18px; border-radius: 10px; background: #0f172a; color: #fff; font-size: 14px; font-weight: 600; box-shadow: 0 10px 30px -10px rgba(15, 23, 42, .6); } /* Ödeme: tekrar deneme kipi */ .dxco-retry { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 20px; padding: 14px 18px; border: 1px solid #fecaca; border-radius: 12px; background: #fef2f2; color: #7f1d1d; font-size: 14px; } .dxco-retry > .fa { font-size: 20px; color: #dc2626; margin-top: 2px; } .dxco-retry span { display: block; margin-top: 2px; } .dxbp-card.is-locked { cursor: default; } .dxbp-card.is-locked .dxbp-pick { cursor: default; } /* Başarısız ödeme sonuç ekranı (checkout/failed) */ .dxs-hero.is-failed { background: linear-gradient(120deg, #7f1d1d 0%, #b91c1c 55%, #ef4444 100%); box-shadow: 0 18px 40px -22px rgba(185, 28, 28, .7); } .dxs-check.is-failed { background: #fff; color: #dc2626; } .dxs-badge.is-red { background: #fee2e2; color: #b91c1c; } .dxs-btn.is-primary.is-blue { border-color: #2563eb; background: #2563eb; } .dxs-btn.is-primary.is-blue:hover { background: #1d4ed8; } .dxs-fail-tips { display: flex; flex-direction: column; gap: 12px; margin: 0 0 18px; padding: 0; list-style: none; } .dxs-fail-tips li { display: flex; gap: 12px; font-size: 14px; color: #334155; line-height: 1.5; } .dxs-fail-tips .bi { font-size: 20px; color: #2563eb; } .dxs-fail-actions { display: flex; gap: 10px; flex-wrap: wrap; } .dxs-fail-actions .dxs-btn { flex: 1 1 200px; } /* Yönetim: Kayıtlı Sepetler (admin/saved_carts; #dxAdmMail ortak stilleri) */ #dxAdmMail .dxam-stats .is-amber b { color: #b45309; } #dxAdmMail .dxac-min { flex: 0 1 150px !important; min-width: 120px; } #dxAdmMail .dxac-items { max-width: 380px; } /* İletişim formu (destek talebi) */ .dx-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; } .dx-contact-status { margin: 6px 0; font-size: 12px; line-height: 1.4; } .dx-contact-status:empty { display: none; } .dx-contact-status.is-ok { color: #047857; font-weight: 600; } .dx-contact-status.is-error { color: #b91c1c; font-weight: 600; } /* Yönetim: Kullanıcı Davranışları (admin/behavior) */ .dxbh .dxbh-kpis > * { min-width: 120px; flex: 1 1 120px; } .dxbh .dxbh-range select { min-width: 160px; } .dxbh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; } .dxbh-grid.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dxbh-grid > .card { margin: 0; } .dxbh-stack { display: flex; flex-direction: column; gap: 14px; } .dxbh-stack > .card { margin: 0; } .dxbh-h2 { margin: 0 0 12px; font-size: 16px; font-weight: 800; } .dxbh-h3 { margin: 0 0 10px; font-size: 14px; font-weight: 800; color: #1e293b; } .dxbh-section { margin: 22px 0 12px; font-size: 17px; font-weight: 800; color: #0f172a; } .dxbh-funnel { margin-bottom: 12px; } .dxbh-funnel-top { display: flex; justify-content: space-between; gap: 8px; font-size: 13.5px; } .dxbh-funnel-top span { color: #475569; } .dxbh-bar { height: 12px; margin-top: 5px; border-radius: 6px; background: #eef2f7; overflow: hidden; } .dxbh-bar span { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #2563eb, #60a5fa); } .dxbh-drop { display: block; margin-top: 3px; font-size: 11.5px; color: #64748b; } .dxbh-drop.is-high { color: #b91c1c; font-weight: 700; } .dxbh-daily { display: flex; align-items: flex-end; gap: 4px; height: 170px; padding-bottom: 20px; overflow-x: auto; } .dxbh-day { position: relative; flex: 1 0 14px; height: 100%; display: flex; align-items: flex-end; justify-content: center; } .dxbh-day-bar { position: relative; width: 100%; max-width: 26px; border-radius: 4px 4px 0 0; background: #93c5fd; display: flex; align-items: flex-end; } .dxbh-day-bar i { display: block; width: 100%; background: #16a34a; border-radius: 4px 4px 0 0; } .dxbh-day small { position: absolute; bottom: -18px; font-size: 9.5px; color: #94a3b8; white-space: nowrap; } .dxbh-key { display: inline-block; width: 10px; height: 10px; border-radius: 2px; background: #93c5fd; vertical-align: -1px; } .dxbh-key.is-green { background: #16a34a; } .dxbh-path { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, monospace; font-size: 12.5px; } .dxbh-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; } .dxbh-tabs a { padding: 6px 12px; border: 1px solid #e2e8f0; border-radius: 9999px; background: #fff; color: #334155; font-size: 13px; font-weight: 600; text-decoration: none; } .dxbh-tabs a.is-active { border-color: #2563eb; background: #2563eb; color: #fff; } .dxbh-timeline { margin: 0; padding: 0; list-style: none; } .dxbh-timeline li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: flex-start; padding: 9px 0; border-bottom: 1px solid #eef2f7; font-size: 13.5px; } .dxbh-dot { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eef2f7; color: #475569; } .dxbh-timeline li.is-bad .dxbh-dot { background: #fee2e2; color: #b91c1c; } .dxbh-timeline li.is-good .dxbh-dot { background: #dcfce7; color: #15803d; } .dxbh-label { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 9999px; background: #f1f5f9; color: #334155; font-size: 12px; } .dxbh-timeline time { font-size: 12px; color: #94a3b8; white-space: nowrap; } @media (max-width: 1199.98px) { .dxbh-grid.is-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { .dxbh-grid, .dxbh-grid.is-3 { grid-template-columns: 1fr; } } /* Kullanıcı Davranışları > Site sorunları */ .dxbh-health { margin-bottom: 14px; border-top: 3px solid #ef4444; } .dxbh-health-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; } .dxbh-ptypes { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; } .dxbh-ptypes > :is(div, a) { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; } .dxbh-ptypes > :is(div, a) i { color: #94a3b8; } .dxbh-ptypes > :is(div, a) b { font-size: 20px; line-height: 1.1; color: #0f172a; } .dxbh-ptypes > :is(div, a) span { font-size: 12px; color: #64748b; } .dxbh-ptypes > :is(div, a).is-amber { border-color: #fcd34d; background: #fffbeb; } .dxbh-ptypes > :is(div, a).is-amber i { color: #d97706; } .dxbh-ptypes > :is(div, a).is-red { border-color: #fca5a5; background: #fef2f2; } .dxbh-ptypes > :is(div, a).is-red i, .dxbh-ptypes > :is(div, a).is-red b { color: #b91c1c; } .dxbh-ptypes > a { text-decoration: none; color: inherit; } .dxbh-ptypes > a:hover, .dxbh-ptypes > a:focus-visible { border-color: #93c5fd; text-decoration: none; } .dxbh-ptypes > a[aria-current="true"] { box-shadow: inset 0 0 0 2px #3174f1; } .dxbh-ptype { font-weight: 700; font-size: 12.5px; color: #334155; } .dxbh-health-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .dxbh-health-actions form { margin: 0; } .dxbh-pdesc { margin: 2px 0; font-size: 13px; color: #0f172a; word-break: break-word; } .dxbh-problems td:first-child { min-width: 260px; } .dxam-table tr.is-sev3 > td:first-child { box-shadow: inset 3px 0 0 #dc2626; } .dxam-table tr.is-sev2 > td:first-child { box-shadow: inset 3px 0 0 #f59e0b; } @media (max-width: 1199.98px) { .dxbh-ptypes { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 575.98px) { .dxbh-ptypes { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================================== Yönetim > Ayarlar > Bankalar (.dxb-*) — resources/views/admin/settings/banks.blade.php ========================================================================== */ .dxb { --dxb-text: #0f172a; --dxb-muted: #5b6475; --dxb-line: #e3e8ef; --dxb-soft: #f6f8fb; --dxb-primary: #1d4ed8; --dxb-primary-hover: #1e40af; --dxb-green: #15803d; --dxb-green-bg: #f0fdf4; --dxb-grey: #475569; --dxb-red: #b91c1c; --dxb-star: #b7791f; color: var(--dxb-text); font-size: 14px; } .dxb *, .dxb *::before, .dxb *::after { box-sizing: border-box; } .dxb-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12.5px; color: var(--dxb-muted); margin-bottom: 8px; } .dxb-crumb a { color: var(--dxb-muted); text-decoration: none; } .dxb-crumb a:hover { color: var(--dxb-primary); text-decoration: underline; } .dxb-crumb [aria-current] { color: var(--dxb-text); font-weight: 600; } .dxb-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; } .dxb-title { font-size: 26px; font-weight: 800; margin: 0 0 4px; color: var(--dxb-text); letter-spacing: -.2px; } .dxb-subtitle { margin: 0; color: var(--dxb-muted); font-size: 14.5px; } /* Düğmeler */ .dxb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 8px; border: 1px solid transparent; font-size: 14px; font-weight: 700; line-height: 1; cursor: pointer; transition: background .15s, border-color .15s, color .15s, box-shadow .15s; white-space: nowrap; } .dxb-btn:focus-visible, .dxb-icon-btn:focus-visible, .dxb-tab:focus-visible, .dxb-seg-btn:focus-visible, .dxb-menu button:focus-visible, .dxb-optional summary:focus-visible { outline: 3px solid rgba(29,78,216,.45); outline-offset: 2px; } .dxb-btn-primary { background: var(--dxb-primary); color: #fff; } .dxb-btn-primary:hover { background: var(--dxb-primary-hover); } .dxb-btn-ghost { background: #fff; color: var(--dxb-text); border-color: #cbd5e1; } .dxb-btn-ghost:hover { background: var(--dxb-soft); } .dxb-btn-link { background: transparent; color: var(--dxb-primary); min-height: 44px; padding: 0 8px; font-weight: 700; } .dxb-btn-link:hover { text-decoration: underline; } .dxb-btn[disabled], .dxb-icon-btn[disabled] { opacity: .5; cursor: not-allowed; } .dxb-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--dxb-text); font-size: 17px; cursor: pointer; } .dxb-icon-btn:hover:not([disabled]) { background: #eef2f7; } /* Sekmeler */ .dxb-tabs { display: inline-flex; gap: 0; margin-bottom: 16px; border: 1px solid var(--dxb-line); border-radius: 10px; background: #fff; overflow: hidden; max-width: 100%; } .dxb-tab { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 26px; border: 0; border-bottom: 3px solid transparent; background: #fff; color: var(--dxb-text); font-size: 14.5px; font-weight: 700; cursor: pointer; } .dxb-tab.is-active { background: #fbf4e8; border-bottom-color: #d9a45b; } .dxb-tab-count { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 22px; padding: 0 7px; border-radius: 999px; background: #eef1f5; color: #334155; font-size: 12px; font-weight: 700; } .dxb-tab.is-active .dxb-tab-count { background: #f1e2c7; color: #6b4a14; } /* Özet */ .dxb-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 16px; border: 1px solid var(--dxb-line); border-radius: 10px; background: #fff; } .dxb-summary-item { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; font-size: 14.5px; color: var(--dxb-text); } .dxb-summary-item + .dxb-summary-item { border-left: 1px solid var(--dxb-line); } .dxb-summary-item strong { font-weight: 800; } .dxb-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .dxb-dot.is-green { background: #16a34a; } .dxb-dot.is-grey { background: #64748b; } .dxb-star { color: var(--dxb-star); } .dxb-summary .dxb-star { font-size: 17px; } /* Araç çubuğu */ .dxb-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .dxb-search { position: relative; flex: 1 1 280px; max-width: 400px; } .dxb-search > .fa { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--dxb-muted); pointer-events: none; } .dxb-search .dxb-input { padding-left: 40px; } .dxb-input, .dxb-select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #cfd6e0; border-radius: 8px; background: #fff; color: var(--dxb-text); font-size: 14px; line-height: 1.3; transition: border-color .15s, box-shadow .15s; } .dxb-input::placeholder { color: #7a8494; } .dxb-input:focus, .dxb-select:focus { outline: none; border-color: var(--dxb-primary); box-shadow: 0 0 0 3px rgba(29,78,216,.18); } .dxb-input[aria-invalid="true"], .dxb-select[aria-invalid="true"] { border-color: var(--dxb-red); } .dxb-select { appearance: none; -webkit-appearance: none; padding-right: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23334155' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; cursor: pointer; } .dxb-sort { margin-left: auto; min-width: 190px; } .dxb-seg { display: inline-flex; gap: 8px; } .dxb-seg-btn { min-height: 44px; min-width: 60px; padding: 0 16px; border: 1px solid var(--dxb-line); border-radius: 8px; background: #fff; color: var(--dxb-text); font-weight: 600; font-size: 13.5px; cursor: pointer; } .dxb-seg-btn:hover { background: var(--dxb-soft); } .dxb-seg-btn.is-active { background: #e8f0fe; border-color: #c7d7fb; color: var(--dxb-primary); font-weight: 700; } /* Tablo */ .dxb-card { position: relative; border: 1px solid var(--dxb-line); border-radius: 10px; background: #fff; overflow: hidden; } .dxb-table { width: 100%; border-collapse: collapse; } .dxb-table[hidden] { display: none; } .dxb-table th { padding: 14px 16px; font-size: 13px; font-weight: 700; color: #334155; text-align: left; background: #fff; border-bottom: 1px solid var(--dxb-line); white-space: nowrap; } .dxb-table td { padding: 12px 16px; border-bottom: 1px solid #edf1f5; vertical-align: middle; font-size: 14px; } .dxb-table tbody tr:last-child td { border-bottom: 0; } .dxb-table tbody tr:hover td { background: #fafbfd; } .dxb-table tr.is-passive .dxb-bank-name, .dxb-table tr.is-passive .dxb-cell-name { color: #475569; } .dxb-col-action { width: 72px; text-align: center !important; } .dxb-table-directory .dxb-col-action { width: auto; text-align: right !important; } .dxb-bank { display: flex; align-items: center; gap: 12px; min-width: 0; } .dxb-bank-name { font-weight: 700; color: var(--dxb-text); } .dxb-bank-legal { display: block; margin-top: 2px; font-size: 12px; color: var(--dxb-muted); } .dxb-iban { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; } .dxb-copy { width: 36px; height: 36px; font-size: 14px; color: #64748b; } .dxb-copy:hover:not([disabled]) { color: var(--dxb-primary); } .dxb-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .3px; font-size: 13.5px; } .dxb-muted { color: var(--dxb-muted); } .dxb-cell-label { display: none; } .dxb-logo { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 38px; height: 38px; padding: 5px; border-radius: 50%; border: 1px solid var(--dxb-line); background: #fff; overflow: hidden; } .dxb-logo img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; } .dxb-logo.is-initials { padding: 0; background: #f1f4f8; color: #334155; font-size: 12.5px; font-weight: 800; letter-spacing: .3px; } .dxb-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 0 11px; border-radius: 6px; border: 1px solid; font-size: 12.5px; font-weight: 700; white-space: nowrap; } .dxb-badge.is-active { color: var(--dxb-green); border-color: #86d3a3; background: var(--dxb-green-bg); } .dxb-badge.is-passive { color: var(--dxb-grey); border-color: #cbd5e1; background: #f8fafc; } .dxb-tag { display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 4px; background: #eef2ff; color: #3730a3; font-size: 11px; font-weight: 700; vertical-align: 1px; } /* İskelet + durumlar */ .dxb-sk { display: inline-block; height: 12px; border-radius: 6px; background: linear-gradient(90deg, #eef1f5 25%, #f7f9fb 50%, #eef1f5 75%); background-size: 200% 100%; animation: dxb-shimmer 1.2s infinite linear; vertical-align: middle; } .dxb-sk-logo { width: 38px; height: 38px; border-radius: 50%; margin-right: 12px; } .dxb-sk-text { width: 120px; } .dxb-sk-short { width: 56px; } @keyframes dxb-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } } @media (prefers-reduced-motion: reduce) { .dxb-sk { animation: none; } .dxb-drawer, .dxb-backdrop { transition: none !important; } } .dxb-state { padding: 44px 20px; text-align: center; } .dxb-state h3 { margin: 10px 0 6px; font-size: 16px; font-weight: 800; color: var(--dxb-text); } .dxb-state p { margin: 0 auto 16px; max-width: 420px; color: var(--dxb-muted); } .dxb-state-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: #eef2f7; color: #475569; font-size: 20px; } .dxb-state-icon.is-error { background: #fef2f2; color: var(--dxb-red); } .dxb-source { margin: 10px 2px 0; font-size: 12px; color: var(--dxb-muted); } /* İşlem menüsü */ .dxb-menu { position: fixed; z-index: 1060; min-width: 190px; padding: 6px; border: 1px solid var(--dxb-line); border-radius: 10px; background: #fff; box-shadow: 0 12px 32px rgba(15,23,42,.16); } .dxb-menu[hidden] { display: none; } .dxb-menu button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 12px; border: 0; border-radius: 6px; background: transparent; color: var(--dxb-text); font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; } .dxb-menu button[hidden] { display: none; } .dxb-menu button .fa { width: 16px; text-align: center; color: #475569; } .dxb-menu button:hover:not([disabled]), .dxb-menu button:focus { background: #f1f5f9; outline: none; } .dxb-menu button.is-danger, .dxb-menu button.is-danger .fa { color: var(--dxb-red); } .dxb-menu button[disabled] { opacity: .5; cursor: not-allowed; } /* Drawer */ body.dxb-drawer-open { overflow: hidden; } .dxb-backdrop { position: fixed; inset: 0; z-index: 1055; background: rgba(15,23,42,.35); opacity: 0; transition: opacity .2s ease; } .dxb-backdrop.is-open { opacity: 1; } .dxb-backdrop[hidden], .dxb-drawer[hidden] { display: none; } .dxb-drawer { position: fixed; z-index: 1056; top: 0; right: 0; bottom: 0; width: 400px; max-width: 100%; display: flex; flex-direction: column; background: #fff; box-shadow: -14px 0 36px rgba(15,23,42,.16); transform: translateX(100%); transition: transform .22s ease; } .dxb-drawer.is-open { transform: none; } .dxb-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 16px 8px 24px; } .dxb-drawer-head h2 { margin: 0; font-size: 19px; font-weight: 800; color: var(--dxb-text); } .dxb-steps { display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 24px 18px; list-style: none; border-bottom: 1px solid var(--dxb-line); } .dxb-step { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--dxb-muted); white-space: nowrap; } .dxb-step-num { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #eef1f5; color: #475569; font-size: 13.5px; } .dxb-step.is-current { color: var(--dxb-text); } .dxb-step.is-current .dxb-step-num { background: var(--dxb-primary); color: #fff; } .dxb-step.is-done .dxb-step-num { background: #dcfce7; color: var(--dxb-green); } .dxb-step-line { flex: 1; height: 1px; background: var(--dxb-line); min-width: 20px; } .dxb-drawer-body { flex: 1; overflow-y: auto; padding: 18px 24px 24px; } .dxb-drawer-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 24px; border-top: 1px solid var(--dxb-line); background: #fff; } .dxb-drawer-foot .dxb-btn { width: 100%; min-height: 46px; } .dxb-field { margin-bottom: 16px; } .dxb-field > label, .dxb-field label { display: block; margin-bottom: 7px; font-size: 14px; font-weight: 700; color: var(--dxb-text); } .dxb-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .dxb-help { margin: 6px 0 0; font-size: 12.5px; color: var(--dxb-muted); } .dxb-help-indent { margin: -6px 0 12px 32px; } .dxb-error { margin: 6px 0 0; font-size: 12.5px; font-weight: 600; color: var(--dxb-red); } .dxb-error::before { content: "\f071"; font-family: FontAwesome; margin-right: 6px; font-weight: normal; } .dxb-error[hidden] { display: none; } .dxb-form-error { margin-bottom: 14px; padding: 10px 12px; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; color: var(--dxb-red); font-size: 13.5px; font-weight: 600; } .dxb-form-error[hidden] { display: none; } .dxb-check, .dxb-switch { display: flex; align-items: center; gap: 12px; min-height: 44px; } .dxb-check label, .dxb-switch label { margin: 0; font-size: 14px; font-weight: 600; cursor: pointer; } .dxb-check input { width: 20px; height: 20px; accent-color: var(--dxb-primary); cursor: pointer; } .dxb-switch input { appearance: none; -webkit-appearance: none; position: relative; width: 40px; height: 24px; margin: 0; border-radius: 999px; background: #94a3b8; cursor: pointer; transition: background .15s; flex-shrink: 0; } .dxb-switch input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .15s; } .dxb-switch input:checked { background: var(--dxb-primary); } .dxb-switch input:checked::after { transform: translateX(16px); } .dxb-check input:focus-visible, .dxb-switch input:focus-visible { outline: 3px solid rgba(29,78,216,.45); outline-offset: 2px; } .dxb-optional { margin: 4px 0 12px; border: 1px solid var(--dxb-line); border-radius: 8px; } .dxb-optional summary { display: flex; align-items: center; min-height: 44px; padding: 0 12px; font-size: 14px; font-weight: 700; cursor: pointer; } .dxb-optional summary span { margin-left: 6px; font-weight: 500; color: var(--dxb-muted); } .dxb-optional[open] summary { border-bottom: 1px solid var(--dxb-line); } .dxb-optional > .dxb-field, .dxb-optional > .dxb-field-row { padding: 0 12px; } .dxb-optional > .dxb-field:first-of-type { padding-top: 12px; } .dxb-optional .dxb-field-row .dxb-field { padding: 0; } /* Banka combobox */ .dxb-combo { position: relative; } .dxb-combo .dxb-input { padding-left: 42px; padding-right: 36px; } .dxb-combo.has-value .dxb-input { padding-left: 50px; font-weight: 600; } .dxb-combo-logo { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--dxb-muted); pointer-events: none; display: inline-flex; } .dxb-combo-logo .dxb-logo { width: 28px; height: 28px; padding: 3px; } .dxb-combo-logo .dxb-logo.is-initials { font-size: 10.5px; padding: 0; } .dxb-combo.has-value .dxb-combo-logo { left: 9px; } .dxb-combo-caret { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #334155; pointer-events: none; } .dxb-listbox { position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 4px); max-height: 320px; overflow-y: auto; margin: 0; padding: 4px; list-style: none; border: 1px solid var(--dxb-line); border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(15,23,42,.14); } .dxb-listbox[hidden] { display: none; } .dxb-option { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 8px; border-radius: 6px; cursor: pointer; } .dxb-option .dxb-logo { width: 32px; height: 32px; padding: 4px; } .dxb-option .dxb-logo.is-initials { padding: 0; font-size: 11px; } .dxb-option.is-active, .dxb-option:hover { background: #eff4ff; } .dxb-option[aria-selected="true"] .dxb-option-name::after { content: "\f00c"; font-family: FontAwesome; margin-left: 6px; color: var(--dxb-primary); } .dxb-option-text { min-width: 0; } .dxb-option-name { display: block; font-weight: 700; font-size: 14px; } .dxb-option-meta { display: block; font-size: 12px; color: var(--dxb-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dxb-option-empty { padding: 12px; color: var(--dxb-muted); font-size: 13.5px; } /* Kontrol adımı */ .dxb-review-intro { margin: 0 0 14px; color: var(--dxb-muted); font-size: 13.5px; } .dxb-review { margin: 0; border: 1px solid var(--dxb-line); border-radius: 10px; } .dxb-review-row { display: grid; grid-template-columns: 140px 1fr; gap: 12px; padding: 11px 14px; } .dxb-review-row + .dxb-review-row { border-top: 1px solid #edf1f5; } .dxb-review dt { font-weight: 600; color: var(--dxb-muted); font-size: 13px; } .dxb-review dd { margin: 0; font-weight: 700; font-size: 13.5px; word-break: break-word; } .dxb-warning { margin: 14px 0 0; padding: 10px 12px; border: 1px solid #fcd34d; border-radius: 8px; background: #fffbeb; color: #7c4a03; font-size: 13px; font-weight: 600; } .dxb-warning[hidden] { display: none; } #dxbStepReview:focus { outline: none; } /* Yeni varsayılan seçimi */ .dxb-modal-backdrop { position: fixed; inset: 0; z-index: 1070; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15,23,42,.45); } .dxb-modal-backdrop[hidden] { display: none; } .dxb-modal { width: 460px; max-width: 100%; max-height: calc(100vh - 32px); overflow-y: auto; padding: 22px; border-radius: 12px; background: #fff; box-shadow: 0 24px 48px rgba(15,23,42,.25); } .dxb-modal h3 { margin: 0 0 8px; font-size: 17px; font-weight: 800; } .dxb-modal p { margin: 0 0 14px; color: var(--dxb-muted); font-size: 13.5px; } .dxb-radio-list { margin: 0 0 16px; padding: 0; border: 0; } .dxb-radio { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 10px; margin: 0 0 6px; border: 1px solid var(--dxb-line); border-radius: 8px; font-size: 13.5px; font-weight: 600; cursor: pointer; } .dxb-radio input { width: 18px; height: 18px; accent-color: var(--dxb-primary); flex-shrink: 0; } .dxb-radio small { color: var(--dxb-muted); font-weight: 500; } .dxb-modal-foot { display: flex; justify-content: flex-end; gap: 10px; } /* Bildirim */ .dxb-toast { position: fixed; z-index: 1080; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; max-width: calc(100vw - 32px); padding: 12px 18px; border-radius: 10px; background: #14532d; color: #fff; font-size: 14px; font-weight: 600; box-shadow: 0 10px 28px rgba(15,23,42,.25); } .dxb-toast.is-error { background: #991b1b; } .dxb-toast[hidden] { display: none; } /* Tablet: para birimi ve kategori kolonları gizlenir */ @media (max-width: 1099.98px) { .dxb-col-currency, .dxb-col-category { display: none; } .dxb-table th, .dxb-table td { padding-left: 12px; padding-right: 12px; } } @media (max-width: 991.98px) { .dxb-sort { margin-left: 0; } .dxb-search { max-width: none; flex-basis: 100%; } } /* Mobil: tablo → hesap kartları */ @media (max-width: 767.98px) { .dxb-head { flex-direction: column; align-items: stretch; } .dxb-head .dxb-btn { width: 100%; } .dxb-title { font-size: 22px; } .dxb-tabs { display: flex; width: 100%; } .dxb-tab { flex: 1; justify-content: center; padding: 0 10px; } .dxb-summary-item { flex-direction: column; gap: 2px; font-size: 13px; padding: 8px 4px; text-align: center; } .dxb-toolbar { gap: 10px; } .dxb-seg { flex: 1; } .dxb-seg-btn { flex: 1; } .dxb-sort { flex: 1 1 100%; } .dxb-card { border: 0; background: transparent; overflow: visible; } .dxb-table, .dxb-table tbody { display: block; } .dxb-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); } .dxb-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto 44px; grid-template-areas: "bank status action" "name name name" "iban iban iban"; align-items: center; column-gap: 8px; row-gap: 6px; margin-bottom: 10px; padding: 12px 8px 12px 14px; border: 1px solid var(--dxb-line); border-radius: 10px; background: #fff; } .dxb-table tbody tr:hover td { background: transparent; } .dxb-table td { display: block; padding: 0; border: 0; } .dxb-cell-bank { grid-area: bank; min-width: 0; } .dxb-cell-status { grid-area: status; } .dxb-accounts-action, .dxb-table:not(.dxb-table-directory) .dxb-col-action { grid-area: action; width: auto; } .dxb-cell-name { grid-area: name; padding-left: 50px !important; font-weight: 600; } .dxb-cell-iban { grid-area: iban; padding-left: 50px !important; color: #334155; } .dxb-cell-iban .dxb-iban { white-space: normal; flex-wrap: nowrap; } .dxb-cell-iban .dxb-mono { font-size: 12.5px; letter-spacing: 0; } .dxb-copy { width: 44px; height: 44px; flex-shrink: 0; } .dxb-table:not(.dxb-table-directory) .dxb-col-currency { display: none; } .dxb-bank-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .dxb-skeleton-row { grid-template-areas: "bank bank bank" !important; } .dxb-skeleton-row td:not(:first-child) { display: none; } /* Rehber kartı */ .dxb-table-directory tbody tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "bank auth" "eft action"; } .dxb-table-directory .dxb-cell-eft { grid-area: eft; padding-left: 50px !important; font-size: 13px; } .dxb-table-directory .dxb-cell-eft::before { content: "EFT: "; color: var(--dxb-muted); font-family: inherit; } .dxb-table-directory .dxb-col-auth { grid-area: auth; } .dxb-table-directory .dxb-col-action { grid-area: action; text-align: right !important; } .dxb-table-directory .dxb-bank-name { display: inline; white-space: normal; } .dxb-drawer { width: 100%; } .dxb-drawer-head { padding-left: 16px; } .dxb-steps, .dxb-drawer-body, .dxb-drawer-foot { padding-left: 16px; padding-right: 16px; } .dxb-review-row { grid-template-columns: 1fr; gap: 2px; } .dxb-field-row { grid-template-columns: 1fr; gap: 0; } .dxb-state { background: #fff; border: 1px solid var(--dxb-line); border-radius: 10px; } } /* Yönetim > Finans > Kart Tahsilatları (admin/card_collections) */ .dxkt .dxam-filters input[type=date] { max-width: 160px; } .dxkt-reason { max-width: 260px; white-space: normal; } .dxkt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .dxkt-grid > .card { margin: 0; } .dxkt-h2 { margin: 0 0 12px; font-size: 16px; font-weight: 800; } .dxkt-h3 { margin: 0 0 8px; font-size: 14px; font-weight: 800; } .dxkt-dl { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 8px 12px; margin: 0; font-size: 13.5px; } .dxkt-dl dt { color: #64748b; font-weight: 600; } .dxkt-dl dd { margin: 0; color: #0f172a; word-break: break-word; } @media (max-width: 991.98px) { .dxkt-grid { grid-template-columns: 1fr; } } @media (max-width: 575.98px) { .dxkt-dl { grid-template-columns: 1fr; } .dxkt-dl dt { margin-top: 4px; } } /* Yönetim > Müşteri Kartı (admin/customers/show): kompakt aksiyonlar + sekmeler */ .dx-cust-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } .dx-cust-actions .btn-sm { border-radius: 7px; padding: 5px 11px; font-size: 12.5px; font-weight: 600; line-height: 1.4; } .dx-cust-actions .btn-sm .fa { font-size: 12px; } .dx-cust-balance { font-size: 17px; font-weight: 800; color: #64748b; line-height: 1.2; } .dx-cust-balance.is-debit { color: #dc2626; } .dx-cust-balance.is-credit { color: #059669; } .card-header.dx-cust-tabs-wrap { background: #f8fafc; padding: 8px 10px 0; border-bottom: 1px solid #e2e8f0; border-radius: 12px 12px 0 0; } .nav.dx-cust-tabs { border: 0; flex-wrap: wrap; gap: 2px; } @media (max-width: 991.98px) { .nav.dx-cust-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; } } .nav.dx-cust-tabs .nav-item { flex-shrink: 0; margin-bottom: 0; } .nav.dx-cust-tabs .nav-link { display: flex; align-items: center; gap: 6px; padding: 9px 12px; font-size: 12.5px; font-weight: 600; color: #64748b; background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 8px 8px 0 0; white-space: nowrap; transition: color .15s, background .15s, border-color .15s; } .nav.dx-cust-tabs .nav-link .fa { margin-right: 0 !important; font-size: 13px; opacity: .85; } .nav.dx-cust-tabs .nav-link:hover { color: var(--daynex-navy, #0f172a); background: #eef2f7; } .nav.dx-cust-tabs .nav-link.active { color: #1d4ed8; background: #fff; border-bottom-color: #3174f1; box-shadow: 0 -1px 0 #e2e8f0 inset; } .nav.dx-cust-tabs .nav-link .badge { margin-left: 0 !important; min-width: 20px; padding: 3px 6px; font-size: 10.5px; font-weight: 700; border-radius: 999px; background: #e2e8f0; color: #475569; } .nav.dx-cust-tabs .nav-link.active .badge { background: #3174f1; color: #fff; } /* Cari ekstre: yıllara bölünmüş (admin/cari/partials/yearly-ledger) */ .dx-ledger-head { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; } .dx-ledger-head h5 { margin: 0 0 2px; font-size: 17px; font-weight: 800; color: var(--daynex-navy, #0f172a); } .dx-ledger-head span { font-size: 13px; color: #64748b; } .dx-ledger-actions { display: flex; gap: 6px; flex-wrap: wrap; } .dx-ledger-actions .btn-sm { border-radius: 7px; font-size: 12.5px; font-weight: 600; } .dx-ledger-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; } .dx-ledger-stat { position: relative; padding: 14px 52px 14px 16px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; } .dx-ledger-stat-label { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #64748b; } .dx-ledger-stat strong { font-size: 20px; font-weight: 800; color: #0f172a; font-variant-numeric: tabular-nums; } .dx-ledger-stat .fa { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 9px; font-size: 14px; } .dx-ledger-stat.is-debit strong { color: #dc2626; } .dx-ledger-stat.is-debit .fa { background: #fee2e2; color: #dc2626; } .dx-ledger-stat.is-credit strong { color: #059669; } .dx-ledger-stat.is-credit .fa { background: #d1fae5; color: #059669; } .dx-ledger-stat.is-zero .fa { background: #f1f5f9; color: #64748b; } .dx-ledger-stat.is-balance { border-left: 4px solid currentColor; } .dx-ledger-stat.is-balance.is-debit { color: #dc2626; } .dx-ledger-stat.is-balance.is-credit { color: #059669; } .dx-ledger-stat.is-balance.is-zero { color: #94a3b8; } .nav.dx-year-pills { gap: 6px; margin-bottom: 12px; flex-wrap: wrap; } .nav.dx-year-pills .nav-link { display: flex; align-items: center; gap: 6px; padding: 6px 14px; font-size: 13.5px; font-weight: 700; color: #475569; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 8px; } .nav.dx-year-pills .nav-link:hover { background: #e2e8f0; color: #0f172a; } .nav.dx-year-pills .nav-link.active { background: #fff; color: #1d4ed8; border-color: #3174f1; box-shadow: 0 1px 4px rgba(49, 116, 241, .18); } .dx-year-count { font-size: 10.5px; font-weight: 700; padding: 1px 6px; border-radius: 999px; background: #e2e8f0; color: #64748b; } .nav.dx-year-pills .nav-link.active .dx-year-count { background: #dbeafe; color: #1d4ed8; } .dx-year-summary { display: flex; flex-wrap: wrap; gap: 6px 18px; padding: 9px 14px; margin-bottom: 10px; font-size: 12.5px; color: #64748b; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 9px; } .dx-year-summary strong { color: #0f172a; font-variant-numeric: tabular-nums; } .dx-ledger-table { font-size: 12.5px; } .dx-ledger-table thead th { padding: 9px 10px; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #64748b; background: #f8fafc; border-top: 0; border-bottom: 1px solid #e2e8f0; white-space: nowrap; } .dx-ledger-table td { padding: 9px 10px; vertical-align: middle; border-top: 1px solid #f1f5f9; } .dx-ledger-table tfoot td { font-weight: 800; background: #f8fafc; border-top: 2px solid #e2e8f0; } .dx-ledger-doc { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; font-weight: 600; color: #0f172a; white-space: nowrap; } .dx-ledger-desc { min-width: 220px; color: #475569; word-break: break-word; } .dx-ledger-badge { display: inline-block; padding: 3px 8px; font-size: 11px; font-weight: 700; border-radius: 6px; white-space: nowrap; } .dx-ledger-badge.is-debit { background: #fef3c7; color: #92400e; } .dx-ledger-badge.is-credit { background: #dbeafe; color: #1e40af; } .dx-ledger-badge.is-carry { background: #e2e8f0; color: #334155; } .dx-ledger-carry td { background: #f8fafc; font-weight: 600; color: #475569; } .dx-amt-debit { color: #dc2626; font-weight: 700; font-variant-numeric: tabular-nums; } .dx-amt-credit { color: #059669; font-weight: 700; font-variant-numeric: tabular-nums; } .dx-ledger-bal { font-weight: 800; font-variant-numeric: tabular-nums; color: #64748b; } .dx-ledger-bal.is-debit { color: #b91c1c; } .dx-ledger-bal.is-credit { color: #047857; } .dx-ledger-bal small { font-size: 10px; font-weight: 800; opacity: .75; } .dx-ledger-empty { padding: 36px 12px; text-align: center; color: #94a3b8; } .dx-ledger-empty .fa { font-size: 34px; margin-bottom: 8px; } @media (max-width: 767.98px) { .dx-ledger-stats { grid-template-columns: 1fr; } .dx-ledger-stat strong { font-size: 18px; } .dx-cust-actions { width: 100%; } } .dx-year-print { margin-left: auto; font-weight: 600; color: #3174f1; white-space: nowrap; } .dx-year-print:hover { color: #1d4ed8; text-decoration: none; } .dx-stmt-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; } .dx-stmt-toolbar .btn-sm { border-radius: 7px; font-size: 12.5px; font-weight: 600; } .dx-stmt-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px 20px; margin-bottom: 16px; } .dx-stmt-customer { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px; } .dx-stmt-customer h4 { margin: 2px 0; font-size: 19px; font-weight: 800; color: var(--daynex-navy, #0f172a); } .dx-stmt-meta { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 6px; font-size: 12.5px; color: #64748b; } .dx-stmt-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; } .dx-stmt-filter label { display: block; margin-bottom: 2px; font-size: 11.5px; font-weight: 600; color: #64748b; } .dx-stmt-filter .form-control-sm { min-width: 150px; } .dx-stmt-mode { display: inline-flex; padding: 3px; background: #f1f5f9; border-radius: 9px; } .dx-stmt-mode a { padding: 5px 12px; font-size: 12.5px; font-weight: 700; color: #64748b; border-radius: 7px; } .dx-stmt-mode a.active { background: #fff; color: #1d4ed8; box-shadow: 0 1px 3px rgba(15, 23, 42, .1); } .dx-stmt-mode a:hover { text-decoration: none; color: #0f172a; } /* ── Güvenli Şifre Kasası: Toplu İçe Aktar ─────────────────────────────── */ .dx-vault-import-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; align-items: start; } .dx-vault-drop { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 16px; margin: 0; border: 2px dashed #cbd5e1; border-radius: 12px; background: #f8fafc; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; } .dx-vault-drop:hover, .dx-vault-drop:focus-within { border-color: var(--acc-blue); background: var(--acc-blue-soft); } .dx-vault-drop .fa { font-size: 32px; color: #16a34a; } .dx-vault-drop span { font-size: 12.5px; color: var(--acc-muted); word-break: break-all; } .dx-vault-drop input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .dx-vault-import-sheet { max-width: 200px; } .dx-vault-import-actions { display: flex; flex-wrap: wrap; gap: 8px; } .dx-vault-import-help { padding-left: 18px; margin-bottom: 12px; font-size: 13px; color: #334155; } .dx-vault-import-help li { margin-bottom: 6px; } .dx-vault-import-safe { display: flex; gap: 10px; padding: 10px 12px; border-radius: 10px; background: #f0fdf4; border: 1px solid #bbf7d0; font-size: 12.5px; color: #14532d; } .dx-vault-import-safe .fa { font-size: 18px; color: #16a34a; margin-top: 2px; } .dx-vault-import-map { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; } .dx-vault-import-col { padding: 8px 10px; border: 1px solid var(--acc-line); border-radius: 10px; background: #fff; } .dx-vault-import-col label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--acc-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-vault-import-col.is-skip { background: #f8fafc; opacity: .7; } .dx-vault-import-options { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 18px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--acc-line); } .dx-vault-import-options .form-control-sm { min-width: 220px; } .dx-vault-import-check { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 4px; font-size: 13px; cursor: pointer; } .dx-vault-import-summary { display: flex; flex-wrap: wrap; gap: 6px; } .dx-vault-import-table td { vertical-align: top; font-size: 13px; } .dx-vault-import-table tr.is-skipped td { background: #fafafa; color: #94a3b8; } .dx-vault-import-fields { list-style: none; padding: 0; margin: 0; } .dx-vault-import-fields li { display: flex; gap: 6px; line-height: 1.5; min-width: 0; } .dx-vault-import-fields li span { flex: 0 0 auto; color: var(--acc-muted); } .dx-vault-import-fields li span::after { content: ':'; } .dx-vault-import-fields li b { font-weight: 600; word-break: break-all; } .dx-vault-import-masked { font-style: normal; color: #16a34a; letter-spacing: 1px; } .dx-vault-import-status { min-width: 200px; font-size: 12.5px; } .dx-vault-import-bar { position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; padding: 12px 16px; background: rgba(255, 255, 255, .96); border: 1px solid var(--acc-line); border-radius: 12px; box-shadow: 0 -4px 16px rgba(15, 23, 42, .06); } @media (max-width: 991.98px) { .dx-vault-import-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 575.98px) { .dx-vault-import-options .form-control-sm { min-width: 0; width: 100%; } .dx-vault-import-options .form-group { width: 100%; } .dx-vault-import-bar { justify-content: stretch; } .dx-vault-import-bar form, .dx-vault-import-bar .btn { width: 100%; } } /* Müşteri paneli: Genel Bakış "Ödeme Yap" butonu + tıklanabilir bakiye rozeti (→ /profil/cari-odeme-yap) */ .btn-action.is-pay { background: #16a34a; border-color: #16a34a; color: #fff !important; } .btn-action.is-pay:hover, .btn-action.is-pay:focus-visible { background: #15803d; border-color: #15803d; color: #fff !important; } a.balance-chip.is-link { text-decoration: none; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; } a.balance-chip.is-link:hover, a.balance-chip.is-link:focus-visible { border-color: #93c5fd; box-shadow: 0 0 0 3px rgba(59, 130, 246, .12); } /* Sonuç ekranı "kontrol ediliyor" durumu (cari kart ödemesi, banka sonucu belirsiz) */ .dxs-hero.is-pending { background: linear-gradient(120deg, #78350f 0%, #b45309 55%, #f59e0b 100%); box-shadow: 0 18px 40px -22px rgba(180, 83, 9, .7); } .dxs-check.is-pending { background: #fff; color: #d97706; } /* Müşteri paneli: cari kart ödemesi tahsilat makbuzu (portal/cari/receipt, A4 yazdırma) */ body.dxmk { margin: 0; background: #f1f5f9; color: #1e293b; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 12px; line-height: 1.5; } .dxmk-toolbar { position: sticky; top: 0; z-index: 2; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 10px 20px; background: #0f172a; color: #fff; } .dxmk-toolbar > div { display: flex; flex-wrap: wrap; gap: 8px; } .dxmk-btn { display: inline-block; padding: 8px 16px; border: 0; border-radius: 6px; background: #2563eb; color: #fff; font: 600 13px/1.2 inherit; text-decoration: none; cursor: pointer; } .dxmk-btn:hover { background: #1d4ed8; color: #fff; } .dxmk-btn.is-ghost { background: #475569; } .dxmk-sheet { box-sizing: border-box; width: 210mm; max-width: calc(100% - 32px); min-height: 200mm; margin: 20px auto; padding: 16mm 15mm; background: #fff; border-radius: 6px; box-shadow: 0 4px 12px -4px rgba(15, 23, 42, .15); } .dxmk-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 2px solid #0f172a; } .dxmk-logo { display: block; height: 34px; width: auto; margin-bottom: 8px; } .dxmk-company { display: block; font-size: 13px; font-weight: 800; color: #0f172a; } .dxmk-head p { margin: 2px 0 0; font-size: 10.5px; color: #64748b; } .dxmk-title { text-align: right; } .dxmk-title h1 { margin: 0 0 6px; font-size: 20px; font-weight: 800; letter-spacing: .5px; color: #2563eb; } .dxmk-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .dxmk-box { padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; } .dxmk-box h2 { margin: 0 0 8px; padding-bottom: 5px; border-bottom: 1px solid #cbd5e1; font-size: 11px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #475569; } .dxmk-box dl { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 4px 10px; margin: 0; } .dxmk-box dt { color: #64748b; } .dxmk-box dd { margin: 0; font-weight: 600; color: #0f172a; word-break: break-word; } .dxmk-box dd.is-mono { font-family: ui-monospace, monospace; font-size: 11px; font-weight: 500; } .dxmk-table { width: 100%; border-collapse: collapse; margin-bottom: 8px; } .dxmk-table th { padding: 8px 10px; background: #0f172a; color: #fff; font-weight: 600; text-align: left; } .dxmk-table td { padding: 9px 10px; border-bottom: 1px solid #e2e8f0; } .dxmk-table .is-num { text-align: right; white-space: nowrap; } .dxmk-table tfoot td { background: #eff6ff; font-size: 13.5px; font-weight: 800; color: #0f172a; border-bottom: 2px solid #2563eb; } .dxmk-words { margin: 0 0 16px; font-size: 11.5px; color: #334155; } .dxmk-words span { font-weight: 700; } .dxmk-alert { margin: 0 0 14px; padding: 10px 12px; border-left: 4px solid #f59e0b; border-radius: 0 6px 6px 0; background: #fffbeb; color: #92400e; font-size: 11.5px; } .dxmk-note { margin: 0 0 24px; font-size: 10.5px; color: #64748b; } .dxmk-foot { padding-top: 10px; border-top: 1px dashed #cbd5e1; font-size: 9.5px; color: #94a3b8; text-align: center; } @media (max-width: 640px) { .dxmk-sheet { padding: 18px 16px; } .dxmk-grid { grid-template-columns: 1fr; } .dxmk-title { text-align: left; } .dxmk-box dl { grid-template-columns: 1fr; } } @media print { @page { size: A4; margin: 12mm; } body.dxmk { background: #fff; } .dxmk-toolbar { display: none; } .dxmk-sheet { width: auto; max-width: none; min-height: 0; margin: 0; padding: 0; border-radius: 0; box-shadow: none; } .dxmk-table th, .dxmk-table tfoot td, .dxmk-box { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .dx-cari-receipt { display: inline-flex; align-items: center; gap: 5px; margin-top: 4px; padding: 2px 9px; border: 1px solid #bfdbfe; border-radius: 9999px; background: #eff6ff; color: #1d4ed8 !important; font-size: 11.5px; font-weight: 600; text-decoration: none; } .dx-cari-receipt:hover { background: #dbeafe; } /* --------------------------------------------------------------------------- * Admin: Bootstrap 5 class shims. * The admin layout loads Bootstrap 4.6, but several admin views use Bootstrap 5 * utilities (text-end, me-1, gap-2, fw-bold, form-select, btn-close ...), which * BS4 does not define. Scoped to .admin-main so storefront pages are untouched. * JS side (data-bs-*) is handled by /source-assets/admin-bs5-compat.js. * ------------------------------------------------------------------------- */ .admin-main .text-start { text-align: left !important; } .admin-main .text-end { text-align: right !important; } .admin-main .float-start { float: left !important; } .admin-main .float-end { float: right !important; } .admin-main .fw-normal { font-weight: 400 !important; } .admin-main .fw-medium { font-weight: 500 !important; } .admin-main .fw-semibold { font-weight: 600 !important; } .admin-main .fw-bold { font-weight: 700 !important; } .admin-main .fw-bolder { font-weight: 800 !important; } .admin-main .font-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .admin-main .me-0 { margin-right: 0 !important; } .admin-main .me-1 { margin-right: .25rem !important; } .admin-main .me-2 { margin-right: .5rem !important; } .admin-main .me-3 { margin-right: 1rem !important; } .admin-main .me-auto { margin-right: auto !important; } .admin-main .ms-0 { margin-left: 0 !important; } .admin-main .ms-1 { margin-left: .25rem !important; } .admin-main .ms-2 { margin-left: .5rem !important; } .admin-main .ms-3 { margin-left: 1rem !important; } .admin-main .ms-auto { margin-left: auto !important; } .admin-main .pe-1 { padding-right: .25rem !important; } .admin-main .pe-2 { padding-right: .5rem !important; } .admin-main .pe-3 { padding-right: 1rem !important; } .admin-main .ps-1 { padding-left: .25rem !important; } .admin-main .ps-2 { padding-left: .5rem !important; } .admin-main .ps-3 { padding-left: 1rem !important; } .admin-main .gap-0 { gap: 0 !important; } .admin-main .gap-1 { gap: .25rem !important; } .admin-main .gap-2 { gap: .5rem !important; } .admin-main .gap-3 { gap: 1rem !important; } .admin-main .gap-4 { gap: 1.5rem !important; } .admin-main .rounded-pill { border-radius: 50rem !important; } .admin-main .bg-primary-subtle { background-color: #cfe2ff !important; } .admin-main .bg-success-subtle { background-color: #d1e7dd !important; } .admin-main .bg-danger-subtle { background-color: #f8d7da !important; } .admin-main .bg-warning-subtle { background-color: #fff3cd !important; } .admin-main .bg-info-subtle { background-color: #cff4fc !important; } .admin-main .bg-secondary-subtle { background-color: #e2e3e5 !important; } .admin-main select.form-select { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 2rem .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; appearance: none; } .admin-main select.form-select[multiple], .admin-main select.form-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none; } .admin-main select.form-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .admin-main select.form-select.form-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; } .admin-main .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em; margin-left: auto; border: 0; border-radius: .25rem; opacity: .5; cursor: pointer; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } .admin-main .btn-close:hover { opacity: .75; } .admin-main .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } /* Yönetim: uzun süren işlem bekleme ekranı (dx-busy.js, form[data-busy]) */ .dx-busy-overlay { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15, 23, 42, .45); backdrop-filter: blur(2px); cursor: progress; } .dx-busy-box { display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: 380px; padding: 26px 28px; border-radius: 14px; background: #fff; box-shadow: 0 24px 60px -20px rgba(15, 23, 42, .5); text-align: center; } .dx-busy-box strong { font-size: 15.5px; font-weight: 800; color: #0f172a; } .dx-busy-box small { font-size: 12.5px; color: #64748b; line-height: 1.5; } .dx-busy-spinner { display: inline-block; width: 38px; height: 38px; border: 4px solid #dbeafe; border-top-color: #2563eb; border-radius: 50%; animation: dx-busy-spin .8s linear infinite; } .dx-busy-spinner.is-sm { width: 14px; height: 14px; border-width: 2px; border-color: rgba(255, 255, 255, .45); border-top-color: #fff; vertical-align: -2px; } button[aria-busy="true"] { cursor: progress; opacity: .85; } @keyframes dx-busy-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .dx-busy-spinner { animation-duration: 2.4s; } } /* Fatura adresi formu: dolu ve geçerli alanlarda yeşil ✓ (dx-billing.js .is-valid) */ .dxbp .form-control-custom.is-valid { border-color: #16a34a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px 16px; background-position: right 12px center; padding-right: 38px; } .dxbp select.form-control-custom.is-valid { background-position: right 34px center; padding-right: 58px; } .dxbp textarea.form-control-custom.is-valid { background-position: right 12px top 12px; } .dxbp .form-control-custom.is-valid:focus { border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .15); } /* Müşteri paneli Genel Bakış: personel için "Yönetime Git" (yalnızca canAccessAdmin) */ .btn-action.is-admin { background: #7c3aed; border-color: #7c3aed; color: #fff !important; } .btn-action.is-admin:hover, .btn-action.is-admin:focus-visible { background: #6d28d9; border-color: #6d28d9; color: #fff !important; } /* ========================================================================= YÖNETİM: DESTEK BİLETLERİ (resources/views/admin/tickets/{index,show,create}) admin.layout (Bootstrap 4) üzerinde; #dxAdmTickets (liste), #dxAdmTicket (detay / yeni bilet) Rozetler renk + ikon + metinle anlam taşır (yalnız renge dayanmaz). ========================================================================= */ #dxAdmTickets, #dxAdmTicket { --tk-blue: #2563eb; --tk-border: #e2e8f0; --tk-muted: #64748b; --tk-text: #0f172a; color: var(--tk-text); } #dxAdmTickets a:focus-visible, #dxAdmTicket a:focus-visible, #dxAdmTickets button:focus-visible, #dxAdmTicket button:focus-visible, #dxAdmTickets tr:focus-visible, #dxAdmTicket summary:focus-visible { outline: 2px solid var(--tk-blue); outline-offset: 2px; } #dxAdmTickets .btn i, #dxAdmTicket .btn i { margin-right: 5px; } /* Başlık */ .dxtk-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; } .dxtk-head h1 { margin: 0; font-size: 26px; font-weight: 800; color: #0f172a; letter-spacing: -.3px; } .dxtk-head p { margin: 4px 0 0; font-size: 14.5px; color: #64748b; } .dxtk-primary { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 10px; background: #2563eb; color: #fff !important; font-size: 15px; font-weight: 700; text-decoration: none !important; box-shadow: 0 6px 16px rgba(37, 99, 235, .25); } .dxtk-primary:hover { background: #1d4ed8; } /* Özet kartları */ .dxtk-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .dxtk-stat { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--tk-border, #e2e8f0); border-radius: 14px; background: #fff; color: #334155; text-decoration: none !important; transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; } .dxtk-stat:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(15, 23, 42, .07); } .dxtk-stat.is-active { border-color: currentColor; box-shadow: 0 0 0 1px currentColor; } .dxtk-stat-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 12px; font-size: 24px; } .dxtk-stat .dxtk-stat-label { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; color: #334155; } .dxtk-stat b { display: block; margin-top: 2px; font-size: 26px; font-weight: 800; color: #0f172a; line-height: 1.1; } .dxtk-stat > .fa-angle-right { color: #94a3b8; font-size: 20px; } .dxtk-stat.is-amber { color: #d97706; } .dxtk-stat.is-amber .dxtk-stat-icon { background: #fff7e6; } .dxtk-stat.is-blue { color: #2563eb; } .dxtk-stat.is-blue .dxtk-stat-icon { background: #eef4ff; } .dxtk-stat.is-red { color: #dc2626; } .dxtk-stat.is-red .dxtk-stat-icon { background: #fef2f2; } .dxtk-stat.is-green { color: #059669; } .dxtk-stat.is-green .dxtk-stat-icon { background: #ecfdf5; } /* Sekmeler */ .dxtk-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 14px; border-bottom: 1px solid var(--tk-border, #e2e8f0); } .dxtk-tab { display: inline-flex; align-items: center; gap: 8px; margin-bottom: -1px; padding: 10px 16px; border-bottom: 2px solid transparent; font-size: 14.5px; font-weight: 600; color: #475569; text-decoration: none !important; } .dxtk-tab:hover { color: #1d4ed8; } .dxtk-tab b { min-width: 26px; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; font-size: 12.5px; font-weight: 700; color: #334155; text-align: center; } .dxtk-tab.is-active { border-bottom-color: #2563eb; color: #1d4ed8; } .dxtk-tab.is-active b { background: #dbeafe; color: #1d4ed8; } .dxtk-tab.is-danger b { background: #fee2e2; color: #b91c1c; } /* Liste kartı + filtreler */ #dxAdmTickets .dxtk-list { padding: 0; overflow: visible; } .dxtk-filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; padding: 16px; } .dxtk-search { position: relative; flex: 1 1 320px; min-width: 220px; } .dxtk-search > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #64748b; } .dxtk-search input { height: 42px; padding-left: 40px; border-radius: 8px; font-size: 14px; } .dxtk-select { position: relative; flex: 0 1 150px; min-width: 128px; margin: 0; } .dxtk-select > span { position: absolute; top: 4px; left: 11px; font-size: 10.5px; font-weight: 600; color: #64748b; pointer-events: none; } .dxtk-select select, .dxtk-select input { height: 42px; padding: 15px 10px 2px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #0f172a; } .dxtk-filter-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; } .dxtk-link { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; font-size: 13.5px; font-weight: 600; color: #2563eb; white-space: nowrap; cursor: pointer; } .dxtk-link:hover { text-decoration: underline; } .dxtk-advanced { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; padding-top: 2px; } .dxtk-advanced[hidden] { display: none; } /* Tablo */ .dxtk-table-wrap { position: relative; } .dxtk-table { width: 100%; margin: 0; font-size: 13.5px; border-collapse: separate; border-spacing: 0; } .dxtk-table th { position: sticky; top: 0; z-index: 1; padding: 11px 10px; border-top: 1px solid var(--tk-border, #e2e8f0); border-bottom: 1px solid var(--tk-border, #e2e8f0); background: #f8fafc; font-size: 12.5px; font-weight: 700; color: #334155; white-space: nowrap; text-align: left; } .dxtk-table th a { color: inherit; text-decoration: none; } .dxtk-table th a.is-active { color: #1d4ed8; } .dxtk-table td { padding: 11px 10px; border-bottom: 1px solid #eef2f6; vertical-align: middle; } .dxtk-table tbody tr { cursor: pointer; transition: background .1s ease; } .dxtk-table tbody tr:hover td { background: #f8fbff; } .dxtk-table tbody tr.is-breached td { background: #fff5f5; } .dxtk-table tbody tr.is-breached:hover td { background: #ffeded; } .dxtk-table tbody tr.is-selected td { background: #eff6ff; } .dxtk-table .dxtk-check { width: 40px; padding-right: 0; } .dxtk-check input { width: 16px; height: 16px; cursor: pointer; vertical-align: middle; } .dxtk-code { font-weight: 700; color: #2563eb; white-space: nowrap; } .dxtk-subject { display: block; max-width: 300px; font-weight: 700; color: #0f172a !important; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxtk-sub { display: block; margin-top: 3px; font-size: 12.5px; color: #64748b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; } .dxtk-sub .fa { width: 14px; margin-right: 4px; color: #94a3b8; } .dxtk-customer { display: block; max-width: 220px; font-weight: 700; color: #0f172a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxtk-table td[data-label="Müşteri"] .dxtk-sub { max-width: 220px; } .dxtk-nowrap { white-space: nowrap; } .dxtk-person { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; } .dxtk-avatar { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #6366f1; color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .3px; } .dxtk-avatar.is-lg { width: 42px; height: 42px; font-size: 14px; } .dxtk-avatar.is-customer { background: #dbeafe; color: #1d4ed8; } .dxtk-avatar.is-system { background: #e2e8f0; color: #475569; } .dxtk-unassigned { font-size: 12.5px; font-style: italic; color: #94a3b8; white-space: nowrap; } .dxtk-more { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #475569; } .dxtk-more:hover { background: #f1f5f9; } .dxtk-more i { margin: 0 !important; } .dxtk-table .dropdown-menu, #dxAdmTicket .dropdown-menu { font-size: 13.5px; border-radius: 10px; border-color: #e2e8f0; box-shadow: 0 12px 28px rgba(15, 23, 42, .14); } .dxtk-table .dropdown-item i, #dxAdmTicket .dropdown-item i { width: 18px; margin-right: 6px; color: #64748b; } .dxtk-table .dropdown-header, #dxAdmTicket .dropdown-header { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; } /* Rozetler (öncelik / durum / SLA) */ .dxtk-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid transparent; border-radius: 6px; font-size: 12px; font-weight: 700; line-height: 1.3; white-space: nowrap; vertical-align: middle; } .dxtk-badge i { font-size: 11px; } .dxtk-badge.is-red { background: #dc2626; color: #fff; } .dxtk-badge.is-orange { background: #c2410c; color: #fff; } .dxtk-badge.is-slate { background: #f1f5f9; border-color: #e2e8f0; color: #334155; } .dxtk-badge.is-teal { background: #ecfdf5; border-color: #a7f3d0; color: #047857; } .dxtk-badge.is-blue { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; } .dxtk-badge.is-indigo { background: #2563eb; color: #fff; } .dxtk-badge.is-amber { background: #fef3c7; border-color: #fcd34d; color: #92400e; } .dxtk-badge.is-green { background: #059669; color: #fff; } .dxtk-flag { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 11.5px; font-weight: 700; color: #b45309; white-space: nowrap; } .dxtk-sla { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; white-space: nowrap; } .dxtk-sla.is-breached { color: #dc2626; } .dxtk-sla.is-risk { color: #d97706; } .dxtk-sla.is-ok, .dxtk-sla.is-met { color: #059669; } .dxtk-sla.is-missed { color: #b45309; } .dxtk-sla.is-paused, .dxtk-sla.is-none { color: #64748b; font-weight: 600; } .dxtk-sla-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 700; white-space: nowrap; } .dxtk-sla-chip.is-breached { background: #fee2e2; color: #b91c1c; } .dxtk-sla-chip.is-risk { background: #fef3c7; color: #92400e; } .dxtk-sla-chip.is-ok, .dxtk-sla-chip.is-met { background: #ecfdf5; color: #047857; } .dxtk-sla-chip.is-missed { background: #fff7ed; color: #9a3412; } .dxtk-sla-chip.is-paused, .dxtk-sla-chip.is-none { background: #f1f5f9; color: #475569; } /* Yükleniyor / boş durumlar */ .dxtk-table-wrap.is-loading .dxtk-table { opacity: .45; pointer-events: none; } .dxtk-table-wrap.is-loading::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, transparent, #2563eb, transparent); background-size: 50% 100%; background-repeat: no-repeat; animation: dxtkLoad 1s linear infinite; } @keyframes dxtkLoad { from { background-position: -50% 0; } to { background-position: 150% 0; } } .dxtk-empty { padding: 56px 16px; text-align: center; color: #64748b; } .dxtk-empty > i { display: block; margin-bottom: 12px; font-size: 38px; color: #cbd5e1; } .dxtk-empty h3 { margin: 0 0 6px; font-size: 17px; font-weight: 800; color: #0f172a; } .dxtk-empty p { margin: 0 0 14px; font-size: 14px; } /* Sayfalama */ .dxtk-pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 16px; border-top: 1px solid var(--tk-border, #e2e8f0); font-size: 14px; color: #475569; } .dxtk-pager-right { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .dxtk-seg { display: inline-flex; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; } .dxtk-seg a, .dxtk-seg span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 36px; padding: 0 12px; border-left: 1px solid #e2e8f0; font-size: 13.5px; font-weight: 600; color: #334155; text-decoration: none !important; background: #fff; } .dxtk-seg > :first-child { border-left: 0; } .dxtk-seg a:hover { background: #f8fafc; } .dxtk-seg .is-active { background: #eff6ff; color: #1d4ed8; } .dxtk-seg .is-current { background: #2563eb; color: #fff; } .dxtk-seg .is-disabled { color: #cbd5e1; cursor: not-allowed; } /* ── Detay ─────────────────────────────────────────────────────────── */ .dxtk-detail-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; } .dxtk-title { flex: 0 1 auto; min-width: 220px; padding-left: 14px; border-left: 4px solid #2563eb; } .dxtk-title h1 { margin: 0; font-size: 24px; font-weight: 800; color: #0f172a; } .dxtk-title p { margin: 2px 0 0; font-size: 16px; color: #334155; word-break: break-word; } .dxtk-head-badges { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .dxtk-owner { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; } .dxtk-owner small { display: block; font-size: 12px; font-weight: 500; color: #64748b; } .dxtk-head-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; flex-wrap: wrap; } .dxtk-head-actions form { margin: 0; } .dxtk-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #0f172a; font-size: 14px; font-weight: 700; text-decoration: none !important; cursor: pointer; } .dxtk-btn:hover { background: #f8fafc; } .dxtk-btn.is-primary-outline { border-color: #2563eb; color: #1d4ed8; } .dxtk-btn.is-primary-outline:hover { background: #eff6ff; } .dxtk-btn.is-icon { width: 40px; justify-content: center; padding: 0; } .dxtk-btn.is-danger { width: 100%; justify-content: center; height: 46px; border-color: #ef4444; color: #dc2626; font-size: 15px; } .dxtk-btn.is-danger:hover { background: #fef2f2; } .dxtk-btn i { margin: 0 !important; } .dxtk-layout { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 18px; align-items: start; } .dxtk-card { border: 1px solid var(--tk-border, #e2e8f0); border-radius: 14px; background: #fff; } .dxtk-card-head { display: flex; align-items: center; gap: 10px; padding: 16px 18px 12px; } .dxtk-card-head h2 { margin: 0; font-size: 16px; font-weight: 800; color: #0f172a; } .dxtk-card-head p { margin: 2px 0 0; font-size: 13px; color: #64748b; } .dxtk-card-head > i { font-size: 18px; color: #2563eb; } .dxtk-card-body { padding: 0 18px 16px; } .dxtk-side { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; } /* Konuşma */ .dxtk-convo { display: flex; flex-direction: column; min-height: 0; } .dxtk-thread { max-height: calc(100vh - 420px); min-height: 280px; overflow-y: auto; padding: 4px 18px 16px; border-top: 1px solid #eef2f6; scroll-behavior: smooth; } .dxtk-msg { display: flex; gap: 14px; padding: 14px 0; } .dxtk-msg-main { flex: 1; min-width: 0; } .dxtk-msg-meta { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; font-size: 13px; color: #64748b; } .dxtk-msg-meta strong { font-size: 14px; color: #0f172a; } .dxtk-msg-meta time { margin-left: auto; white-space: nowrap; } .dxtk-role { padding: 1px 8px; border-radius: 999px; background: #f1f5f9; font-size: 11.5px; font-weight: 700; color: #475569; } .dxtk-bubble { padding: 12px 16px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; font-size: 14px; line-height: 1.6; color: #0f172a; white-space: pre-line; word-break: break-word; } .dxtk-msg.is-staff .dxtk-bubble { background: #eff6ff; border-color: #bfdbfe; } .dxtk-msg.is-staff .dxtk-role { background: #dbeafe; color: #1d4ed8; } .dxtk-msg.is-note .dxtk-bubble { background: #fffbeb; border-color: #fcd34d; border-style: dashed; } .dxtk-msg.is-note .dxtk-role { background: #fef3c7; color: #92400e; } .dxtk-source { margin-bottom: 8px; font-size: 12.5px; } .dxtk-source summary { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 700; color: #475569; } .dxtk-source pre { margin: 6px 0 0; padding: 8px 10px; border-radius: 6px; background: #fff; border: 1px solid #e2e8f0; font-family: inherit; font-size: 12.5px; color: #475569; white-space: pre-wrap; } .dxtk-files { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .dxtk-file { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 6px 12px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 600; color: #0f172a !important; text-decoration: none !important; white-space: normal; } .dxtk-file:hover { border-color: #2563eb; } .dxtk-file small { font-weight: 500; color: #64748b; } .dxtk-event { display: flex; align-items: center; gap: 10px; margin: 2px 0 2px 54px; padding: 7px 12px; border-radius: 8px; background: #f8fafc; font-size: 13px; color: #475569; } .dxtk-event i { color: #64748b; } .dxtk-event time { margin-left: auto; font-size: 12px; color: #94a3b8; white-space: nowrap; } /* Yanıt editörü */ .dxtk-composer { border-top: 1px solid #e2e8f0; padding: 0 18px 16px; background: #fff; border-radius: 0 0 14px 14px; } .dxtk-composer-tabs { display: flex; gap: 4px; margin-bottom: 10px; border-bottom: 1px solid #eef2f6; } .dxtk-composer-tabs label { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 -1px; padding: 12px 16px; border-bottom: 2px solid transparent; font-size: 14px; font-weight: 600; color: #475569; cursor: pointer; } .dxtk-composer-tabs input { position: absolute; opacity: 0; pointer-events: none; } .dxtk-composer-tabs input:checked + span { color: #1d4ed8; } .dxtk-composer-tabs label:has(input:checked) { border-bottom-color: #2563eb; color: #1d4ed8; } .dxtk-composer-tabs input:focus-visible + span { outline: 2px solid #2563eb; outline-offset: 3px; } .dxtk-composer textarea { min-height: 96px; border-radius: 10px; font-size: 14px; line-height: 1.55; resize: vertical; } .dxtk-composer.is-note textarea { background: #fffdf5; border-color: #fcd34d; } .dxtk-composer-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; } .dxtk-composer-bar .dxtk-btn { height: 38px; font-size: 13.5px; } .dxtk-composer-bar select { width: auto; height: 38px; font-size: 13px; font-weight: 600; border-radius: 8px; } .dxtk-send { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 22px; border: 0; border-radius: 8px; background: #2563eb; color: #fff; font-size: 14px; font-weight: 700; } .dxtk-send:hover { background: #1d4ed8; } .dxtk-send:disabled { background: #93c5fd; cursor: not-allowed; } .dxtk-composer.is-note .dxtk-send { background: #b45309; } .dxtk-chosen { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; font-size: 12.5px; color: #475569; } .dxtk-chosen span { padding: 3px 8px; border-radius: 6px; background: #f1f5f9; } .dxtk-hint { margin: 8px 0 0; font-size: 12.5px; color: #64748b; } .dxtk-hint.is-warn { color: #b45309; } /* Sağ panel: tanım listesi */ .dxtk-dl { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 10px 12px; margin: 0; font-size: 14px; } .dxtk-dl dt { font-weight: 500; color: #64748b; } .dxtk-dl dd { margin: 0; font-weight: 600; color: #0f172a; word-break: break-word; } .dxtk-dl dd a { color: #2563eb; } .dxtk-inline-form { display: flex; gap: 6px; margin: 0; } .dxtk-inline-form select, .dxtk-inline-form input { height: 34px; padding: 4px 8px; font-size: 13px; border-radius: 7px; } .dxtk-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .dxtk-tag { padding: 3px 10px; border-radius: 999px; background: #e0ecff; font-size: 12.5px; font-weight: 700; color: #1d4ed8; } .dxtk-block-link { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; height: 40px; border: 1px solid #2563eb; border-radius: 8px; font-size: 14px; font-weight: 700; color: #1d4ed8 !important; text-decoration: none !important; } .dxtk-block-link:hover { background: #eff6ff; } /* Gelişmiş işlemler (açılır bölümler) */ .dxtk-acc { border-top: 1px solid #eef2f6; } .dxtk-acc:first-of-type { border-top: 0; } .dxtk-acc summary { display: flex; align-items: center; gap: 10px; padding: 12px 18px; font-size: 14px; font-weight: 600; color: #0f172a; cursor: pointer; list-style: none; } .dxtk-acc summary::-webkit-details-marker { display: none; } .dxtk-acc summary::after { content: "\f107"; margin-left: auto; font-family: FontAwesome; color: #64748b; transition: transform .15s ease; } .dxtk-acc[open] summary::after { transform: rotate(180deg); } .dxtk-acc summary i { width: 18px; color: #475569; } .dxtk-acc summary b { padding: 1px 8px; border-radius: 999px; background: #eef2ff; font-size: 12px; color: #4338ca; } .dxtk-acc-body { padding: 0 18px 16px; font-size: 13.5px; } .dxtk-mini-list { list-style: none; margin: 0; padding: 0; } .dxtk-mini-list li { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #f1f5f9; } .dxtk-mini-list li:last-child { border-bottom: 0; } .dxtk-mini-list a { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #0f172a; } .dxtk-mini-list small { color: #64748b; white-space: nowrap; } .dxtk-apm-items li { align-items: flex-start; } .dxtk-apm-items .dxtk-apm-no { flex-shrink: 0; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #e2e8f0; font-size: 11.5px; font-weight: 800; color: #475569; } .dxtk-apm-items li.is-done .dxtk-apm-no { background: #059669; color: #fff; } .dxtk-apm-items li.is-working .dxtk-apm-no { background: #2563eb; color: #fff; } .dxtk-apm-items .dxtk-apm-body { flex: 1; min-width: 0; } .dxtk-progress { height: 6px; margin: 6px 0 10px; border-radius: 3px; background: #e2e8f0; overflow: hidden; } .dxtk-progress span { display: block; height: 100%; background: #4f46e5; } /* Kapatma modalı */ #dxtkCloseModal .modal-content { border: 0; border-radius: 14px; } #dxtkCloseModal .dxtk-outcome { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; margin-bottom: 8px; border: 1px solid #e2e8f0; border-radius: 10px; font-size: 13.5px; cursor: pointer; } #dxtkCloseModal .dxtk-outcome:has(input:checked) { border-color: #2563eb; background: #f5f9ff; } #dxtkCloseModal .dxtk-outcome input { margin-top: 4px; } #dxtkCloseModal .dxtk-outcome small { display: block; color: #64748b; } /* Yeni bilet */ .dxtk-form { max-width: 920px; padding: 22px; } .dxtk-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; } .dxtk-form label { font-size: 13px; font-weight: 700; color: #334155; } .dxtk-customer-results { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; margin-top: 4px; max-height: 280px; overflow-y: auto; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .14); } .dxtk-customer-results[hidden] { display: none; } .dxtk-customer-results button { display: block; width: 100%; padding: 9px 12px; border: 0; border-bottom: 1px solid #f1f5f9; background: #fff; text-align: left; font-size: 13.5px; } .dxtk-customer-results button:hover, .dxtk-customer-results button:focus { background: #f5f9ff; } .dxtk-customer-results small { display: block; color: #64748b; } .dxtk-picked { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #bfdbfe; border-radius: 10px; background: #f5f9ff; font-size: 14px; } .dxtk-picked[hidden] { display: none; } @media (max-width: 1399px) { .dxtk-layout { grid-template-columns: minmax(0, 1fr) 360px; } } @media (max-width: 1199px) { .dxtk-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxtk-layout { grid-template-columns: 1fr; } .dxtk-side { position: static; } .dxtk-thread { max-height: none; } .dxtk-head-actions { margin-left: 0; } } @media (max-width: 767px) { .dxtk-head h1 { font-size: 22px; } .dxtk-stat { padding: 14px; gap: 12px; } .dxtk-stat-icon { width: 42px; height: 42px; font-size: 19px; } .dxtk-stat b { font-size: 22px; } .dxtk-tabs { flex-wrap: nowrap; overflow-x: auto; } .dxtk-tab { white-space: nowrap; } .dxtk-select { flex: 1 1 45%; } .dxtk-filter-actions { margin-left: 0; } /* Tablo → kart görünümü: temel alanlar korunur */ .dxtk-table thead { display: none; } .dxtk-table, .dxtk-table tbody, .dxtk-table tr, .dxtk-table td { display: block; width: 100%; } .dxtk-table tr { position: relative; padding: 12px 12px 12px 44px; border-bottom: 1px solid #e2e8f0; } .dxtk-table td { padding: 3px 0; border: 0; } .dxtk-table td.dxtk-check { position: absolute; left: 12px; top: 14px; width: auto; } .dxtk-table td[data-label]::before { content: attr(data-label) ": "; font-size: 12px; font-weight: 600; color: #64748b; } .dxtk-table td.dxtk-actions { position: absolute; right: 8px; top: 8px; width: auto; } .dxtk-subject, .dxtk-sub { max-width: 100%; white-space: normal; } .dxtk-dl { grid-template-columns: 104px minmax(0, 1fr); } .dxtk-msg { gap: 10px; } .dxtk-msg > .dxtk-avatar { display: none; } .dxtk-event { margin-left: 0; } .dxtk-form-grid { grid-template-columns: 1fr; } .dxtk-send { width: 100%; justify-content: center; margin-left: 0; } } .dxtk-card-head > i.is-green { color: #059669; } .dxtk-grow { flex: 1; min-width: 0; } .dxtk-btn-row { display: flex; flex-wrap: wrap; gap: 6px; } .dxtk-form-actions { display: flex; justify-content: flex-end; gap: 8px; } /* Müşteri paneli — destek talebi eklemeleri (durum notu, ek dosyalar, kaynak başlığı, kapatma) */ #dxDomains .dxt-list-flag { margin-top: 4px; font-size: 12px; font-weight: 700; color: #b45309; } #dxTicket .dxt-state-note { margin-bottom: 16px; } #dxTicket .dxt-note { background: #f1f5f9; color: #334155; } #dxTicket .dxt-note.is-info { margin-bottom: 18px; background: var(--primary-light); color: #1e3a8a; } #dxTicket .dxt-note.is-warning { background: var(--warning-light); color: #92400e; } #dxTicket .dxt-note.is-success { background: var(--success-light); color: #065f46; } #dxTicket .dxt-role { padding: 1px 8px; border-radius: 999px; background: #dbeafe; font-size: 11px; font-weight: 700; color: #1d4ed8; } #dxTicket .dxt-source { margin-bottom: 6px; font-size: 12px; white-space: normal; } #dxTicket .dxt-source summary { cursor: pointer; font-weight: 700; color: var(--text-muted); } #dxTicket .dxt-source pre { margin: 6px 0 0; padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; background: #fff; font-family: inherit; font-size: 12px; white-space: pre-wrap; color: var(--text-muted); } #dxTicket .dxt-files { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } #dxTicket .dxt-file { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid var(--border); border-radius: 8px; background: #fff; font-size: 12.5px; font-weight: 600; color: var(--text-main); text-decoration: none; } #dxTicket .dxt-file:hover { border-color: var(--primary); } #dxTicket .dxt-file small { font-weight: 500; color: var(--text-muted); } #dxTicket .dxt-reply-actions { align-items: center; flex-wrap: wrap; } #dxTicket .dxt-hint { margin-top: 6px; font-size: 12px; color: var(--text-muted); } #dxTicket .dxt-error { margin-top: 6px; font-size: 13px; font-weight: 600; color: #b91c1c; } #dxTicket .dxt-closed { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--text-muted); } #dxTicket .dxt-resolve { margin-top: 4px; text-align: right; } #dxTicket .dxt-link-btn { padding: 0; border: 0; background: none; font-size: 13px; font-weight: 700; color: #047857; cursor: pointer; } #dxTicket .dxt-link-btn:hover { text-decoration: underline; } @media (max-width: 640px) { #dxTicket .dxt-reply-actions .btn-action.primary { width: 100%; justify-content: center; } #dxTicket .dxt-resolve { text-align: left; } } /* Destek talebi formları — müşteri paneli (#dxTicket: portal/tickets/create, show) ve yönetim paneli (#dxAdmTicket: admin/tickets/create, show) ortak: departman kartları, öncelik seçimi, ek dosya alanı (_uploader + dx-ticket-form.js), yükleme ilerlemesi */ #dxAdmTicket { --primary: #2563eb; --primary-light: #eff6ff; --border: #e2e8f0; --text-main: #0f172a; --text-muted: #64748b; --radius-md: 10px; } #dxAdmTicket .dxt-note { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; margin-bottom: 14px; border-radius: 10px; font-size: 13px; line-height: 1.5; } #dxAdmTicket .dxt-note .fa { font-size: 18px; margin-top: 1px; } #dxAdmTicket .dxt-error { margin: 6px 0 0; font-size: 13px; font-weight: 600; color: #b91c1c; } #dxAdmTicket .dxt-up label, #dxAdmTicket .dxt-dept, #dxAdmTicket .dxt-prio-opt { margin-bottom: 0; font-weight: inherit; } #dxAdmTicket .dxt-adm-new { padding: 0; overflow: clip; } #dxAdmTicket .dxt-adm-new > .dxt-note { margin: 18px 24px 0; } #dxAdmTicket .dxt-adm-new .dxt-step legend { font-size: 15px; } #dxAdmTicket .dxt-adm-new .dxtk-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #dxAdmTicket .dxt-adm-actions { margin: 0; padding: 16px 24px; background: #f8fafc; } #dxAdmTicket .dxtk-composer .dxt-up { margin-top: 8px; } #dxAdmTicket .dxtk-composer .dxt-progress-up { padding: 10px 0 0; } /* Çağrı detayı: ek dosyalar (admin/calls/show) */ .dx-call-files { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .dx-call-file { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 600; color: #0f172a; text-decoration: none; } .dx-call-file:hover { border-color: #2563eb; color: #1d4ed8; text-decoration: none; } .dx-call-file .fa { color: #2563eb; } .dx-call-file small { font-weight: 500; color: #64748b; } /* Çağrı kaydı formu (admin/calls/create): kanal çipleri, yön, süre, bilete dönüştür */ #dxAdmTicket .dxt-chips { display: flex; flex-wrap: wrap; gap: 8px; } #dxAdmTicket .dxt-chip { position: relative; margin: 0; cursor: pointer; } #dxAdmTicket .dxt-chip input, #dxAdmTicket .dxt-seg input { position: absolute; opacity: 0; pointer-events: none; } #dxAdmTicket .dxt-chip span { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border: 1.5px solid var(--border); border-radius: 999px; background: #fff; font-size: 13.5px; font-weight: 700; color: var(--text-main); transition: border-color .15s ease, background-color .15s ease; } #dxAdmTicket .dxt-chip span .fa { color: #64748b; } #dxAdmTicket .dxt-chip:hover span { border-color: #93c5fd; } #dxAdmTicket .dxt-chip input:checked + span { border-color: var(--primary); background: var(--primary-light); color: #1d4ed8; } #dxAdmTicket .dxt-chip input:checked + span .fa { color: var(--primary); } #dxAdmTicket .dxt-chip input[value=whatsapp]:checked + span { border-color: #16a34a; background: #f0fdf4; color: #15803d; } #dxAdmTicket .dxt-chip input[value=whatsapp]:checked + span .fa { color: #16a34a; } #dxAdmTicket .dxt-chip:has(input:focus-visible) span, #dxAdmTicket .dxt-seg label:has(input:focus-visible) span, #dxAdmTicket .dxt-convert:has(input:focus-visible) { outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } #dxAdmTicket .dxt-call-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 24px; margin-top: 16px; } #dxAdmTicket .dxt-seg { display: inline-flex; padding: 3px; border-radius: 10px; background: #f1f5f9; } #dxAdmTicket .dxt-seg label { position: relative; margin: 0; cursor: pointer; } #dxAdmTicket .dxt-seg span { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border-radius: 8px; font-size: 13px; font-weight: 700; color: #475569; } #dxAdmTicket .dxt-seg input:checked + span { background: #fff; color: var(--text-main); box-shadow: 0 1px 3px rgba(15, 23, 42, .12); } #dxAdmTicket .dxt-duration label { display: block; margin-bottom: 4px; font-size: 12.5px; font-weight: 700; color: #475569; } #dxAdmTicket .dxt-duration > div { display: flex; align-items: center; gap: 6px; } #dxAdmTicket .dxt-duration input { width: 72px; text-align: center; } #dxAdmTicket .dxt-duration span { font-size: 13px; color: var(--text-muted); } #dxAdmTicket .dxt-convert { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 0; padding: 14px 16px; border: 1.5px solid #bfdbfe; border-radius: 12px; background: #f8fbff; cursor: pointer; font-weight: inherit; } #dxAdmTicket .dxt-convert input { flex-shrink: 0; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--primary); } #dxAdmTicket .dxt-convert strong { display: block; font-size: 14px; color: var(--text-main); } #dxAdmTicket .dxt-convert strong .fa { margin-right: 4px; color: var(--primary); } #dxAdmTicket .dxt-convert small { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.45; color: var(--text-muted); } #dxAdmTicket .dxt-convert:has(input:checked) { border-color: var(--primary); background: var(--primary-light); } @media (max-width: 640px) { #dxAdmTicket .dxt-chips { display: grid; grid-template-columns: 1fr 1fr; } #dxAdmTicket .dxt-chip span { width: 100%; border-radius: 10px; } #dxAdmTicket .dxt-seg { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } #dxAdmTicket .dxt-seg span { width: 100%; justify-content: center; padding: 0 8px; font-size: 12.5px; text-align: center; } } #dxAdmTicket .dxt-up.is-compact .dxt-up-zone { padding: 8px 10px; } #dxAdmTicket .dxt-up.is-compact .dxt-up-btn { min-height: 34px; padding: 0 12px; font-size: 13px; } #dxAdmTicket .dxt-up.is-compact .dxt-up-hint { margin-top: 6px; font-size: 11.5px; } @media (max-width: 640px) { #dxAdmTicket .dxt-adm-new > .dxt-note { margin: 14px 14px 0; } #dxAdmTicket .dxt-adm-new .dxtk-form-grid { grid-template-columns: 1fr; } #dxAdmTicket .dxt-adm-actions { position: sticky; bottom: 0; z-index: 5; padding: 10px 14px; border-top: 1px solid var(--border); } #dxAdmTicket .dxt-adm-actions .dxtk-send { flex: 1; justify-content: center; } } :is(#dxTicket, #dxAdmTicket) [hidden] { display: none !important; } #dxTicket.dxt-new .dxt-form-card { padding: 0; overflow: clip; } #dxTicket.dxt-new .dxt-form-card > .dxt-note { margin: 20px 24px 0; } :is(#dxTicket, #dxAdmTicket) .dxt-step { margin: 0; padding: 22px 24px; border: 0; border-bottom: 1px solid var(--border); min-width: 0; } :is(#dxTicket, #dxAdmTicket) .dxt-step legend { display: flex; align-items: center; gap: 10px; float: left; width: 100%; margin: 0 0 14px; padding: 0; font-size: 15px; font-weight: 800; color: var(--text-main); } :is(#dxTicket, #dxAdmTicket) .dxt-step legend + * { clear: both; } :is(#dxTicket, #dxAdmTicket) .dxt-step-no { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--primary); color: #fff; font-size: 13px; font-weight: 800; } :is(#dxTicket, #dxAdmTicket) .dxt-step .form-group:last-child { margin-bottom: 0; } :is(#dxTicket, #dxAdmTicket) .dxt-note.is-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; } :is(#dxTicket, #dxAdmTicket) .dxt-note.is-error ul { margin: 4px 0 0; padding-left: 18px; } #dxTicket.dxt-new .dxt-form-card > .dxt-note.is-error { margin-bottom: 0; } /* Departman kartları */ :is(#dxTicket, #dxAdmTicket) .dxt-depts { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; } :is(#dxTicket, #dxAdmTicket) .dxt-dept { position: relative; display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 14px; border: 1.5px solid var(--border); border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; } :is(#dxTicket, #dxAdmTicket) .dxt-dept:hover { border-color: #93c5fd; } :is(#dxTicket, #dxAdmTicket) .dxt-dept input { position: absolute; opacity: 0; pointer-events: none; } :is(#dxTicket, #dxAdmTicket) .dxt-dept-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: #f1f5f9; color: #475569; font-size: 17px; transition: background-color .15s ease, color .15s ease; } :is(#dxTicket, #dxAdmTicket) .dxt-dept-text { flex: 1; min-width: 0; line-height: 1.3; } :is(#dxTicket, #dxAdmTicket) .dxt-dept-text strong { display: block; font-size: 14px; font-weight: 700; color: var(--text-main); } :is(#dxTicket, #dxAdmTicket) .dxt-dept-text small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-dept-check { font-size: 18px; color: var(--primary); opacity: 0; transition: opacity .15s ease; } :is(#dxTicket, #dxAdmTicket) .dxt-dept:has(input:checked) { border-color: var(--primary); background: var(--primary-light); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); } :is(#dxTicket, #dxAdmTicket) .dxt-dept:has(input:checked) .dxt-dept-icon { background: var(--primary); color: #fff; } :is(#dxTicket, #dxAdmTicket) .dxt-dept:has(input:checked) .dxt-dept-check { opacity: 1; } :is(#dxTicket, #dxAdmTicket) .dxt-dept:has(input:focus-visible), :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt:has(input:focus-visible) { outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } /* Öncelik seçimi */ :is(#dxTicket, #dxAdmTicket) .dxt-prio { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt { position: relative; margin: 0; cursor: pointer; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt input { position: absolute; opacity: 0; pointer-events: none; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt > span { display: block; height: 100%; padding: 10px 12px; border: 1.5px solid var(--border); border-radius: 10px; background: #fff; line-height: 1.3; transition: border-color .15s ease, background-color .15s ease; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt strong { display: flex; align-items: center; gap: 7px; font-size: 14px; color: var(--text-main); } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt strong::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--dxt-prio, #64748b); } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt small { display: block; margin-top: 2px; font-size: 12px; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt.is-dusuk { --dxt-prio: #64748b; --dxt-prio-bg: #f8fafc; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt.is-normal { --dxt-prio: #2563eb; --dxt-prio-bg: #eff6ff; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt.is-yuksek { --dxt-prio: #d97706; --dxt-prio-bg: #fffbeb; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt.is-acil { --dxt-prio: #dc2626; --dxt-prio-bg: #fef2f2; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt:hover > span { border-color: #cbd5e1; } :is(#dxTicket, #dxAdmTicket) .dxt-prio-opt input:checked + span { border-color: var(--dxt-prio); background: var(--dxt-prio-bg); } :is(#dxTicket, #dxAdmTicket) .dxt-service { margin-top: 16px; } :is(#dxTicket, #dxAdmTicket) .dxt-field-foot { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-top: 6px; font-size: 12px; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-safe .fa { margin-right: 3px; color: #059669; } :is(#dxTicket, #dxAdmTicket) .dxt-count { flex-shrink: 0; white-space: nowrap; } :is(#dxTicket, #dxAdmTicket) .dxt-count.is-short { color: #b45309; font-weight: 700; } #dxTicket.dxt-new .dxt-form-actions { margin: 0; padding: 18px 24px; background: #f8fafc; } #dxTicket.dxt-new .dxt-form-actions .btn-action.primary { min-width: 180px; justify-content: center; } /* Ek dosya alanı */ :is(#dxTicket, #dxAdmTicket) .dxt-up { margin-top: 2px; } #dxTicket .dxt-reply .dxt-up { margin-top: 10px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-zone { padding: 14px; border: 1.5px dashed #cbd5e1; border-radius: 12px; background: #f8fafc; transition: border-color .15s ease, background-color .15s ease; } :is(#dxTicket, #dxAdmTicket) .dxt-up-zone.is-over { border-color: var(--primary); background: var(--primary-light); } :is(#dxTicket, #dxAdmTicket) .dxt-up-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; margin: 0; padding: 0 16px; border: 1px solid var(--border); border-radius: 10px; background: #fff; font-size: 13.5px; font-weight: 700; color: var(--text-main); cursor: pointer; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn:hover { border-color: var(--primary); color: var(--primary); } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn:focus-within { outline: 3px solid rgba(37, 99, 235, .45); outline-offset: 2px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn .fa { color: var(--primary); } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn.is-camera, :is(#dxTicket, #dxAdmTicket) .dxt-up-touch { display: none; } :is(#dxTicket, #dxAdmTicket) .dxt-up-drop-hint { font-size: 12.5px; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-up-hint { margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-up-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; } :is(#dxTicket, #dxAdmTicket) .dxt-up.has-files .dxt-up-list { margin-top: 10px; } :is(#dxTicket, #dxAdmTicket) .dxt-up-item { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--border); border-radius: 10px; background: #fff; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 8px; background: #eef2f7; color: #475569; font-size: 20px; overflow: hidden; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb img { width: 100%; height: 100%; object-fit: cover; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb .fa-play-circle { color: #fff; } :is(#dxTicket, #dxAdmTicket) .dxt-up-thumb:has(.fa-play-circle) { background: #1e293b; } :is(#dxTicket, #dxAdmTicket) .dxt-up-info { flex: 1; min-width: 0; line-height: 1.3; } :is(#dxTicket, #dxAdmTicket) .dxt-up-info strong { display: block; font-size: 13px; color: var(--text-main); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :is(#dxTicket, #dxAdmTicket) .dxt-up-info small { font-size: 12px; color: var(--text-muted); } :is(#dxTicket, #dxAdmTicket) .dxt-up-remove { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px; border: 0; border-radius: 8px; background: transparent; color: #94a3b8; cursor: pointer; } :is(#dxTicket, #dxAdmTicket) .dxt-up-remove:hover { background: #fef2f2; color: #dc2626; } :is(#dxTicket, #dxAdmTicket) .dxt-progress-up { padding: 14px 24px 0; } #dxTicket .dxt-reply .dxt-progress-up { padding: 12px 0 0; } :is(#dxTicket, #dxAdmTicket) .dxt-progress-up-bar { height: 8px; border-radius: 4px; background: #e2e8f0; overflow: hidden; } :is(#dxTicket, #dxAdmTicket) .dxt-progress-up-bar span { display: block; width: 0; height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--primary), #22c55e); transition: width .2s ease; } :is(#dxTicket, #dxAdmTicket) .dxt-progress-up p { margin: 6px 0 0; font-size: 12.5px; font-weight: 600; color: var(--text-muted); } /* Dokunmatik cihaz (telefon / tablet): kamera düğmeleri görünür, sürükle-bırak ipucu gizlenir */ @media (hover: none) and (pointer: coarse) { :is(#dxTicket, #dxAdmTicket) .dxt-up-btn.is-camera { display: inline-flex; } :is(#dxTicket, #dxAdmTicket) .dxt-up-touch { display: inline; } :is(#dxTicket, #dxAdmTicket) .dxt-up-desk, :is(#dxTicket, #dxAdmTicket) .dxt-up-drop-hint { display: none; } } @media (max-width: 640px) { #dxTicket.dxt-new .dxt-form-card > .dxt-note { margin: 16px 16px 0; } :is(#dxTicket, #dxAdmTicket) .dxt-step { padding: 18px 16px; } :is(#dxTicket, #dxAdmTicket) .dxt-depts { grid-template-columns: 1fr; gap: 8px; } :is(#dxTicket, #dxAdmTicket) .dxt-dept { padding: 10px 12px; } :is(#dxTicket, #dxAdmTicket) .dxt-dept-icon { width: 36px; height: 36px; font-size: 15px; } :is(#dxTicket, #dxAdmTicket) .dxt-prio { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(#dxTicket, #dxAdmTicket) .dxt-up-buttons { display: grid; grid-template-columns: 1fr 1fr; } :is(#dxTicket, #dxAdmTicket) .dxt-up-btn.is-main { grid-column: 1 / -1; } :is(#dxTicket, #dxAdmTicket) .dxt-up-list { grid-template-columns: 1fr; } :is(#dxTicket, #dxAdmTicket) .dxt-field-foot { flex-direction: column; gap: 4px; } :is(#dxTicket, #dxAdmTicket) .dxt-progress-up { padding: 12px 16px 0; } #dxTicket.dxt-new .dxt-form-actions { position: sticky; bottom: 0; z-index: 5; padding: 10px 16px; border-top: 1px solid var(--border); } #dxTicket.dxt-new .dxt-form-actions .btn-action { height: 46px; justify-content: center; } #dxTicket.dxt-new .dxt-form-actions .btn-action.primary { flex: 1; min-width: 0; } /* iOS odakta yakınlaştırmasın */ #dxTicket .form-input, #dxTicket .form-select, #dxTicket .form-textarea { font-size: 16px; } } /* Destek listesi: okunmamış bilet */ .dxtk-table tr.is-unread .dxtk-subject { color: #1d4ed8 !important; } .dxtk-unread { display: inline-block; width: 9px; height: 9px; margin-left: 6px; border-radius: 50%; background: #2563eb; vertical-align: 1px; box-shadow: 0 0 0 3px #dbeafe; } /* ========================================================================= YÖNETİM: YENİ GELEN TALEPLER (resources/views/admin/tickets/inbox/*) ve e-posta alımı ayarları ========================================================================= */ .dxtk-head-actions .dxtk-btn i, .dxtk-head .dxtk-btn i { margin-right: 4px !important; } .dxtk-notice { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; margin-bottom: 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; font-size: 13.5px; color: #334155; } .dxtk-notice > i { margin-top: 2px; } .dxtk-notice.is-warn { border-color: #fcd34d; background: #fffbeb; color: #78350f; } .dxtk-notice.is-error { border-color: #fecaca; background: #fef2f2; color: #991b1b; } .dxtk-notice.is-info { border-color: #bfdbfe; background: #eff6ff; color: #1e3a8a; } .dxtk-mail-head { grid-template-columns: 96px minmax(0, 1fr); font-size: 13.5px; } .dxtk-mail-tabs { display: flex; gap: 4px; padding: 0 18px; border-bottom: 1px solid #eef2f6; } .dxtk-mail-tabs button { margin-bottom: -1px; padding: 10px 14px; border: 0; border-bottom: 2px solid transparent; background: none; font-size: 13.5px; font-weight: 600; color: #475569; } .dxtk-mail-tabs button.is-active { border-bottom-color: #2563eb; color: #1d4ed8; } .dxtk-mail-view { padding: 16px 18px; } .dxtk-mail-view[hidden] { display: none; } .dxtk-mail-view .dxtk-bubble { max-height: 560px; overflow-y: auto; background: #fff; } .dxtk-mail-frame { width: 100%; height: 560px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; } .dxtk-raw { max-height: 320px; overflow: auto; margin: 10px 0 0; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; font-size: 12px; white-space: pre-wrap; word-break: break-all; } .dxtk-candidates { display: flex; flex-direction: column; gap: 6px; } .dxtk-outcome-row { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13.5px; cursor: pointer; } .dxtk-outcome-row:has(input:checked) { border-color: #2563eb; background: #f5f9ff; } .dxtk-outcome-row input { margin-top: 4px; } .dxtk-filter-row { display: grid; grid-template-columns: 170px 120px minmax(160px, 1fr) 170px minmax(140px, 1fr) auto; gap: 8px; margin-bottom: 8px; } .dxtk-table tr.is-unread .dxtk-badge i { font-size: 7px; } @media (max-width: 991px) { .dxtk-filter-row { grid-template-columns: 1fr 1fr; } } /* Destek Biletleri: Yeni Gelen Talepler paneli (listenin üstünde, bekleyen e-posta varken yanıp söner) */ .dxtk-incoming { margin-bottom: 18px; padding: 16px 18px; border: 2px solid #f59e0b; border-radius: 14px; background: #fffbeb; } .dxtk-incoming.is-pulsing { animation: dxtkPulseBorder 1.6s ease-in-out infinite; } @keyframes dxtkPulseBorder { 0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, .55); border-color: #f59e0b; } 50% { box-shadow: 0 0 0 8px rgba(245, 158, 11, 0); border-color: #fbbf24; } } .dxtk-incoming-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .dxtk-incoming-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #f59e0b; color: #fff; font-size: 20px; } .dxtk-incoming.is-pulsing .dxtk-incoming-icon { animation: dxtkBlink 1.6s ease-in-out infinite; } @keyframes dxtkBlink { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.94); } } .dxtk-incoming-head h2 { margin: 0; font-size: 17px; font-weight: 800; color: #78350f; } .dxtk-incoming-head h2 b { display: inline-block; min-width: 28px; margin-left: 6px; padding: 1px 9px; border-radius: 999px; background: #dc2626; color: #fff; font-size: 14px; text-align: center; } .dxtk-incoming-head p { margin: 2px 0 0; font-size: 13.5px; color: #92400e; } .dxtk-incoming-links { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; font-weight: 600; } .dxtk-incoming-links a { color: #92400e; text-decoration: underline; } .dxtk-incoming-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; } .dxtk-incoming-item { display: grid; grid-template-columns: 14px minmax(160px, 220px) minmax(0, 1fr) auto 110px auto; align-items: center; gap: 12px; width: 100%; padding: 10px 14px; border: 1px solid #fde68a; border-radius: 10px; background: #fff; text-align: left; color: #0f172a; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; } .dxtk-incoming-item:hover, .dxtk-incoming-item:focus-visible { border-color: #f59e0b; box-shadow: 0 4px 14px rgba(146, 64, 14, .12); outline: none; } .dxtk-incoming-dot { width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; } .dxtk-incoming-item.is-new .dxtk-incoming-dot { background: #dc2626; animation: dxtkBlink 1.2s ease-in-out infinite; } .dxtk-incoming-from, .dxtk-incoming-subject { min-width: 0; } .dxtk-incoming-from strong, .dxtk-incoming-subject strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; } .dxtk-incoming-item.is-new .dxtk-incoming-subject strong { font-weight: 800; } .dxtk-incoming-from small, .dxtk-incoming-subject small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; color: #64748b; } .dxtk-incoming-time { font-size: 12.5px; color: #64748b; white-space: nowrap; text-align: right; } .dxtk-incoming-cta { padding: 6px 12px; border-radius: 8px; background: #2563eb; color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; } .dxtk-incoming-more { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; color: #92400e; } /* Sağdan açılan değerlendirme paneli */ .dxtk-drawer { width: 560px; padding: 20px 20px 28px; background: #f8fafc; } .dxtk-quick-head { padding-right: 36px; margin-bottom: 12px; } .dxtk-quick-head h2 { margin: 0 0 4px; font-size: 18px; font-weight: 800; color: #0f172a; word-break: break-word; } .dxtk-quick-head p { margin: 0; font-size: 13px; color: #64748b; } .dxtk-quick-body { max-height: 300px; overflow-y: auto; margin-bottom: 12px; background: #fff; } .dxtk-quick .dxtk-card { margin-bottom: 12px; } .dxtk-quick .dxtk-form-grid { grid-template-columns: 1fr 1fr; } /* Sol menü: Destek Biletleri rozeti yeni gelen talep varken yanıp söner */ .dx-count.is-alert { background: #dc2626 !important; color: #fff !important; animation: dxtkBadgePulse 1.4s ease-in-out infinite; } @keyframes dxtkBadgePulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, .7); } 50% { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0); } } @media (max-width: 991px) { .dxtk-incoming-item { grid-template-columns: 12px minmax(0, 1fr) auto; } .dxtk-incoming-subject { grid-column: 2 / -1; } .dxtk-incoming-time, .dxtk-incoming-cta { display: none; } } @media (prefers-reduced-motion: reduce) { .dxtk-incoming.is-pulsing, .dxtk-incoming.is-pulsing .dxtk-incoming-icon, .dxtk-incoming-item.is-new .dxtk-incoming-dot, .dx-count.is-alert { animation: none; } } .dxtk-notice[hidden] { display: none; } /* Admin üst bar: sayfa içeriğinde başlık zaten varsa üstteki tekrar eden başlığı gizle */ body:has(.admin-main h1) .admin-topbar .dx-topbar-title, .admin-topbar .dx-topbar-title--dup { display: none !important; } .admin-topbar .dx-topbar-title { white-space: nowrap; } /* Destek Biletleri: görünüm seçici (sekmeler) — ikon + ad + açıklama; sayının rengi aciliyeti gösterir */ .dxtk-views { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .dxtk-view { --v: #475569; --v-soft: #f1f5f9; position: relative; flex: 1 1 190px; display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 10px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #0f172a !important; text-decoration: none !important; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .dxtk-view:hover { border-color: var(--v); box-shadow: 0 4px 14px rgba(15, 23, 42, .07); } .dxtk-view:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; } .dxtk-view.is-red { --v: #dc2626; --v-soft: #fef2f2; } .dxtk-view.is-amber { --v: #d97706; --v-soft: #fffbeb; } .dxtk-view.is-blue { --v: #2563eb; --v-soft: #eff6ff; } .dxtk-view.is-green { --v: #059669; --v-soft: #ecfdf5; } .dxtk-view-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; background: var(--v-soft); color: var(--v); font-size: 15px; } .dxtk-view-text { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; } .dxtk-view-label { font-size: 14px; font-weight: 700; white-space: nowrap; } .dxtk-view-hint { font-size: 11.5px; color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dxtk-view-count { flex-shrink: 0; min-width: 30px; padding: 3px 8px; border-radius: 999px; background: #f1f5f9; color: #334155; font-size: 13px; font-weight: 800; text-align: center; } /* Aciliyet: sayı > 0 ise renklenir; sıfırsa sönük kalır */ .dxtk-view.has-items.is-red .dxtk-view-count { background: #dc2626; color: #fff; } .dxtk-view.has-items.is-amber .dxtk-view-count { background: #f59e0b; color: #fff; } .dxtk-view.has-items.is-blue .dxtk-view-count { background: #dbeafe; color: #1d4ed8; } .dxtk-view.has-items.is-green .dxtk-view-count { background: #d1fae5; color: #047857; } .dxtk-view.is-empty .dxtk-view-count { background: #f8fafc; color: #94a3b8; } /* Seçili görünüm: dolu arka plan + alt vurgu */ .dxtk-view.is-active { border-color: var(--v); background: var(--v-soft); box-shadow: inset 0 -3px 0 var(--v); } .dxtk-view.is-active.is-neutral { --v: #2563eb; --v-soft: #eff6ff; } .dxtk-view.is-active .dxtk-view-label { color: var(--v); } @media (max-width: 767px) { .dxtk-views { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; } .dxtk-view { flex: 0 0 210px; } } /* ===== Yönetim › Müşteri kartı (admin/customers/show + partials) ===== */ .dxc { color: #0f172a; } .dxc-hero { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; padding: 18px 20px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; } .dxc-id { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 420px; } .dxc-avatar { flex-shrink: 0; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: #3174f1; color: #fff; font-size: 22px; font-weight: 800; } .dxc-id h1 { margin: 0 0 6px; font-size: 20px; font-weight: 800; line-height: 1.25; color: #0f172a; word-break: break-word; } .dxc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0; font-size: 12.5px; color: #64748b; } .dxc-meta a { color: inherit; } .dxc-meta .fa { margin-right: 3px; opacity: .7; } .dxc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .dxc-actions .btn-sm { border-radius: 8px; font-size: 12.5px; font-weight: 600; } .dxc-actions .btn .fa { margin-right: 3px; } .dxc-actions .dropdown-item { font-size: 13px; } .dxc-pill { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 1.6; white-space: nowrap; background: #f1f5f9; color: #475569; } .dxc-pill.is-green { background: #dcfce7; color: #166534; } .dxc-pill.is-blue { background: #dbeafe; color: #1e40af; } .dxc-pill.is-amber { background: #fef3c7; color: #92400e; } .dxc-pill.is-red { background: #fee2e2; color: #991b1b; } .dxc-pill.is-gray { background: #f1f5f9; color: #475569; } .dxc-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; } .dxc-kpi { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; color: #0f172a; text-decoration: none; transition: border-color .15s, box-shadow .15s; } .dxc-kpi:hover { border-color: #bfd3fb; box-shadow: 0 2px 10px -4px rgba(49, 116, 241, .3); color: #0f172a; text-decoration: none; } .dxc-kpi span { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #64748b; } .dxc-kpi strong { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; } .dxc-kpi small { font-size: 12px; color: #64748b; } .dxc-kpi.is-debit strong { color: #dc2626; } .dxc-kpi.is-credit strong { color: #059669; } .dxc-kpi.is-warn strong { color: #d97706; } @media (max-width: 991.98px) { .dxc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .dxc-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; } /* Müşteri kartı sekmeleri: ikonlu, açık zemin üzerinde; aktif sekme beyaz kart + mavi alt çizgi */ .nav.dxc-tabs { flex-wrap: nowrap; gap: 6px; margin: 10px; padding: 6px; overflow-x: auto; scrollbar-width: thin; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; } .nav.dxc-tabs .nav-item { flex-shrink: 0; } .nav.dxc-tabs .nav-link { position: relative; display: flex; align-items: center; gap: 9px; padding: 10px 18px; font-size: 14px; font-weight: 700; color: #1e293b; white-space: nowrap; background: transparent; border: 1px solid transparent; border-radius: 10px; transition: background .15s, color .15s, border-color .15s; } .nav.dxc-tabs .nav-link .fa { font-size: 16px; width: 18px; text-align: center; color: #1e293b; } .nav.dxc-tabs .nav-link:hover { background: #fff; border-color: #e2e8f0; } .nav.dxc-tabs .nav-link.active { color: #1d4ed8; background: #fff; border-color: #bfdbfe; box-shadow: 0 1px 3px rgba(15, 23, 42, .06); } .nav.dxc-tabs .nav-link.active .fa { color: #1d4ed8; } .nav.dxc-tabs .nav-link.active::after { content: ''; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 3px; border-radius: 3px; background: #3174f1; } .nav.dxc-tabs .nav-link:focus { outline: none; box-shadow: none; } .nav.dxc-tabs .nav-link:focus-visible { outline: 2px solid #93c5fd; outline-offset: 1px; } .nav.dxc-tabs .nav-link span { min-width: 24px; padding: 2px 8px; font-size: 12px; font-weight: 700; background: #e2e8f0; color: #334155; border-radius: 999px; text-align: center; } .nav.dxc-tabs .nav-link.active span { background: #dbeafe; color: #1d4ed8; } .nav.dxc-subtabs .nav-link span { min-width: 20px; padding: 1px 7px; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 11px; text-align: center; } .nav.dxc-subtabs .nav-link.active span { background: #3174f1; color: #fff; } :where(.dxc) .dxc-body { padding: 18px; } @media (max-width: 575.98px) { :where(.dxc) .dxc-body { padding: 12px; } .dxc-hero { padding: 14px; } } .dxc-panel { margin-bottom: 14px; padding: 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; } .dxc-panel:last-child { margin-bottom: 0; } .dxc-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; } .dxc-panel-head h3 { margin: 0; font-size: 14.5px; font-weight: 800; color: #0f172a; } .dxc-panel-head h3 .fa { margin-right: 6px; color: #3174f1; } .dxc-link { font-size: 12.5px; font-weight: 700; } .dxc-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 0; } .dxc-facts dt { margin-bottom: 2px; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #94a3b8; } .dxc-facts dd { margin: 0; font-size: 13.5px; font-weight: 600; color: #0f172a; word-break: break-word; } @media (max-width: 575.98px) { .dxc-facts { grid-template-columns: 1fr; } } .dxc-edit label { font-size: 12.5px; font-weight: 700; color: #334155; } .dxc-edit-actions { display: flex; justify-content: flex-end; gap: 8px; } .dxc-hint { margin: 10px 0; font-size: 12.5px; color: #64748b; } .dxc-hint .fa { color: #3174f1; } .dxc-notes { max-height: 220px; overflow: auto; padding: 10px 12px; border-radius: 8px; background: #f8fafc; font-size: 13px; white-space: pre-wrap; word-break: break-word; color: #334155; } .dxc-empty-line { margin: 0; font-size: 13px; color: #94a3b8; } .dxc-renew { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #f1f5f9; font-size: 13px; } .dxc-renew:first-of-type { border-top: 0; } .dxc-renew .fa { color: #94a3b8; } .dxc-renew-name { min-width: 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxc-renew-name small { display: block; font-weight: 500; color: #94a3b8; } .dxc-renew-date { font-size: 12px; color: #64748b; font-variant-numeric: tabular-nums; } /* Fatura adresleri: ödeme ekranı bileşeninin adres defteri modu */ .dxc-billing .dxbp.is-book { margin: 0; padding: 0; border: 0; box-shadow: none; background: none; } .dxbp.is-book .checkout_box_title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 14.5px; font-weight: 800; color: #0f172a; } .dxbp.is-book .dxbp-pick { cursor: default; padding-left: 14px; } .dxbp.is-book .dxbp-card { border-width: 1px; } .dxbp.is-book .dxbp-title, .dxbp.is-book .dxbp-addr { white-space: normal; } .dxbp-tag { margin-left: 8px; padding: 1px 7px; border-radius: 999px; background: #f1f5f9; color: #64748b; font-size: 11px; font-weight: 700; vertical-align: 1px; } .dxbp-meta { font-size: 12.5px; color: #334155; } .dxbp.is-book .dxbp-grid, .dxbp.is-book .dx-addr-grid.is-compact { grid-template-columns: 1fr; } @media (min-width: 1400px) { .dxbp.is-book .dxbp-grid, .dxbp.is-book .dx-addr-grid.is-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .dxbp .form-control[aria-invalid="true"] { border-color: #ef4444; } /* Yönetim (müşteri kartı) fatura adresi formu: sepetteki gibi dolu ve geçerli alanlarda yeşil ✓ */ .dxbp .form-control.is-valid { border-color: #16a34a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px 16px; background-position: right 12px center; padding-right: 38px; } .dxbp select.form-control.is-valid { background-position: right 30px center; padding-right: 54px; } .dxbp textarea.form-control.is-valid { background-position: right 12px top 10px; } .dxbp .form-control.is-valid:focus { border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, .15); } .dxbp.is-book .dxbp-phone .dxbp-cc { height: calc(1.5em + .75rem + 2px); } .dxbp.is-book .dxbp-type { min-height: 38px; font-size: 13.5px; } /* Liste araç çubuğu, alt sekmeler, yıl düğmeleri */ .dxc-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; } .dxc-filters { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .dxc-filters .form-control-sm { width: auto; min-width: 150px; border-radius: 8px; } .dxc-filters input[type=search] { min-width: 220px; } .dxc-filters .btn-sm { border-radius: 8px; font-weight: 600; } .nav.dxc-subtabs { gap: 6px; flex-wrap: wrap; } .nav.dxc-subtabs .nav-link { display: flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; color: #475569; font-size: 13px; font-weight: 700; } .nav.dxc-subtabs .nav-link .fa { opacity: .7; } .nav.dxc-subtabs .nav-link.active { background: #fff; border-color: #3174f1; color: #1d4ed8; box-shadow: 0 1px 4px rgba(49, 116, 241, .18); } .dxc-years { display: flex; flex-wrap: wrap; gap: 6px; } .dxc-year { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: 6px 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; color: #475569; cursor: pointer; text-align: left; line-height: 1.3; } .dxc-year strong { font-size: 13.5px; color: #0f172a; } .dxc-year span { font-size: 11px; color: #64748b; white-space: nowrap; } .dxc-year:hover { border-color: #bfd3fb; } .dxc-year.is-active { background: #fff; border-color: #3174f1; box-shadow: 0 1px 4px rgba(49, 116, 241, .18); } .dxc-year.is-active strong { color: #1d4ed8; } .dxc-section { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 14.5px; font-weight: 800; color: #0f172a; } .dxc-section span { padding: 1px 7px; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 11px; } .dxc-table { margin: 0; font-size: 13px; } .dxc-table thead th { padding: 9px 10px; border-top: 0; border-bottom: 1px solid #e2e8f0; background: #f8fafc; color: #64748b; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; } .dxc-table td { padding: 9px 10px; vertical-align: middle; border-top: 1px solid #f1f5f9; } .dxc-table tbody tr:hover { background: #f8fafc; } .dxc-table .btn-xs { padding: 2px 9px; font-size: 12px; border-radius: 6px; } .dxc-strong { font-weight: 700; color: #0f172a; } a.dxc-strong:hover { color: #1d4ed8; } .dxc-sub { display: block; font-size: 11.5px; color: #94a3b8; } .dxc-table .dxc-items { max-width: 420px; } .dxc-more { margin-left: 6px; padding: 1px 6px; border-radius: 6px; background: #f1f5f9; color: #64748b; font-size: 11px; font-weight: 700; white-space: nowrap; } .dxc-date { font-variant-numeric: tabular-nums; white-space: nowrap; } .dxc-date.is-soon { color: #b45309; font-weight: 700; } .dxc-date.is-past { color: #dc2626; font-weight: 700; } .dxc-disk { min-width: 130px; } .dxc-bar { display: block; height: 5px; margin-bottom: 3px; border-radius: 3px; background: #e2e8f0; overflow: hidden; } .dxc-bar span { display: block; height: 100%; background: #3174f1; } .dxc-bar span.is-hot { background: #dc2626; } .dxc-disk small { color: #64748b; white-space: nowrap; } .dxc-norow td { padding: 22px 10px; text-align: center; color: #94a3b8; } /* Cari ekstre: satır → belge önizleme */ .dx-ledger-table tr.is-doc { cursor: pointer; } .dx-ledger-table tr.is-doc:hover td { background: #eff6ff; } .dx-ledger-table tr.is-doc:focus { outline: 2px solid rgba(49, 116, 241, .5); outline-offset: -2px; } .dx-ledger-table tr.is-doc .dx-ledger-doc .fa { margin-right: 4px; color: #3174f1; } .dx-doc-modal .modal-xl { max-width: min(1000px, calc(100vw - 24px)); } .dx-doc-modal .modal-header { padding: 10px 16px; } .dx-doc-modal .modal-title { font-size: 15px; font-weight: 800; } .dx-doc-modal .dx-doc-newtab { margin-left: auto; margin-right: 12px; align-self: center; font-size: 12.5px; font-weight: 700; white-space: nowrap; } .dx-doc-modal .modal-body { padding: 0; background: #f1f5f9; } .dx-doc-modal iframe { display: block; width: 100%; height: min(80vh, 1100px); border: 0; border-radius: 0 0 6px 6px; } /* Belge önizleme (admin/customers/document) */ body.dxmk.is-embedded .dxmk-toolbar { padding: 8px 14px; } body.dxmk.is-embedded .dxmk-sheet { margin: 12px auto; } .dxdoc-code { display: block; font-size: 10px; color: #94a3b8; } .dxdoc-empty { text-align: center; color: #94a3b8; } .dxdoc-totals { width: auto; min-width: 280px; margin-left: auto; } .dxdoc-totals td { padding: 6px 10px; } .dxdoc-totals tr.is-grand td { background: #eff6ff; font-size: 13.5px; font-weight: 800; border-bottom: 2px solid #2563eb; } @media print { .dxdoc-totals tr.is-grand td { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } .dxtk-mail-opt { margin: 0 4px; } .dxtk-mail-opt[hidden] { display: none; } /* ===== Yönetim › liste arama/filtre çubuğu (admin/customers/index) — tek parça, eşit yükseklik, mavi odak halkası yok ===== */ .dx-filterbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; } .dx-filterbar-search { position: relative; flex: 1 1 320px; min-width: 0; margin: 0; } .dx-filterbar-search .fa { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 14px; pointer-events: none; } .dx-filterbar input[type=search], .dx-filterbar select { height: 42px; margin: 0; border: 1px solid #e2e8f0; border-radius: 9px; background-color: #f8fafc; color: #0f172a; font-size: 13.5px; outline: none; box-shadow: none; transition: border-color .15s, background-color .15s; } .dx-filterbar input[type=search] { width: 100%; padding: 0 14px 0 40px; } .dx-filterbar input[type=search]::placeholder { color: #94a3b8; } .dx-filterbar select { flex: 0 1 190px; min-width: 150px; padding: 0 34px 0 12px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; } .dx-filterbar input[type=search]:hover, .dx-filterbar select:hover { border-color: #cbd5e1; } .dx-filterbar input[type=search]:focus, .dx-filterbar select:focus { border-color: #94a3b8; background-color: #fff; outline: none; box-shadow: none; } .dx-filterbar-btn { height: 42px; padding: 0 22px; border: 0; border-radius: 9px; background: #3174f1; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; } .dx-filterbar-btn:hover { background: #1d5fd6; } .dx-filterbar-btn:focus { outline: none; box-shadow: none; } .dx-filterbar-btn:focus-visible, .dx-filterbar-clear:focus-visible { outline: 2px solid #94a3b8; outline-offset: 2px; } .dx-filterbar-clear { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #e2e8f0; border-radius: 9px; color: #64748b; background: #fff; } .dx-filterbar-clear:hover { color: #dc2626; border-color: #fecaca; background: #fef2f2; text-decoration: none; } @media (max-width: 767.98px) { .dx-filterbar select { flex: 1 1 calc(50% - 4px); } .dx-filterbar-btn { flex: 1 1 auto; } } /* Müşteri listesi bakiye: borçlu kırmızı, alacaklı yeşil (B / A) */ .dx-list-balance { font-size: 13px; font-weight: 700; color: #64748b; white-space: nowrap; font-variant-numeric: tabular-nums; } .dx-list-balance.is-debit { color: #dc2626; } .dx-list-balance.is-credit { color: #059669; } .dx-list-balance small { margin-left: 3px; font-size: 10.5px; font-weight: 800; opacity: .85; } /* Belge önizleme: yükleniyor göstergesi (yearly-ledger modal) */ .dx-doc-modal .modal-body { position: relative; min-height: 240px; } .dx-doc-loading { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: #f1f5f9; color: #334155; text-align: center; padding: 20px; } .dx-doc-loading[hidden] { display: none; } .dx-doc-loading strong { font-size: 14.5px; } .dx-doc-loading small { font-size: 12.5px; color: #64748b; } .dx-doc-spinner { width: 38px; height: 38px; border: 4px solid #dbeafe; border-top-color: #3174f1; border-radius: 50%; animation: dx-doc-spin .8s linear infinite; } @keyframes dx-doc-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .dx-doc-spinner { animation-duration: 2.4s; } } /* Ek dosya önizleme penceresi (public/source-assets/dx-attachment-preview.js) — yönetim ve müşteri paneli */ .dx-preview { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 64px 70px 24px; background: rgba(15, 23, 42, .88); } .dx-preview[hidden] { display: none; } body.dx-preview-open { overflow: hidden; } .dx-preview-bar { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 12px; padding: 12px 18px; color: #fff; font-size: 14px; } .dx-preview-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-preview-pos { color: #cbd5e1; font-size: 13px; } .dx-preview-btn { padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 8px; color: #fff !important; font-size: 13px; font-weight: 600; text-decoration: none !important; } .dx-preview-btn:hover { background: rgba(255, 255, 255, .12); } .dx-preview-close { width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 24px; line-height: 1; } .dx-preview-stage { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .dx-preview-stage img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; background: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, .45); } .dx-preview-stage video { max-width: 100%; max-height: 100%; border-radius: 8px; background: #000; box-shadow: 0 20px 50px rgba(0, 0, 0, .45); } .dx-preview-stage iframe { width: min(1100px, 100%); height: 100%; border: 0; border-radius: 8px; background: #fff; } .dx-preview-error { color: #fff; font-size: 15px; } .dx-preview-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 30px; line-height: 1; } .dx-preview-nav:hover, .dx-preview-close:hover { background: rgba(255, 255, 255, .28); } .dx-preview-nav.is-prev { left: 14px; } .dx-preview-nav.is-next { right: 14px; } .dx-preview-nav[hidden] { display: none; } .dx-preview button:focus-visible, .dx-preview a:focus-visible { outline: 2px solid #93c5fd; outline-offset: 2px; } .dxtk-file .fa-eye, .dxt-file .fa-eye { color: #2563eb; } @media (max-width: 640px) { .dx-preview { padding: 58px 8px 12px; } .dx-preview-newtab, .dx-preview-pos { display: none; } .dx-preview-nav { width: 38px; height: 38px; } } /* Belge önizleme: iade / iptal uyarısı */ .dxmk-alert.is-danger { border-left-color: #dc2626; background: #fef2f2; color: #991b1b; font-weight: 600; } /* Belge önizleme (admin/customers/document): tek sayfa yazdırma — sayfa sonu bölünmesin */ @media print { body.dxmk .dxmk-sheet { break-inside: avoid; page-break-inside: avoid; } body.dxmk .dxmk-foot { break-before: avoid; } } /* ===== Yönetim › Demo Talepleri (resources/views/admin/demos/index.blade.php) ===== */ #dxDemos { --dxd-border: #e2e8f0; --dxd-muted: #64748b; --dxd-navy: #00071a; } #dxDemos .dxd-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; } #dxDemos .dxd-stat { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--dxd-border); border-radius: 12px; background: #fff; color: inherit; text-decoration: none; transition: border-color .15s, box-shadow .15s; } #dxDemos .dxd-stat:hover { border-color: #bfdbfe; box-shadow: 0 4px 14px rgba(15, 23, 42, .06); } #dxDemos .dxd-stat.is-current { border-color: #3174f1; box-shadow: 0 0 0 1px #3174f1 inset; } #dxDemos .dxd-stat small { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: var(--dxd-muted); } #dxDemos .dxd-stat strong { display: block; font-size: 22px; font-weight: 800; line-height: 1.2; color: var(--dxd-navy); } #dxDemos .dxd-stat-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; height: 44px; border-radius: 10px; font-size: 18px; } #dxDemos .dxd-stat-icon.is-blue { background: #eff6ff; color: #3174f1; } #dxDemos .dxd-stat-icon.is-amber { background: #fef3c7; color: #d97706; } #dxDemos .dxd-stat-icon.is-sky { background: #e0f2fe; color: #0284c7; } #dxDemos .dxd-stat-icon.is-green { background: #ecfdf5; color: #059669; } #dxDemos strong.is-amber { color: #d97706; } #dxDemos strong.is-sky { color: #0284c7; } #dxDemos strong.is-green { color: #059669; } #dxDemos .dxd-card { border: 1px solid var(--dxd-border); border-radius: 12px; background: #fff; overflow: hidden; } #dxDemos .dxd-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px 0; } #dxDemos .dxd-card-head h2 { margin: 0; font-size: 16px; font-weight: 800; color: var(--dxd-navy); } #dxDemos .dxd-card-head p { margin: 2px 0 0; font-size: 13px; color: var(--dxd-muted); } #dxDemos .dxd-trash-link { flex: 0 0 auto; border: 1px solid var(--dxd-border); color: #475569; font-weight: 600; } #dxDemos .dxd-trash-link i { margin-right: 4px; } #dxDemos .dxd-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 20px; border-bottom: 1px solid var(--dxd-border); } #dxDemos .dxd-tabs { display: flex; gap: 4px; flex-wrap: wrap; padding: 3px; border-radius: 10px; background: #f1f5f9; } #dxDemos .dxd-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #475569; text-decoration: none; white-space: nowrap; } #dxDemos .dxd-tabs a:hover { color: #0f172a; } #dxDemos .dxd-tabs a.is-active { background: #fff; color: #3174f1; box-shadow: 0 1px 3px rgba(15, 23, 42, .1); } #dxDemos .dxd-tabs a span { padding: 1px 7px; border-radius: 999px; background: #e2e8f0; font-size: 11.5px; color: #475569; } #dxDemos .dxd-tabs a.is-active span { background: #eff6ff; color: #3174f1; } #dxDemos .dxd-search { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; } #dxDemos .dxd-search select { width: auto; min-width: 140px; } #dxDemos .dxd-search-box { position: relative; } #dxDemos .dxd-search-box i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 13px; } #dxDemos .dxd-search-box input { width: 240px; padding-left: 30px; } #dxDemos .dxd-table { font-size: 13px; } #dxDemos .dxd-table thead th { padding: 10px 12px; border-top: 0; border-bottom: 1px solid var(--dxd-border); background: #f8fafc; font-size: 11.5px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: var(--dxd-muted); white-space: nowrap; } #dxDemos .dxd-table td { padding: 12px; border-top: 1px solid #f1f5f9; vertical-align: top; } #dxDemos .dxd-table tbody tr:hover { background: #fafcff; } #dxDemos .dxd-table tbody tr.is-selected { background: #eff6ff; } #dxDemos .dxd-check { width: 36px; padding-right: 0 !important; } #dxDemos .dxd-check input { margin-top: 3px; } #dxDemos .dxd-name { font-weight: 700; color: var(--dxd-navy); } #dxDemos .dxd-table td:nth-child(2) { min-width: 220px; } #dxDemos .dxd-sub { font-size: 12.5px; color: var(--dxd-muted); } #dxDemos .dxd-note { max-width: 320px; margin-top: 6px; padding: 4px 8px; border-radius: 6px; background: #f8fafc; font-size: 12px; font-style: italic; color: #475569; } #dxDemos .dxd-note i { margin-right: 3px; font-style: normal; color: #94a3b8; } #dxDemos .dxd-contact a { display: flex; align-items: center; gap: 6px; color: #334155; text-decoration: none; white-space: nowrap; } #dxDemos .dxd-contact a.dxd-sub { color: var(--dxd-muted); } #dxDemos .dxd-contact a:hover { color: #3174f1; } #dxDemos .dxd-contact i { width: 12px; color: #94a3b8; } #dxDemos .dxd-product { display: inline-block; padding: 3px 9px; border-radius: 6px; background: #eff6ff; color: #1d4ed8; font-size: 12px; font-weight: 700; white-space: nowrap; } #dxDemos .dxd-status { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; white-space: nowrap; } #dxDemos .dxd-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } #dxDemos .dxd-status.is-new { background: #fffbeb; color: #b45309; } #dxDemos .dxd-status.is-contacted { background: #e0f2fe; color: #0369a1; } #dxDemos .dxd-status.is-won { background: #ecfdf5; color: #047857; } #dxDemos .dxd-status.is-cancelled { background: #f1f5f9; color: #64748b; } #dxDemos .dxd-date { white-space: nowrap; color: #334155; } #dxDemos .dxd-date span { display: block; font-size: 12px; color: #94a3b8; } #dxDemos .dxd-actions { text-align: right; white-space: nowrap; } #dxDemos .dxd-actions .btn { width: 32px; height: 32px; padding: 0; border: 1px solid var(--dxd-border); color: #475569; } #dxDemos .dxd-actions .btn:hover { border-color: #bfdbfe; color: #3174f1; } #dxDemos .dxd-actions .dxd-delete:hover { border-color: #fecaca; background: #fef2f2; color: #dc2626; } #dxDemos .dxd-pager { padding: 12px 20px; border-top: 1px solid var(--dxd-border); } #dxDemos .dxd-empty { padding: 48px 16px; text-align: center; color: var(--dxd-muted); } #dxDemos .dxd-empty > i { font-size: 32px; opacity: .4; } #dxDemos .dxd-empty p { margin: 8px 0 0; } #dxDemos .modal-title { font-size: 16px; font-weight: 800; color: var(--dxd-navy); } #dxDemos .modal label { font-size: 12.5px; font-weight: 700; color: #475569; } @media (max-width: 1199.98px) { #dxDemos .dxd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { #dxDemos .dxd-card-head, #dxDemos .dxd-toolbar, #dxDemos .dxd-pager { padding-left: 14px; padding-right: 14px; } #dxDemos .dxd-search, #dxDemos .dxd-search-box { width: 100%; } #dxDemos .dxd-search-box { flex: 1 1 auto; width: auto; } #dxDemos .dxd-search-box input { width: 100%; } } @media (max-width: 575.98px) { #dxDemos .dxd-stats { gap: 10px; } #dxDemos .dxd-stat { padding: 12px; gap: 10px; } #dxDemos .dxd-stat-icon { flex-basis: 36px; height: 36px; font-size: 15px; } } #dxDemos .dxd-head-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } #dxDemos .dxd-unread-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #3174f1; vertical-align: middle; } #dxDemos .dxd-table tbody tr.is-unread { background: #f8fbff; } /* Yönetim paneli: form doğrulama hataları özeti (admin/layout.blade.php) */ .dx-validation-alert { border-radius: 10px; border-left: 4px solid #ef4444; box-shadow: 0 2px 8px rgba(239, 68, 68, .12); margin-bottom: 20px; } .dx-validation-alert ul { padding-left: 20px; font-weight: 500; } /* ===== Yönetim › Müşteri listesi (admin/customers/index): segmentler, filtre/araç satırı, tablo, sayfalama ===== */ .dxcl { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; } .dxcl-segments { display: flex; gap: 4px; padding: 0 12px; overflow-x: auto; scrollbar-width: thin; border-bottom: 1px solid #e2e8f0; background: #fff; } .dxcl-seg { position: relative; display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 16px 14px 14px; color: #334155; font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: none; } .dxcl-seg .fa { font-size: 15px; color: #475569; } .dxcl-seg span { padding: 2px 8px; border-radius: 999px; background: #f1f5f9; color: #334155; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; } .dxcl-seg:hover { color: #0f172a; text-decoration: none; background: #f8fafc; } .dxcl-seg.is-active { color: #1d4ed8; font-weight: 700; } .dxcl-seg.is-active .fa { color: #1d4ed8; } .dxcl-seg.is-active span { background: #dbeafe; color: #1d4ed8; } .dxcl-seg.is-active::after { content: ''; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: #3174f1; } .dxcl-seg.is-risk span { background: #fee2e2; color: #b91c1c; } .dxcl-seg:focus { outline: none; } .dxcl-seg:focus-visible { outline: 2px solid #93c5fd; outline-offset: -2px; } .dxcl-filters { padding: 16px 16px 0; } .dxcl-filters .dx-filterbar { padding: 0; border: 0; border-radius: 0; } .dxcl-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 0; } .dxcl-toolbar-left, .dxcl-toolbar-right { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .dxcl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; padding: 0 14px; border: 1px solid #e2e8f0; border-radius: 9px; background: #fff; color: #1e293b; font-size: 14px; font-weight: 700; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background .15s, border-color .15s; } .dxcl-btn:hover { background: #f8fafc; border-color: #cbd5e1; color: #0f172a; text-decoration: none; } .dxcl-btn:focus { outline: none; box-shadow: none; } .dxcl-btn:focus-visible { outline: 2px solid #93c5fd; outline-offset: 1px; } .dxcl-btn.is-on { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; } .dxcl-btn.is-ghost { color: #475569; } .dxcl-btn.is-disabled { opacity: .5; pointer-events: none; } .dxcl-btn.is-primary { border-color: #3174f1; background: #3174f1; color: #fff; } .dxcl-btn.is-primary:hover { border-color: #1d5fd6; background: #1d5fd6; color: #fff; } .dxcl-btn.is-success { border-color: #86efac; background: #f0fdf4; color: #15803d; } .dxcl-btn.is-success:hover { background: #dcfce7; color: #166534; } .dxcl-btn.is-icon { width: 40px; padding: 0; } .dxcl-btn.is-sm { height: 34px; padding: 0 12px; font-size: 13px; border-radius: 8px; } .dxcl-btn.is-icon.is-sm { width: 34px; padding: 0; } .dxcl-btn.is-split-main { border-radius: 8px 0 0 8px; } .dxcl-btn.is-split-caret { width: 30px; padding: 0; border-left-color: rgba(255, 255, 255, .35); border-radius: 0 8px 8px 0; } .dxcl-dot { width: 7px; height: 7px; border-radius: 50%; background: #3174f1; } .dxcl-link { border: 0; background: none; padding: 0; color: #64748b; font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: underline; } .dxcl-bulk { display: inline-flex; align-items: center; gap: 10px; margin-left: 6px; padding-left: 14px; border-left: 1px solid #e2e8f0; color: #334155; font-size: 13.5px; } .dxcl-bulk[hidden] { display: none; } .dxcl-advanced { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-bottom: 14px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; } .dxcl-advanced[hidden] { display: none; } .dxcl-advanced label { display: flex; flex-direction: column; gap: 5px; margin: 0; color: #475569; font-size: 12.5px; font-weight: 700; } .dxcl-advanced select, .dxcl-advanced input { height: 40px; min-width: 170px; padding: 0 10px; border: 1px solid #e2e8f0; border-radius: 9px; background: #fff; color: #0f172a; font-size: 13.5px; outline: none; } .dxcl-advanced select:focus, .dxcl-advanced input:focus { border-color: #94a3b8; box-shadow: none; } .dxcl-advanced .dx-filterbar-btn { height: 40px; } .dxcl-table { margin: 0; font-size: 13px; } .dxcl-table thead th { padding: 12px 10px; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; background: #f8fafc; color: #1e293b; font-size: 13px; font-weight: 700; white-space: nowrap; vertical-align: middle; } .dxcl-table td { padding: 12px 10px; border-top: 1px solid #f1f5f9; vertical-align: middle; } .dxcl-table tbody tr:hover { background: #f8fafc; } .dxcl-table tbody tr.is-selected { background: #eff6ff; } .dxcl-check { width: 40px; text-align: center; } .dxcl-check input { width: 17px; height: 17px; accent-color: #3174f1; cursor: pointer; vertical-align: middle; } .dxcl-id { color: #475569; font-weight: 600; white-space: nowrap; } .dxcl-id small { display: block; color: #94a3b8; font-size: 11.5px; font-weight: 500; } .dxcl-who { display: flex; align-items: center; gap: 12px; min-width: 220px; max-width: 320px; } .dxcl-avatar { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f3e8ff; color: #7c3aed; font-size: 16px; font-weight: 800; } .dxcl-avatar.is-corp { background: #e0ecff; color: #2563eb; } .dxcl-who-text { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; } .dxcl-who-text a, .dxcl-who-text strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0f172a; font-size: 14px; font-weight: 700; } .dxcl-who-text a:hover { color: #1d4ed8; } .dxcl-who-text small { color: #64748b; font-size: 12px; } .dxcl-who-text small .fa { opacity: .7; margin-right: 2px; } .dxcl-tag { margin-top: 2px; padding: 1px 8px; border-radius: 5px; background: #f1f5f9; color: #334155; font-size: 11px; font-weight: 700; } .dxcl-tag.is-corp { background: #dbeafe; color: #1d4ed8; } .dxcl-contact { display: table-cell; min-width: 200px; } .dxcl-contact a, .dxcl-contact span, .dxcl-contact small { display: block; line-height: 1.6; } .dxcl-contact > a { color: #2563eb; font-weight: 600; } .dxcl-contact span { color: #475569; } .dxcl-contact small { color: #64748b; font-size: 12px; } .dxcl-contact .fa { width: 14px; margin-right: 3px; color: #2563eb; opacity: .85; } .dxcl-contact small .fa { color: #94a3b8; } .dxcl-wa, .dxcl-contact .dxcl-wa { display: inline; margin-left: 4px; color: #16a34a; } .dxcl-wa .fa { color: #16a34a; } .dxcl-type { display: inline-block; padding: 3px 10px; border-radius: 6px; background: #f3e8ff; color: #7c3aed; font-size: 12px; font-weight: 700; } .dxcl-type.is-corp { background: #e0ecff; color: #1d4ed8; } .dxcl-svc { display: flex; gap: 4px; } .dxcl-svc span { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border: 1px solid #e2e8f0; border-radius: 6px; color: #94a3b8; font-size: 12px; font-weight: 700; white-space: nowrap; } .dxcl-svc span.is-on { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; } .dxcl-status { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border: 0; border-radius: 6px; background: #e2e8f0; color: #475569; font-size: 12px; font-weight: 700; cursor: pointer; } .dxcl-status.is-on { background: #16a34a; color: #fff; } .dxcl-status.is-deleted { background: #fee2e2; color: #b91c1c; cursor: default; } .dxcl-status:focus { outline: none; } .dxcl-last { color: #1e293b; white-space: nowrap; font-variant-numeric: tabular-nums; } .dxcl-last small { display: block; color: #64748b; font-size: 12px; } .dxcl-actions { display: inline-flex; align-items: center; gap: 6px; } .dxcl-actions .dropdown-item { font-size: 13px; } .dxcl-empty { padding: 48px 12px !important; text-align: center; color: #94a3b8; } .dxcl-empty .fa { display: block; margin-bottom: 10px; font-size: 26px; } .dxcl-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; border-top: 1px solid #e2e8f0; color: #475569; font-size: 13.5px; } .dxcl-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .dxcl-pager nav { display: flex; flex-wrap: wrap; gap: 4px; } .dxcl-pager nav a, .dxcl-pager nav .is-gap { min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #334155; font-weight: 600; text-decoration: none; } .dxcl-pager nav .is-gap { border-color: transparent; background: none; } .dxcl-pager nav a:hover { background: #f8fafc; border-color: #cbd5e1; } .dxcl-pager nav a.is-active { border-color: #3174f1; background: #3174f1; color: #fff; } .dxcl-pager nav a.is-disabled { opacity: .4; pointer-events: none; } .dxcl-pager select { height: 36px; padding: 0 30px 0 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #334155; font-size: 13px; font-weight: 600; outline: none; } @media (max-width: 767.98px) { .dxcl-filters { padding: 12px 12px 0; } .dxcl-toolbar-right { width: 100%; } .dxcl-foot { justify-content: center; } } /* Müşteri listesi: tablo tek ekrana sığsın (ad / e-posta uzunsa … ile kısalır, tam hali title'da) */ .dxcl-table td, .dxcl-table thead th { padding-left: 8px; padding-right: 8px; } .dxcl-who { min-width: 200px; max-width: 250px; gap: 10px; } .dxcl-avatar { width: 36px; height: 36px; font-size: 15px; } .dxcl-contact { min-width: 0; max-width: 210px; } .dxcl-contact > a, .dxcl-contact small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxcl-svc { gap: 3px; } .dxcl-svc span { padding: 2px 5px; gap: 3px; } .dxcl-seg { padding: 15px 11px 13px; font-size: 13.5px; gap: 7px; } .dxcl-segments { gap: 0; padding: 0 8px; } .dxcl-who { max-width: 225px; } .dxcl-who-text small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxcl-contact { max-width: 190px; } .dxcl-check { width: 34px; } .dxcl-table td, .dxcl-table thead th { padding-left: 7px; padding-right: 7px; } .dxcl-last { font-size: 12.5px; } /* Yönetim paneli üst bar: Kural 6 bilgi rozeti (admin/partials/header.blade.php) */ .dx-rule6-badge { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; font-size: 11px; font-weight: 700; } a.dx-rule6-badge:hover, a.dx-rule6-badge:focus { color: #065f46; text-decoration: none; } /* Önbellekteki sayfaların ortak footer'ı (.dx-main-footer-wrapper): genişlik ve kenar hizası ortak header (.dxh-inner) ve #dxFooter ile aynı */ .dx-main-footer-wrapper > .container{max-width:1320px;padding-left:15px;padding-right:15px} .dx-main-footer-wrapper .new-footer{padding-left:0;padding-right:0} /* Genel 404 (errors/partials/404-public.blade.php) — daynex.com.tr 404 kartı; header/footer yok, ekranda ortalı tek kart */ body.dx-nf-page{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#eef2f6 100%);color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .dx-nf-page *{box-sizing:border-box} .dx-nf-card{position:relative;overflow:hidden;width:100%;max-width:680px;padding:44px 40px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.08),0 1px 3px rgba(15,23,42,.04);text-align:center} .dx-nf-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1,#a855f7)} .dx-nf-logo{display:block;width:140px;margin:0 auto 18px} .dx-nf-logo img{display:block;width:140px;height:auto} .dx-nf-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 16px;border:1px solid #ede9fe;border-radius:9999px;background:#f5f3ff;color:#6d28d9;font-size:13px;font-weight:600} .dx-nf-code{margin-bottom:8px;font-size:64px;font-weight:800;line-height:1;letter-spacing:-2px;background:linear-gradient(135deg,#206cdd 0%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#206cdd} .dx-nf-card h1{margin:0 0 12px;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.4px;color:#0f172a} .dx-nf-lead{max-width:540px;margin:0 auto 24px;font-size:14px;line-height:1.6;color:#64748b} .dx-nf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:26px;text-align:left} .dx-nf-quick{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#0f172a;text-decoration:none;transition:border-color .18s,background .18s,transform .18s} .dx-nf-quick:hover,.dx-nf-quick:focus-visible{border-color:#206cdd;background:#eff6ff;color:#0f172a;text-decoration:none;transform:translateY(-1px)} .dx-nf-quick-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:15px} .dx-nf-quick-text strong{display:block;font-size:13px;font-weight:600;color:#0f172a} .dx-nf-quick-text small{display:block;font-size:11px;color:#64748b} .dx-nf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px} .dx-nf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid #e2e8f0;border-radius:12px;background:#f1f5f9;color:#334155;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s} .dx-nf-btn:hover{background:#e2e8f0;color:#0f172a;text-decoration:none} .dx-nf-btn.is-primary{border-color:transparent;background:#206cdd;color:#fff;box-shadow:0 4px 14px rgba(32,108,221,.25)} .dx-nf-btn.is-primary:hover{background:#1956b3;color:#fff;box-shadow:0 6px 20px rgba(32,108,221,.35);transform:translateY(-1px)} .dx-nf-page a:focus-visible{outline:3px solid #93b4f8;outline-offset:3px} .dx-nf-support{padding-top:18px;border-top:1px solid #f1f5f9;font-size:12.5px;line-height:1.6;color:#64748b} .dx-nf-support a{color:#206cdd;font-weight:600;text-decoration:none} .dx-nf-support a:hover{text-decoration:underline} @media(max-width:600px){.dx-nf-card{padding:30px 18px;border-radius:18px}.dx-nf-code{font-size:52px}.dx-nf-card h1{font-size:20px}.dx-nf-grid{grid-template-columns:1fr}.dx-nf-btn{width:100%}} @media(prefers-reduced-motion:reduce){.dx-nf-quick,.dx-nf-btn{transition:none}.dx-nf-quick:hover,.dx-nf-btn.is-primary:hover{transform:none}} /* Önbellekteki sayfaların ortak footer'ı — tablet/mobil düzeni yeni footer (#dxFooter) ile aynı: 1100px altında sarar, 767px altında alt alta ve ortalı */ @media (max-width: 1100px) { .dx-main-footer-wrapper .dx-footer-inner-wrapper.companied { flex-wrap: wrap; justify-content: space-around; row-gap: 30px; column-gap: 24px; } .dx-main-footer-wrapper .dx-menu-list { height: auto; min-width: 160px; } .dx-main-footer-wrapper .dx-menu-flex { flex-wrap: wrap; justify-content: flex-end; row-gap: 6px; } .dx-main-footer-wrapper .dx-menu-flex li, .dx-main-footer-wrapper .dx-menu-flex a { white-space: nowrap; } } @media (max-width: 767px) { .dx-main-footer-wrapper .dx-footer-inner-wrapper.companied { flex-direction: column; align-items: center; justify-content: flex-start; gap: 28px; margin: 28px 0; text-align: center; } .dx-main-footer-wrapper .dx-company { display: flex; flex-direction: column; align-items: center; gap: 14px; } .dx-main-footer-wrapper .dx-company img.d_k_logo { width: 190px; max-width: 100%; height: auto; } .dx-main-footer-wrapper .companied .dx-company-socials { justify-content: center; margin: 0; padding: 0; } .dx-main-footer-wrapper .dx-menu-list { display: flex; flex-direction: column; align-items: center; min-width: 0; width: 100%; padding: 0; } .dx-main-footer-wrapper .dx-menu-title { display: block; margin-bottom: 10px; font-size: 21px; } .dx-main-footer-wrapper .dx-menu { display: flex; flex-direction: column; align-items: center; gap: 0; margin: 0; padding: 0; } .dx-main-footer-wrapper .dx-menu li { margin: 0; padding: 0; } .dx-main-footer-wrapper .dx-menu a { display: inline-flex; align-items: center; min-height: 32px; white-space: nowrap; } .dx-main-footer-wrapper .dx-menu a span { display: inline-flex; align-items: center; gap: 8px; } .dx-main-footer-wrapper .dx-menu a img { margin: 0; } .dx-main-footer-wrapper .dx-etbis-menus { display: flex; justify-content: center; } .dx-main-footer-wrapper .dx-social-meta-menus { display: flex; flex-direction: column; align-items: center; gap: 8px; } .dx-main-footer-wrapper .dx-second-flex-general { display: flex; justify-content: center; gap: 8px; } .dx-main-footer-wrapper .dx-footer-bottom-inner { padding: 16px 0 20px; } .dx-main-footer-wrapper .dx-footer-bottom-inner > .new_dropdownMenu { max-width: none !important; justify-content: center; } .dx-main-footer-wrapper .dx-footer-botttom > .container { padding-left: 15px; padding-right: 15px; } } /* Mobil yatay taşma düzeltmeleri (önbellekteki eski sayfalar, ≤767px). Önbelleğe yalnız masaüstü şablon alındığı için bu bloklar telefonda masaüstü düzeninde kalıp ekranı aşıyordu. */ @media (max-width: 767px) { /* Kurumsal Web: adım başlıkları satır içi white-space:nowrap ile tek satıra zorlanıyordu */ .step_block .step_text h4 { white-space: normal !important; overflow-wrap: anywhere; } /* Kurumsal Web "İletişimde kalın" kartları: köşeye sabitli "Opsiyonel" etiketi başlığın üstüne biniyordu; kart içinde başlığın üstüne alınır */ .feature-current-item-style1 .optional-absolute-icon { position: static !important; display: flex; justify-content: flex-end; margin: 0 0 6px; } .feature-current-item-style1 { flex-shrink: 0; } .feature-current-item-style1 .inner-box { min-height: 130px; } /* Sonraki bölümün -30px üst boşluğu son kartın (Facebook Messenger) üstüne biniyordu */ .kurumsal-web #daynex_addon_82 { margin-top: 24px !important; } /* Connect Master: tanıtım görseli tasarım gereği %118 genişlikte kenarlara taşırılıyor; sayfa kenarında kırpılır */ .cm-page { overflow-x: clip; } /* B2B ana sayfa: üç sütunlu karşılama bandı ve modül kartları tek sütuna iner */ .dx-welcome-banner { display: flex !important; flex-direction: column; gap: 22px; min-width: 0; } .dx-welcome-banner > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .dx-welcome-banner .dx-column-center { order: -1; position: relative; display: flex; flex-direction: column; align-items: center; } .dx-welcome-banner .dx-center-image { width: 100% !important; display: flex; justify-content: center; } .dx-welcome-banner img.center-content-image { position: static !important; width: 100% !important; max-width: 380px !important; min-width: 0 !important; height: auto !important; margin: 0 auto; transform: none !important; } .dx-welcome-banner .dx-free-badge { position: static !important; transform: none !important; width: 150px !important; height: 150px !important; margin: -36px auto 0 !important; font-size: 15px !important; } .dx-welcome-banner .dx-free-badge span { font-size: 17px !important; line-height: 1.25; } .dx-welcome-banner .dx-free-badge .big { font-size: 16px !important; } .dx-welcome-banner .dx-section-title, .dx-welcome-banner .dx-section-title span { display: block; white-space: normal; } .dx-welcome-banner .integration-collapser { display: flex; flex-wrap: wrap; gap: 8px; } .dx-welcome-banner .dx-column-right { display: flex; flex-direction: column; align-items: center; height: auto !important; text-align: center; } .dx-welcome-banner .dx-column-right .dx-section-title, .dx-welcome-banner .dx-column-right .dx-section-title span { color: #1f2937 !important; } .dx-welcome-banner .dx-sector-slide-cont { position: relative !important; display: flex; justify-content: center; width: 100% !important; height: auto !important; margin: 26px 0 0 !important; } .dx-welcome-banner .dx-sector-slide { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; } .dx-btn-section { display: flex !important; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 18px; max-width: 100%; margin-top: 10px; } .dx-btn-section .dx-review-btn { position: relative; width: 290px !important; max-width: 100%; height: 50px !important; padding: 0 84px 0 22px !important; font-size: 17px !important; flex: 0 0 auto; } .dx-btn-section .dx-review-btn.lft-iconed { padding: 0 22px 0 84px !important; } .dx-btn-section .dx-review-icon { width: 58px !important; height: 58px !important; top: -4px !important; left: auto !important; right: 0 !important; } .dx-btn-section .lft-iconed .dx-review-icon { left: 0 !important; right: auto !important; } .dx-btn-section .dx-circle-btn { width: 100px !important; height: 100px !important; min-width: 0; font-size: 18px !important; flex: 0 0 auto; } .dx-prom-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px; } .dx-prom-grid .dx-prom-col { width: 100% !important; min-width: 0; left: auto !important; transform: none !important; } .dx-prom-grid .dx-prom-inner { padding: 0 !important; } .dx-prom-grid span.dx-prom-inner-right { flex-direction: column !important; } .dx-prom-grid .dx-prom-image-flow, .dx-prom-grid .dx-prom-image-flow img { width: 100% !important; max-width: 100% !important; } } /* Banka Bilgileri (/banka-bilgileri) orta bölüm — partials/bank-access.blade.php. Paket yerleşimi + site dili (Hakkımızda/İletişim ile aynı). Önek dxbk-. */ .dxbk-page{--dxbk-ink:#0f172a;--dxbk-text:#475569;--dxbk-muted:#64748b;--dxbk-blue:#3174f1;--dxbk-blue-dark:#1d4ed8;--dxbk-line:#e2e8f0;background:#fff;color:var(--dxbk-ink);font-family:'Nunito',sans-serif} .dxbk-page *{box-sizing:border-box} .dxbk-page .dxbk-wrap{max-width:1320px;margin-inline:auto;padding:56px 15px 64px} /* ortak header (.dxh-inner) ile aynı kenar hizası */ .dxbk-page a{text-decoration:none} .dxbk-page svg{width:20px;height:20px;flex-shrink:0} .dxbk-page h1,.dxbk-page h2{margin:0;font-family:'Nunito',sans-serif;font-weight:800;letter-spacing:-.3px;color:var(--dxbk-ink);text-transform:none} .dxbk-page p{margin:0;font-family:inherit;line-height:1.7;color:var(--dxbk-muted)} .dxbk-page a:focus-visible,.dxbk-page button:focus-visible,.dxbk-page input:focus-visible{outline:3px solid #93b4f8;outline-offset:3px} .dxbk-stripe{display:flex;gap:4px;margin-bottom:14px} .dxbk-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dxbk-stripe i:nth-child(1){background:#d7312c}.dxbk-stripe i:nth-child(2){background:#29579c}.dxbk-stripe i:nth-child(3){background:#33a052}.dxbk-stripe i:nth-child(4){background:#f1bb3c} .dxbk-eyebrow{display:block;margin-bottom:12px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;color:var(--dxbk-blue)} .dxbk-intro{max-width:760px;margin-bottom:36px} .dxbk-intro h1{font-size:clamp(36px,3.6vw,52px);line-height:1.12;letter-spacing:-1px} .dxbk-intro h1 em{font-style:normal;color:var(--dxbk-blue)} .dxbk-intro>p{margin-top:16px;font-size:16px;color:var(--dxbk-text)} .dxbk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start} .dxbk-card{padding:28px;border:1px solid var(--dxbk-line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)} .dxbk-member{background:linear-gradient(180deg,#f8fbff 0%,#fff 60%);border-color:#dbe6fb} .dxbk-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:18px;border-radius:12px;background:#eef4ff;color:var(--dxbk-blue)} .dxbk-icon svg{width:22px;height:22px} .dxbk-card h2{font-size:24px;line-height:1.25} .dxbk-card>p{margin:10px 0 20px;font-size:15px} .dxbk-page .dxbk-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:13px 20px;border:1px solid var(--dxbk-blue);border-radius:8px;background:var(--dxbk-blue);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(49,116,241,.2);transition:background .2s,transform .2s} .dxbk-page .dxbk-primary:hover{background:var(--dxbk-blue-dark);border-color:var(--dxbk-blue-dark);color:#fff;transform:translateY(-1px)} .dxbk-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--dxbk-ink)} .dxbk-form input[type=email]{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--dxbk-ink);font-family:inherit;font-size:16px;box-shadow:none} .dxbk-form input[type=email]:focus{border-color:var(--dxbk-blue);outline:none;box-shadow:0 0 0 3px rgba(49,116,241,.18)} .dxbk-form input[aria-invalid=true]{border-color:#dc2626} .dxbk-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden} .dxbk-note{margin:8px 0 18px!important;font-size:13px} .dxbk-status{min-height:22px;margin-top:12px!important;font-size:14px;font-weight:600} .dxbk-status.is-ok{color:#047857} .dxbk-status.is-error{color:#dc2626} .dxbk-accounts{display:grid;gap:12px;margin-top:4px} .dxbk-account{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:16px;border:1px solid var(--dxbk-line);border-radius:12px;background:#fff} .dxbk-account-head{display:flex;align-items:center;gap:10px;min-height:28px} .dxbk-account-head img{display:block;height:26px;width:auto;max-width:150px;object-fit:contain} .dxbk-account-head strong{font-size:16px;font-weight:800} .dxbk-currency{padding:2px 8px;border-radius:999px;background:#eef4ff;color:var(--dxbk-blue);font-size:12px;font-weight:800} .dxbk-holder{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--dxbk-text)} .dxbk-iban{grid-column:1;font-family:Consolas,Menlo,monospace;font-size:15.5px;font-weight:700;letter-spacing:.4px;color:var(--dxbk-ink);background:none;padding:0;overflow-wrap:anywhere} .dxbk-page .dxbk-copy{grid-column:2;grid-row:1/span 3;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid #dbe6fb;border-radius:8px;background:#eef4ff;color:var(--dxbk-blue);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap} .dxbk-page .dxbk-copy:hover{background:#e0ebff} .dxbk-copy svg{width:16px;height:16px} .dxbk-help{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px 22px;border:1px solid #e3ecfb;border-radius:14px;background:#f5f8ff} .dxbk-help-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--dxbk-blue);border:1px solid #dbe6fb} .dxbk-help strong{display:block;font-size:15px;font-weight:800;color:var(--dxbk-ink)} .dxbk-help p{font-size:14px} .dxbk-page .dxbk-help>a{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:44px;font-size:14px;font-weight:700;color:var(--dxbk-blue);white-space:nowrap} .dxbk-page .dxbk-help>a:hover{color:var(--dxbk-blue-dark)} @media(max-width:800px){ .dxbk-page .dxbk-wrap{padding:28px 15px 40px} .dxbk-intro{margin-bottom:24px} .dxbk-intro h1{font-size:32px;line-height:1.18;letter-spacing:-.6px} .dxbk-intro>p{font-size:14.5px} .dxbk-eyebrow{font-size:10.5px;letter-spacing:1px} .dxbk-grid{grid-template-columns:minmax(0,1fr);gap:16px} .dxbk-card{padding:22px 18px} .dxbk-card h2{font-size:21px} .dxbk-help{flex-wrap:wrap;padding:16px} .dxbk-page .dxbk-help>a{margin-left:0} } @media(max-width:480px){ .dxbk-intro h1{font-size:30px} .dxbk-account{grid-template-columns:minmax(0,1fr)} .dxbk-iban{font-size:13.5px;letter-spacing:0} .dxbk-page .dxbk-copy{grid-column:1;grid-row:auto;justify-content:center;width:100%} } @media(prefers-reduced-motion:reduce){.dxbk-page .dxbk-primary{transition:none}.dxbk-page .dxbk-primary:hover{transform:none}} /* Açılır menü (partials/daynex_header.blade.php .dxh-mega.dxmn) — calismadaynex header-discovery yerleşimi, site dili: açık zemin, Nunito, #3174f1, 4 renkli marka şeridi. Sol sekmeler + sağ içerik paneli. Önek dxmn-. */ #dxHeader .dxh-mega.dxmn { left: 0; width: 1240px; max-width: calc(100vw - 30px); padding: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 0 0 18px 18px; box-shadow: 0 24px 60px rgba(15, 23, 42, .16); overflow: hidden; font-family: 'Nunito', sans-serif; color: #0f172a; text-align: left; cursor: default; } #dxHeader .dxh-mega-li.is-open .dxh-mega.dxmn { display: grid; grid-template-columns: 300px minmax(0, 1fr); column-gap: 0; } #dxHeader .dxmn svg { width: 20px; height: 20px; flex-shrink: 0; } #dxHeader .dxmn a { text-decoration: none; } #dxHeader .dxmn a:focus-visible, #dxHeader .dxmn button:focus-visible { outline: 3px solid #93b4f8; outline-offset: 2px; } #dxHeader .dxmn-rail { padding: 30px 22px 28px; background: #f5f8ff; border-right: 1px solid #e3ecfb; } #dxHeader .dxmn-stripe { display: flex; gap: 4px; margin-bottom: 12px; } #dxHeader .dxmn-stripe i { display: block; width: 18px; height: 4px; border-radius: 2px; } #dxHeader .dxmn-stripe i:nth-child(1) { background: #d7312c; } #dxHeader .dxmn-stripe i:nth-child(2) { background: #29579c; } #dxHeader .dxmn-stripe i:nth-child(3) { background: #33a052; } #dxHeader .dxmn-stripe i:nth-child(4) { background: #f1bb3c; } #dxHeader .dxmn-eyebrow { display: block; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: #3174f1; line-height: 1.4; } #dxHeader .dxmn-rail-title { margin: 12px 0 22px; font-size: 32px; font-weight: 800; line-height: 1.1; letter-spacing: -.6px; color: #0f172a; } #dxHeader .dxmn-rail-title em { font-style: normal; color: #3174f1; } #dxHeader .dxmn-tabs { display: grid; gap: 6px; } #dxHeader .dxmn-tab { display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 14px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #334155; text-align: left; font-family: inherit; cursor: pointer; transition: background .15s, border-color .15s, box-shadow .15s; } #dxHeader .dxmn-tab b { display: block; font-size: 15px; font-weight: 700; color: #0f172a; } #dxHeader .dxmn-tab small { display: block; margin-top: 2px; font-size: 12.5px; color: #64748b; } #dxHeader .dxmn-tab-icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 10px; background: #fff; border: 1px solid #e2e8f0; color: #475569; } #dxHeader .dxmn-tab:hover { background: #fff; } #dxHeader .dxmn-tab.is-active { background: #fff; border-color: #dbe6fb; box-shadow: 0 8px 20px rgba(15, 23, 42, .06); } #dxHeader .dxmn-tab.is-active b { color: #3174f1; } #dxHeader .dxmn-tab.is-active .dxmn-tab-icon { background: #3174f1; border-color: #3174f1; color: #fff; } #dxHeader .dxmn-content { position: relative; padding: 28px 30px 26px; min-height: 440px; max-height: calc(100vh - 120px); overflow-y: auto; } #dxHeader .dxmn-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f5f9; color: #475569; font-size: 22px; line-height: 1; cursor: pointer; } #dxHeader .dxmn-close:hover { background: #e2e8f0; color: #0f172a; } #dxHeader .dxmn-intro { margin-bottom: 18px; padding-right: 48px; } #dxHeader .dxmn-title { margin: 8px 0 6px; font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -.4px; color: #0f172a; } #dxHeader .dxmn-desc { margin: 0; font-size: 14.5px; line-height: 1.6; color: #64748b; } #dxHeader .dxmn-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: start; } #dxHeader .dxmn-list { display: grid; } #dxHeader .dxmn-row { padding: 6px 0; border-bottom: 1px solid #edf2f7; } #dxHeader .dxmn-row:last-child { border-bottom: 0; } #dxHeader .dxmn-main { display: flex; align-items: center; gap: 14px; padding: 10px 10px; border-radius: 12px; color: #0f172a; transition: background .15s; } #dxHeader .dxmn-main:hover { background: #f5f8ff; } #dxHeader .dxmn-logo { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex-shrink: 0; border-radius: 12px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 4px 10px rgba(15, 23, 42, .05); } #dxHeader .dxmn-logo img { width: 32px; height: 32px; object-fit: contain; display: block; } #dxHeader .dxmn-logo.is-svg { color: #3174f1; background: #eef4ff; border-color: #dbe6fb; } #dxHeader .dxmn-logo.is-svg svg { width: 22px; height: 22px; } #dxHeader .dxmn-text { flex: 1; min-width: 0; } #dxHeader .dxmn-text b { display: block; font-size: 15.5px; font-weight: 800; color: #0f172a; line-height: 1.3; } #dxHeader .dxmn-text small { display: block; margin-top: 2px; font-size: 13px; color: #64748b; line-height: 1.4; } #dxHeader .dxmn-arrow { color: #94a3b8; transition: color .15s, transform .15s; } #dxHeader .dxmn-main:hover .dxmn-arrow { color: #3174f1; transform: translateX(3px); } #dxHeader .dxmn-main:hover .dxmn-text b { color: #3174f1; } #dxHeader .dxmn-actions { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 0 10px 8px 70px; } #dxHeader .dxmn-actions a { font-size: 13px; font-weight: 700; color: #3174f1; } #dxHeader .dxmn-actions a:hover { color: #1d4ed8; text-decoration: underline; } #dxHeader .dxmn-story { position: relative; display: block; overflow: hidden; border-radius: 16px; aspect-ratio: 3 / 2; background: #eef4ff; } #dxHeader .dxmn-story img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; } #dxHeader .dxmn-story:hover img { transform: scale(1.03); } #dxHeader .dxmn-story > span { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 20px 18px; background: linear-gradient(transparent, rgba(15, 23, 42, .78)); color: #fff; font-size: 22px; font-weight: 800; line-height: 1.2; } #dxHeader .dxmn-story i { position: absolute; right: 18px; bottom: 18px; color: #fff; } #dxHeader .dxmn-sub-eyebrow { display: block; margin: 22px 0 8px; padding-top: 18px; border-top: 1px solid #edf2f7; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: #64748b; } #dxHeader .dxmn-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 26px; } #dxHeader .dxmn-infra { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } #dxHeader .dxmn-group { padding: 18px 16px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; } #dxHeader .dxmn-num { display: block; font-size: 11px; font-weight: 800; letter-spacing: 1px; color: #3174f1; } #dxHeader .dxmn-group-title { display: block; margin: 6px 0 10px; font-size: 16px; font-weight: 800; color: #0f172a; } #dxHeader .dxmn-group a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 6px 8px; margin: 0 -8px; border-radius: 8px; font-size: 14px; font-weight: 600; color: #334155; } #dxHeader .dxmn-group a span { color: #cbd5e1; display: flex; } #dxHeader .dxmn-group a svg { width: 15px; height: 15px; } #dxHeader .dxmn-group a:hover { background: #f5f8ff; color: #3174f1; } #dxHeader .dxmn-group a:hover span { color: #3174f1; } @media (max-width: 1100px) { #dxHeader .dxh-mega-li.is-open .dxh-mega.dxmn { grid-template-columns: 250px minmax(0, 1fr); } #dxHeader .dxmn-rail-title { font-size: 26px; } #dxHeader .dxmn-infra { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { #dxHeader .dxh-mega.dxmn { position: fixed; top: var(--dxh-mobile-top, 70px); left: 10px; right: 10px; width: auto; max-width: none; border-radius: 16px; } #dxHeader .dxh-mega-li.is-open .dxh-mega.dxmn { grid-template-columns: minmax(0, 1fr); max-height: calc(100vh - 90px); overflow-y: auto; } #dxHeader .dxmn-rail { padding: 18px 16px 12px; border-right: 0; border-bottom: 1px solid #e3ecfb; } #dxHeader .dxmn-rail-title, #dxHeader .dxmn-rail > .dxmn-eyebrow, #dxHeader .dxmn-stripe { display: none; } #dxHeader .dxmn-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } #dxHeader .dxmn-tab { flex-direction: column; align-items: center; gap: 6px; padding: 10px 6px; text-align: center; } #dxHeader .dxmn-tab small { display: none; } #dxHeader .dxmn-tab b { font-size: 13px; line-height: 1.25; } #dxHeader .dxmn-content { min-height: 0; max-height: none; overflow: visible; padding: 20px 16px 22px; } #dxHeader .dxmn-close { top: 12px; right: 12px; } #dxHeader .dxmn-title { font-size: 23px; } #dxHeader .dxmn-split { grid-template-columns: minmax(0, 1fr); gap: 14px; } #dxHeader .dxmn-story { display: none; } #dxHeader .dxmn-grid2 { grid-template-columns: minmax(0, 1fr); } #dxHeader .dxmn-actions { padding-left: 70px; } } @media (max-width: 575px) { #dxHeader .dxmn-infra { grid-template-columns: minmax(0, 1fr); } #dxHeader .dxmn-main { padding: 9px 4px; gap: 12px; } #dxHeader .dxmn-actions { padding-left: 62px; } } @media (prefers-reduced-motion: reduce) { #dxHeader .dxmn-story img, #dxHeader .dxmn-arrow, #dxHeader .dxmn-tab { transition: none; } } /* Açılır menü açıkken "Menü" düğmesi panelle aynı açık tonda (eski koyu #595959 yerine) */ #dxHeader .dxh-mega-li.is-open .dxh-menu-btn { background: #eef4ff; color: #3174f1; } #dxHeader .dxh-mega-li.is-open .dxh-menu-btn svg path { stroke: #3174f1; } /* Hesap açılır menüsü (partials/daynex_header.blade.php .dxha) — calismadaynex hesap menüsü yerleşimi, site dili. */ #dxHeader .dxha { width: 340px; padding: 20px 14px 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; box-shadow: 0 24px 60px rgba(15, 23, 42, .14); font-family: 'Nunito', sans-serif; text-align: left; } #dxHeader .dxha-eyebrow { display: block; padding: 0 12px 10px; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: #3174f1; } #dxHeader .dxha-list { display: grid; gap: 2px; } #dxHeader .dxha-link { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 52px; padding: 7px 12px; border: 0; border-radius: 12px; background: transparent; color: #0f172a; font-family: inherit; font-size: 15px; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; transition: background .15s, color .15s; } #dxHeader .dxha-ico { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 11px; background: #eef4ff; color: #3174f1; transition: background .15s, color .15s; } #dxHeader .dxha-ico svg { width: 21px; height: 21px; } #dxHeader .dxha-text { flex: 1; min-width: 0; } #dxHeader .dxha-chev { width: 16px; height: 16px; flex-shrink: 0; color: #94a3b8; transition: transform .15s, color .15s; } #dxHeader .dxha-link:hover, #dxHeader .dxha-link:focus-visible { background: #f5f8ff; color: #3174f1; text-decoration: none; outline: none; } #dxHeader .dxha-link:hover .dxha-ico, #dxHeader .dxha-link:focus-visible .dxha-ico { background: #3174f1; color: #fff; } #dxHeader .dxha-link:hover .dxha-chev { color: #3174f1; transform: translateX(2px); } #dxHeader .dxha-link:focus-visible { box-shadow: 0 0 0 3px #93b4f8; } #dxHeader .dxha-foot { display: grid; gap: 2px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #edf2f7; } #dxHeader .dxha-link.is-admin .dxha-ico { background: #fff7e6; color: #d99a12; } #dxHeader .dxha-link.is-admin:hover .dxha-ico { background: #f1bb3c; color: #fff; } #dxHeader .dxha-link.is-return .dxha-ico { background: #fef2f2; color: #dc2626; } #dxHeader .dxha-link.is-return:hover .dxha-ico { background: #dc2626; color: #fff; } #dxHeader form.dxha-logout { margin: 0; } #dxHeader .dxha-link.is-logout { color: #475569; font-weight: 600; } #dxHeader .dxha-link.is-logout .dxha-ico { background: #f1f5f9; color: #475569; } #dxHeader .dxha-link.is-logout:hover { background: #fef2f2; color: #d7312c; } #dxHeader .dxha-link.is-logout:hover .dxha-ico { background: #d7312c; color: #fff; } #dxHeader .dxha-link.is-logout:hover .dxha-chev { color: #d7312c; transform: translate(2px, -2px); } @media (prefers-reduced-motion: reduce) { #dxHeader .dxha-link, #dxHeader .dxha-ico, #dxHeader .dxha-chev { transition: none; } } /* ===== Müşteri kartı › İrtibat kişileri (admin/customers/partials/contacts) ===== */ .dxct-count { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 11.5px; font-weight: 700; vertical-align: 2px; } .dxct { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-top: 1px solid #f1f5f9; } .dxct:first-of-type { border-top: 0; padding-top: 4px; } .dxct-avatar { flex-shrink: 0; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #e0ecff; color: #2563eb; font-size: 15px; font-weight: 800; } .dxct.is-primary .dxct-avatar { background: #fef3c7; color: #b45309; } .dxct-body { flex: 1; min-width: 0; } .dxct-name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .dxct-name strong { font-size: 14px; color: #0f172a; } .dxct-role { padding: 1px 8px; border-radius: 6px; background: #dbeafe; color: #1d4ed8; font-size: 11.5px; font-weight: 700; } .dxct-dept { padding: 1px 8px; border-radius: 6px; background: #f1f5f9; color: #475569; font-size: 11.5px; font-weight: 600; } .dxct-primary { color: #b45309; font-size: 11.5px; font-weight: 700; } .dxct-lines { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 5px; font-size: 13px; } .dxct-lines a { color: #334155; white-space: nowrap; } .dxct-lines a:hover { color: #1d4ed8; } .dxct-lines .fa { width: 14px; color: #64748b; text-align: center; } .dxct-lines small { color: #94a3b8; } .dxct-lines .dxct-wa { margin-left: -10px; } .dxct-lines .dxct-wa .fa { color: #16a34a; } .dxct-notes { margin: 6px 0 0; padding: 6px 10px; border-radius: 8px; background: #f8fafc; color: #475569; font-size: 12.5px; white-space: pre-wrap; } .dxct-actions { display: flex; gap: 4px; flex-shrink: 0; } .dxct-btn { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e2e8f0; border-radius: 7px; background: #fff; color: #475569; cursor: pointer; } .dxct-btn:hover { background: #f1f5f9; color: #1d4ed8; } .dxct-btn.is-danger:hover { background: #fef2f2; color: #dc2626; border-color: #fecaca; } .dxct-btn:focus { outline: none; } /* Müşteri listesi: aramada irtibat kişisiyle bulunduysa */ .dxcl-hit { display: block; margin-top: 3px; padding: 1px 7px; border-radius: 5px; background: #fef9c3; color: #854d0e; font-size: 11.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } /* Kayıt sonrası tanışma (onboarding/welcome.blade.php) — calismadaynex member-welcome yerleşimi, site dili. Geçiş ekranı; header/footer yok. Önek dxob-. */ body.dxob-page{margin:0;min-height:100vh;background:#f5f8ff;color:#0f172a;font-family:'Nunito',sans-serif} .dxob-page *{box-sizing:border-box} .dxob-page [hidden]{display:none!important} .dxob-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .dxob-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:0 max(15px,calc((100vw - 1290px)/2));background:#fff;border-bottom:1px solid #e2e8f0} .dxob-header img{display:block;width:150px;height:auto} .dxob-header>span{font-size:14px;font-weight:600;color:#64748b;text-align:right} .dxob-layout{display:grid;grid-template-columns:420px minmax(0,1fr);max-width:1290px;margin:32px auto 48px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.06)} .dxob-story{position:relative;display:flex;flex-direction:column;padding:44px 36px 32px;background:linear-gradient(180deg,#f5f8ff 0%,#eef4ff 100%);border-right:1px solid #e3ecfb} .dxob-stripe{display:flex;gap:4px;margin-bottom:14px} .dxob-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dxob-stripe i:nth-child(1){background:#d7312c}.dxob-stripe i:nth-child(2){background:#29579c}.dxob-stripe i:nth-child(3){background:#33a052}.dxob-stripe i:nth-child(4){background:#f1bb3c} .dxob-eyebrow,.dxob-kicker{display:block;font-size:11.5px;font-weight:800;letter-spacing:1.2px;color:#3174f1} .dxob-story h1{margin:12px 0 10px;font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-1px;color:#0f172a} .dxob-story>p{margin:0;font-size:16px;line-height:1.7;color:#475569} .dxob-mascot{display:flex;justify-content:center;margin:20px 0 8px} .dxob-mascot img{display:block;width:210px;height:auto} .dxob-bubble{position:relative;padding:16px 18px;background:#fff;border:1px solid #dbe6fb;border-radius:16px;box-shadow:0 10px 26px rgba(15,23,42,.06)} .dxob-bubble::before{content:"";position:absolute;top:-8px;left:50%;width:14px;height:14px;background:#fff;border-left:1px solid #dbe6fb;border-top:1px solid #dbe6fb;transform:translateX(-50%) rotate(45deg)} .dxob-bubble span{display:block;margin-bottom:6px;font-size:10.5px;font-weight:800;letter-spacing:1px;color:#3174f1} .dxob-bubble p{margin:0;font-size:15px;line-height:1.6;color:#0f172a} .dxob-story-foot{margin-top:auto;padding-top:26px;font-size:14px;font-weight:700;color:#334155} .dxob-story-foot small{display:block;margin-top:3px;font-size:13px;font-weight:500;color:#64748b} .dxob-shell{padding:38px 48px 30px} .dxob-steps{display:flex;justify-content:space-between;gap:16px;margin:0 0 34px;padding:0;list-style:none} .dxob-steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#94a3b8} .dxob-steps li span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:50%;font-size:12.5px;font-weight:700} .dxob-steps li[aria-current]{color:#3174f1} .dxob-steps li[aria-current] span{background:#3174f1;border-color:#3174f1;color:#fff} .dxob-steps li.is-done span{background:#eef4ff;border-color:#c7d7f7;color:#3174f1} .dxob-step+.dxob-step{margin-top:36px;padding-top:30px;border-top:1px solid #edf2f7} .dxob-js .dxob-step+.dxob-step{margin-top:0;padding-top:0;border-top:0} .dxob-kicker{margin-bottom:10px} .dxob-step h2{margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.4px;color:#0f172a;outline:none} .dxob-intro{margin:0 0 22px;font-size:15px;line-height:1.6;color:#64748b} .dxob-page fieldset{margin:0;padding:0;border:0;min-width:0} .dxob-page input[type=radio],.dxob-page input[type=checkbox]{accent-color:#3174f1} .dxob-kinds{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px} .dxob-kinds label{position:relative;display:flex;flex-direction:column;padding:18px;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s} .dxob-kinds input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer} .dxob-choice-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:10px;background:#eef4ff;color:#3174f1} .dxob-choice-icon svg{width:22px;height:22px} .dxob-kinds strong{display:block;font-size:17px;font-weight:800} .dxob-kinds small{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#64748b} .dxob-kinds i{position:absolute;top:18px;right:18px;width:18px;height:18px;border:1px solid #cbd5e1;border-radius:50%} .dxob-kinds input:checked~i{border:6px solid #3174f1;background:#fff} .dxob-page label:has(input[type=radio]:checked){border-color:#3174f1;background:#f5f8ff} .dxob-page label:has(input:focus-visible){outline:3px solid #93b4f8;outline-offset:2px} .dxob-hint{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#f5f8ff;font-size:14px;line-height:1.5;color:#334155} .dxob-fields{display:flex;flex-direction:column;gap:8px} .dxob-fields>div{display:flex;flex-direction:column;gap:8px} .dxob-fields label{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:14px;font-weight:700;color:#0f172a} .dxob-fields label small,.dxob-email-options legend small{margin-left:auto;font-size:12.5px;font-weight:500;color:#64748b} .dxob-fields b,.dxob-email-options legend b{color:#3174f1} .dxob-fields input,.dxob-fields select{width:100%;height:50px;padding:0 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-family:inherit;font-size:16px;outline:none} .dxob-fields input:focus,.dxob-fields select:focus{border-color:#3174f1;box-shadow:0 0 0 3px rgba(49,116,241,.16)} .dxob-fields input::placeholder{color:#94a3b8} .dxob-note{margin:2px 0 0;font-size:13px;line-height:1.5;color:#64748b} .dxob-goals{display:grid;gap:10px;margin-bottom:18px} .dxob-goals label{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s} .dxob-goals label>span{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#eef4ff;color:#3174f1;font-size:18px;font-weight:700} .dxob-goals strong{display:block;font-size:16px;font-weight:800} .dxob-goals small{display:block;margin-top:2px;font-size:13.5px;color:#64748b} .dxob-goals input{flex-shrink:0;width:18px;height:18px;margin:0;order:3;margin-left:auto} .dxob-email-options{display:grid;gap:10px;margin-top:16px} .dxob-email-options legend{display:flex;width:100%;margin-bottom:10px;font-size:14px;font-weight:700} .dxob-email-options label{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer} .dxob-summary{display:grid;gap:0;margin:0 0 20px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden} .dxob-summary div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:11px 14px;border-bottom:1px solid #edf2f7} .dxob-summary div:last-child{border-bottom:0} .dxob-summary dt{font-size:13.5px;font-weight:600;color:#64748b} .dxob-summary dd{margin:0;font-size:14.5px;font-weight:700;color:#0f172a;overflow-wrap:anywhere} .dxob-page:not(.dxob-js) .dxob-summary{display:none} .dxob-password{margin-bottom:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc} .dxob-password-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer} .dxob-password-toggle input{width:18px;height:18px;margin-top:3px;flex-shrink:0} .dxob-password-toggle strong{display:block;font-size:15px;font-weight:800} .dxob-password-toggle small{display:block;margin-top:2px;font-size:13px;color:#64748b} .dxob-password .dxob-fields{margin-top:12px} .dxob-completion-note{margin:0;font-size:13.5px;line-height:1.6;color:#64748b} .dxob-error{margin:18px 0 0;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;font-size:14px;font-weight:600;color:#b91c1c} .dxob-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px} .dxob-actions button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:13px 22px;border:1px solid #3174f1;border-radius:8px;background:#3174f1;color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(49,116,241,.2)} .dxob-actions button:hover{background:#1d4ed8;border-color:#1d4ed8} .dxob-actions button:disabled{opacity:.7;cursor:wait} .dxob-actions .dxob-back{margin-right:auto;background:#fff;border-color:#e2e8f0;color:#475569;box-shadow:none} .dxob-actions .dxob-back:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a} .dxob-actions button:focus-visible,.dxob-logout button:focus-visible{outline:3px solid #93b4f8;outline-offset:2px} .dxob-required-note{margin:12px 0 0;font-size:13px;text-align:right;color:#64748b} .dxob-logout{margin:22px 0 0;text-align:right} .dxob-logout button{padding:6px 0;border:0;background:none;font-family:inherit;font-size:13px;font-weight:600;color:#64748b;text-decoration:underline;cursor:pointer} .dxob-logout button:hover{color:#d7312c} @media(max-width:991px){ .dxob-layout{grid-template-columns:minmax(0,1fr);margin:16px 15px 32px;border-radius:16px} .dxob-story{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-areas:"stripe stripe" "eyebrow eyebrow" "title title" "lead lead" "mascot bubble";column-gap:14px;padding:24px 18px 20px;border-right:0;border-bottom:1px solid #e3ecfb} .dxob-stripe{grid-area:stripe}.dxob-story .dxob-eyebrow{grid-area:eyebrow} .dxob-story h1{grid-area:title;font-size:32px;margin:8px 0 6px} .dxob-story>p{grid-area:lead;font-size:14.5px} .dxob-mascot{grid-area:mascot;margin:14px 0 0;align-self:end} .dxob-mascot img{width:100px} .dxob-bubble{grid-area:bubble;align-self:center;margin-top:14px} .dxob-bubble::before{top:50%;left:-8px;transform:translateY(-50%) rotate(-45deg)} .dxob-story-foot{display:none} .dxob-shell{padding:24px 18px 22px} } @media(max-width:575px){ .dxob-header{min-height:68px} .dxob-header img{width:120px} .dxob-header>span{font-size:12.5px} .dxob-steps{margin-bottom:24px;gap:6px} .dxob-steps li{font-size:12px;gap:5px} .dxob-step h2{font-size:24px} .dxob-kinds{gap:10px} .dxob-kinds label{padding:14px} .dxob-kinds strong{font-size:15.5px} .dxob-summary div{grid-template-columns:minmax(0,1fr);gap:2px} .dxob-actions button{flex:1} .dxob-actions .dxob-back{flex:0 0 auto} } /* Tanışma sonrası öneriler (onboarding/recommendations.blade.php) — calismadaynex member-recommendations, ortak header/footer içinde. Önek dxrc-. */ .dxrc-page{background:#fff;font-family:'Nunito',sans-serif;color:#0f172a} .dxrc-page *{box-sizing:border-box} .dxrc-wrap{max-width:1320px;margin-inline:auto;padding:40px 15px 56px} /* ortak header (.dxh-inner) ile aynı kenar hizası */ .dxrc-intro{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 28px;border:1px solid #e3ecfb;border-radius:20px;background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%)} .dxrc-mascot img{display:block;width:120px;height:auto} .dxrc-eyebrow{display:block;font-size:11.5px;font-weight:800;letter-spacing:1.2px;color:#3174f1} .dxrc-intro h1{margin:8px 0 6px;font-family:'Nunito',sans-serif;font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-.5px;color:#0f172a} .dxrc-intro p{margin:0;font-size:15px;line-height:1.6;color:#475569} .dxrc-intro-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px} .dxrc-page a{text-decoration:none} .dxrc-continue{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:8px;background:#3174f1;color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 20px rgba(49,116,241,.2);white-space:nowrap} .dxrc-continue:hover{background:#1d4ed8;color:#fff;text-decoration:none} .dxrc-change{font-size:14px;font-weight:700;color:#3174f1} .dxrc-change:hover{color:#1d4ed8;text-decoration:underline} .dxrc-goal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin:22px 0 16px;font-size:14px;color:#64748b} .dxrc-goal b{color:#0f172a} .dxrc-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} /* en fazla 3 kart: öncelikli tam genişlik, diğerleri yan yana */ .dxrc-card,.dxrc-empty{display:flex;flex-direction:column;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)} .dxrc-feed>.dxrc-card:only-child,.dxrc-feed>.is-primary+.dxrc-card:last-child,.dxrc-feed>.dxrc-empty+.dxrc-card:last-child{grid-column:1/-1} .dxrc-card.is-primary{grid-column:1/-1;border-color:#dbe6fb;border-top:4px solid #3174f1;background:linear-gradient(180deg,#f8fbff 0%,#fff 70%)} .dxrc-card.is-owned{background:#f8fafc} .dxrc-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px} .dxrc-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#3174f1;font-size:19px;font-weight:700} .dxrc-card.is-owned .dxrc-icon{background:#ecfdf5;color:#047857} .dxrc-label{font-size:11.5px;font-weight:800;letter-spacing:1px;color:#475569} .dxrc-priority{margin-left:auto;padding:4px 10px;border-radius:999px;background:#3174f1;color:#fff;font-size:11px;font-weight:800;letter-spacing:.6px} .dxrc-card h2,.dxrc-empty h2{margin:0 0 8px;font-family:'Nunito',sans-serif;font-size:22px;font-weight:800;line-height:1.3;color:#0f172a} .dxrc-card.is-primary h2{font-size:26px} .dxrc-card>p,.dxrc-empty p{margin:0;font-size:15px;line-height:1.65;color:#475569} .dxrc-reason{margin-top:16px;padding:14px 16px;border-left:3px solid #3174f1;border-radius:0 10px 10px 0;background:#f5f8ff} .dxrc-reason strong{display:block;margin-bottom:4px;font-size:14px;font-weight:800;color:#0f172a} .dxrc-reason p{margin:0;font-size:14.5px;line-height:1.6;color:#334155} .dxrc-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none} .dxrc-benefits li{padding:7px 12px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:13.5px;font-weight:700} .dxrc-action{margin-top:auto;padding-top:20px} .dxrc-action a,.dxrc-empty>a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border:1px solid #3174f1;border-radius:8px;background:#3174f1;color:#fff;font-size:14.5px;font-weight:700} .dxrc-action a:hover,.dxrc-empty>a:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff;text-decoration:none} .dxrc-card:not(.is-primary) .dxrc-action a,.dxrc-empty>a{background:#fff;color:#3174f1} .dxrc-card:not(.is-primary) .dxrc-action a:hover,.dxrc-empty>a:hover{background:#eef4ff;color:#1d4ed8} .dxrc-empty{grid-column:1/-1;align-items:flex-start} .dxrc-empty>a{margin-top:16px} .dxrc-page a:focus-visible{outline:3px solid #93b4f8;outline-offset:2px} @media(max-width:800px){ .dxrc-wrap{padding:24px 15px 40px} .dxrc-intro{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:18px 16px} .dxrc-mascot img{width:72px} .dxrc-intro h1{font-size:24px} .dxrc-intro p{font-size:14px} .dxrc-intro-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between} .dxrc-feed{grid-template-columns:minmax(0,1fr)} .dxrc-card,.dxrc-empty{padding:20px 16px} .dxrc-card.is-primary h2{font-size:22px} .dxrc-action a{width:100%;justify-content:center} } /* Tanışma formu alan durumları: doğru doldurulan alan yeşil ✓ (fatura formu .is-valid ile aynı), hatalı alan kırmızı + altında mesaj */ .dxob-fields input.is-valid,.dxob-fields select.is-valid{border-color:#16a34a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2316a34a'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;background-position:right 14px center;padding-right:40px} .dxob-fields select.is-valid{background-position:right 36px center;padding-right:60px} .dxob-fields input.is-valid:focus,.dxob-fields select.is-valid:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)} .dxob-fields input.is-invalid,.dxob-fields select.is-invalid{border-color:#dc2626;background-color:#fef2f2;box-shadow:none} .dxob-fields input.is-invalid:focus,.dxob-fields select.is-invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15)} .dxob-field-error{display:flex;align-items:center;gap:6px;margin:2px 0 4px;font-size:13.5px;font-weight:600;color:#dc2626} .dxob-field-error::before{content:"!";display:grid;place-items:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font-size:11px;font-weight:800;line-height:1} .dxob-group-error{margin:-8px 0 16px} .dxob-kinds.is-invalid label,.dxob-goals.is-invalid label,.dxob-email-options.is-invalid label{border-color:#fca5a5;background:#fef2f2} .dxob-goals>.dxob-field-error,.dxob-email-options>.dxob-field-error{margin-top:2px} /* Genel ".dxob-page fieldset{margin:0}" seçim gruplarının alt boşluğunu eziyordu */ .dxob-page .dxob-kinds{margin-bottom:20px} .dxob-page .dxob-goals{margin-bottom:18px} .dxob-page .dxob-email-options{margin-top:16px} /* Tanışma seçim kartları (kullanım şekli, öncelik, e-posta): yerel radyo görünmez ama klavye/ekran okuyucu için yerinde kalır; sağdaki yuvarlak seçilince mavi ✓ olur, kart mavi çerçeve alır. Seçim yapılmadan devam edilirse kartlar kırmızı (is-invalid). */ .dxob-goals label,.dxob-email-options label{position:relative;padding-right:52px} .dxob-goals input,.dxob-email-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;order:0} .dxob-tick{position:absolute;top:50%;right:16px;width:22px;height:22px;margin-top:-11px;border:1.5px solid #cbd5e1;border-radius:50%;background:#fff;transition:background-color .15s,border-color .15s} .dxob-kinds .dxob-tick{top:18px;margin-top:0;border-width:1.5px} .dxob-kinds input:checked~i{border:1.5px solid #3174f1;background:#fff} /* eski nokta görünümünü sıfırla; ✓ aşağıda */ .dxob-page input:checked~.dxob-tick{border-color:#3174f1;background:#3174f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat} .dxob-goals label:hover,.dxob-email-options label:hover,.dxob-kinds label:hover{border-color:#93b4f8} .dxob-page label:has(input[type=radio]:checked){border-color:#3174f1;background:#f5f8ff;box-shadow:0 0 0 1px #3174f1 inset} .dxob-kinds.is-invalid .dxob-tick,.dxob-goals.is-invalid .dxob-tick,.dxob-email-options.is-invalid .dxob-tick{border-color:#fca5a5} @media(prefers-reduced-motion:reduce){.dxob-tick,.dxob-goals label,.dxob-kinds label{transition:none}} .dxob-page .dxob-email-options legend{display:block} /* zorunlu yıldızı metnin yanında kalsın (flex'te sağa kayıyordu) */ /* Panel ana sayfasındaki öneri bölümü (portal/dashboard.blade.php .dxrc-panel) — kartlar öneri sayfasıyla ortak (.dxrc-*) */ .dxrc-panel{margin:0 0 24px;font-family:'Nunito',sans-serif} .dxrc-panel *{box-sizing:border-box} .dxrc-panel a{text-decoration:none} .dxrc-panel-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px} .dxrc-panel-head h2{margin:6px 0 4px;font-family:'Nunito',sans-serif;font-size:22px;font-weight:800;color:#0f172a} .dxrc-panel-head p{margin:0;font-size:14px;color:#64748b} .dxrc-panel-head p b{color:#0f172a} .dxrc-panel .dxrc-card.is-primary h2{font-size:22px} @media(max-width:800px){.dxrc-panel .dxrc-feed{grid-template-columns:minmax(0,1fr)}.dxrc-panel .dxrc-action a{width:100%;justify-content:center}} /* ========================================================================= HAKKIMIZDA (resources/views/partials/about-identity.blade.php, .dya-*) daynex-tasarım devir paketi "Kurumsal kimlik" — site paletine uyarlandı (Nunito, #3174f1, açık mavi bantlar). İçerik header ile aynı ızgarada: max-width 1320px, padding-inline 15px. Breadcrumb yok. ========================================================================= */ .dya-page{--dya-ink:#0f172a;--dya-muted:#64748b;--dya-blue:#3174f1;--dya-blue-dark:#1d4ed8;--dya-line:#e2e8f0;--dya-soft:#f5f8ff;background:#fff;color:var(--dya-ink);font-family:'Nunito',sans-serif;letter-spacing:normal} .dya-page *{box-sizing:border-box} .dya-page .dya-wrap{max-width:1320px;margin-inline:auto;padding-inline:15px} .dya-page a{color:inherit;text-decoration:none} .dya-page :is(h1,h2,h3,p,figure,dl,dd){margin:0} .dya-page :is(h1,h2,h3){font-family:inherit;color:var(--dya-ink);text-transform:none;letter-spacing:-.03em} .dya-page p{font-size:14.5px;line-height:1.75;color:var(--dya-muted)} .dya-page a:focus-visible{outline:3px solid rgba(49,116,241,.45);outline-offset:4px;border-radius:6px} .dya-page svg{display:block} .dya-stripe{display:flex;gap:4px;margin-bottom:14px} .dya-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dya-stripe i:nth-child(1){background:#d7312c}.dya-stripe i:nth-child(2){background:#29579c}.dya-stripe i:nth-child(3){background:#33a052}.dya-stripe i:nth-child(4){background:#f1bb3c} .dya-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.6;color:var(--dya-blue)} /* Giriş */ .dya-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:48px 0 44px} .dya-hero h1{font-size:clamp(40px,4.4vw,60px);line-height:1.06;font-weight:800;margin:18px 0 22px} .dya-hero h1 em{display:block;font-style:normal;color:var(--dya-blue);font-size:.66em;line-height:1.2;margin-top:14px} .dya-hero-copy>p{font-size:16px;line-height:1.8;max-width:560px} .dya-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px} .dya-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;padding:12px 20px;background:var(--dya-blue);border:1px solid var(--dya-blue);color:#fff!important;font-size:14.5px;font-weight:800;border-radius:10px;line-height:1.4;transition:background .15s,box-shadow .15s} .dya-button:hover{background:var(--dya-blue-dark);border-color:var(--dya-blue-dark);box-shadow:0 8px 20px rgba(49,116,241,.22)} .dya-button>span{font-size:18px;font-weight:400} .dya-text-link{display:inline-flex;align-items:center;color:var(--dya-blue-dark)!important;font-weight:800;font-size:14px;line-height:1.6} .dya-text-link:hover{text-decoration:underline;text-underline-offset:4px} .dya-atlas{background:var(--dya-soft);border:1px solid #dbe6fb;border-radius:22px;padding:28px;min-width:0} .dya-atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px} .dya-atlas-heading>img{width:150px;height:auto} .dya-atlas-heading>span{font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.5;color:#475569;max-width:150px;text-align:right} .dya-atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .dya-atlas-grid>a,.dya-atlas-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:100px;padding:12px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:13px;font-weight:700;line-height:1.4;text-align:center} .dya-atlas-grid>a{transition:border-color .15s,box-shadow .15s} .dya-atlas-grid>a:hover{border-color:#a9c4f7;box-shadow:0 6px 16px rgba(49,116,241,.1)} .dya-atlas-grid img{width:40px;height:40px;object-fit:contain} .dya-atlas-foundation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #dbe6fb;font-size:13px;font-weight:700;color:#334155} .dya-atlas-foundation i{font-style:normal;color:var(--dya-blue)} /* Kısa bakış */ .dya-foundation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:26px 0;border-block:1px solid var(--dya-line)} .dya-foundation>div{padding-right:20px;border-right:1px solid var(--dya-line)} .dya-foundation>div:last-child{border:0;padding-right:0} .dya-foundation strong{display:block;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--dya-ink)} .dya-foundation span{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:var(--dya-muted)} /* Bölümler */ .dya-section{padding-block:56px;scroll-margin-top:24px} .dya-section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:28px} .dya-page h2{font-size:clamp(28px,2.9vw,40px);line-height:1.15;font-weight:800} .dya-section-heading h2{margin-top:10px} .dya-section-heading>p{max-width:470px;font-size:14.5px} /* Ürün ailesi */ .dya-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .dya-product{display:flex;flex-direction:column;min-width:0;padding:24px;background:#fff;border:1px solid var(--dya-line);border-radius:16px;transition:border-color .15s,box-shadow .15s,transform .15s} a.dya-product:hover{border-color:#a9c4f7;box-shadow:0 10px 26px rgba(15,23,42,.07);transform:translateY(-2px)} .dya-product-top{display:flex;align-items:center;gap:12px;margin-bottom:16px} .dya-product-top img{width:40px;height:40px;object-fit:contain} .dya-product-top>span{flex:1;font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.4;color:#475569} .dya-product-top>b{font-size:18px;font-weight:400;color:var(--dya-blue)} .dya-product h3{font-size:20px;line-height:1.25;font-weight:800;margin-bottom:8px} .dya-product-benefit{display:block;margin-bottom:8px;font-size:14px;line-height:1.55;font-weight:700;color:var(--dya-blue-dark)} .dya-product p{font-size:13.5px;line-height:1.7;margin-bottom:16px} .dya-product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto} .dya-product-tags>span{padding:4px 9px;border-radius:999px;background:var(--dya-soft);border:1px solid #dbe6fb;font-size:11.5px;font-weight:700;line-height:1.5;color:#1e40af} .dya-infrastructure{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;padding:22px 26px;border-radius:14px;border:1px solid #dbe6fb;background:var(--dya-soft)} .dya-infrastructure p{margin-top:6px;font-size:14px;max-width:560px} .dya-infrastructure-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 22px;max-width:440px} .dya-infrastructure-links>a{font-size:14px;font-weight:800;color:var(--dya-blue-dark);white-space:nowrap} .dya-infrastructure-links>a:hover{text-decoration:underline;text-underline-offset:4px} /* Avantajlar */ .dya-value{display:grid;grid-template-columns:.8fr 1.4fr;gap:64px;border-block:1px solid var(--dya-line)} .dya-value-heading h2{margin:12px 0 16px} .dya-value-heading>p{max-width:360px} .dya-benefits{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px} .dya-benefits>article{display:flex;align-items:flex-start;gap:15px} .dya-benefit-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#eef4ff;color:var(--dya-blue)} .dya-benefit-icon svg{width:24px;height:24px} .dya-benefits h3{margin-bottom:8px;font-size:18px;font-weight:800;line-height:1.35} .dya-benefits p{font-size:14px;line-height:1.75} /* Deneyim ve ekip */ .dya-experience{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;align-items:center} .dya-people{min-width:0} .dya-work-photo,.dya-people-bottom figure{overflow:hidden;border-radius:16px;background:#eef4ff} .dya-work-photo img,.dya-people-bottom img{display:block;width:100%;height:auto} .dya-people-bottom{display:grid;grid-template-columns:1.07fr 1fr;gap:18px;margin-top:18px;align-items:center} .dya-people-bottom>div{padding:6px 8px} .dya-people-bottom>div>span{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--dya-blue)} .dya-people-bottom strong{display:block;margin:8px 0 12px;font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--dya-ink)} .dya-people-bottom small{display:block;font-size:11.5px;line-height:1.6;color:#94a3b8} .dya-experience-copy h2{margin:12px 0 18px} .dya-experience-copy .dya-experience-lead{margin-bottom:14px;font-size:18px;line-height:1.6;font-weight:600;color:#334155} .dya-expertise{margin:22px 0;border-top:1px solid var(--dya-line)} .dya-expertise>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--dya-line)} .dya-expertise dt{font-size:14px;font-weight:800;line-height:1.6;color:var(--dya-ink)} .dya-expertise dd{font-size:14px;line-height:1.7;color:var(--dya-muted)} .dya-experience-copy .dya-production-note{margin-bottom:14px;font-size:13.5px} /* İş ortakları */ .dya-partners{display:grid;grid-template-columns:1fr 2fr;gap:45px;align-items:center;padding:34px 0 40px;border-block:1px solid var(--dya-line)} .dya-partners h2{margin-top:10px;font-size:28px} .dya-partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch} .dya-partner-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:128px;padding:16px 10px;background:#fff;border:1px solid var(--dya-line);border-radius:14px} .dya-partner-grid img{width:100%;max-width:140px;height:48px;object-fit:contain} .dya-partner-grid img[src*=google-partner]{height:64px;max-width:90px} .dya-partner-grid span{font-size:12px;font-weight:700;line-height:1.5;text-align:center;color:var(--dya-muted)} /* Kapanış */ .dya-close{display:flex;justify-content:space-between;align-items:center;gap:36px;margin:48px 0 60px;padding:40px 44px;border-radius:22px;background:var(--dya-soft);border:1px solid #dbe6fb} .dya-close h2{margin-top:10px;font-size:32px} .dya-close>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex-shrink:0} @media(max-width:1100px){ .dya-hero{gap:36px}.dya-atlas{padding:22px} .dya-section-heading{gap:36px} .dya-value{grid-template-columns:1fr 1.5fr;gap:36px} .dya-experience{gap:36px} .dya-expertise>div{grid-template-columns:130px 1fr;gap:14px} .dya-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:800px){ .dya-hero{grid-template-columns:1fr;gap:28px;padding:28px 0 32px} .dya-hero h1{font-size:40px}.dya-hero-copy>p{font-size:15px} .dya-atlas{padding:18px;border-radius:18px} .dya-atlas-grid{gap:8px}.dya-atlas-grid>a,.dya-atlas-grid>div{min-height:90px;font-size:12px;padding:10px 4px} .dya-atlas-grid img{width:34px;height:34px} .dya-atlas-heading>img{width:120px}.dya-atlas-heading>span{font-size:9.5px} .dya-foundation{grid-template-columns:1fr 1fr;gap:20px 16px;padding:22px 0} .dya-foundation>div:nth-child(2){border:0;padding-right:0} .dya-foundation strong{font-size:20px} .dya-section{padding-block:36px;scroll-margin-top:84px} .dya-section-heading{display:block;margin-bottom:22px} .dya-section-heading>p{max-width:none;margin-top:14px} .dya-page h2{font-size:28px} .dya-product-grid{grid-template-columns:1fr;gap:12px} .dya-product{padding:20px} .dya-infrastructure{display:block;padding:20px} .dya-infrastructure-links{justify-content:flex-start;margin-top:14px} .dya-value{grid-template-columns:1fr;gap:24px} .dya-benefits{grid-template-columns:1fr;gap:22px} .dya-experience{grid-template-columns:1fr;gap:26px} .dya-experience-copy{grid-row:1} .dya-expertise>div{grid-template-columns:1fr;gap:4px} .dya-people-bottom strong{font-size:22px} .dya-partners{grid-template-columns:1fr;gap:22px} .dya-partner-grid{grid-template-columns:1fr 1fr;gap:12px} .dya-close{display:block;margin:32px 0 44px;padding:28px 22px} .dya-close h2{font-size:26px} .dya-close>div:last-child{margin-top:20px} .dya-close .dya-button{width:100%} } @media(max-width:400px){.dya-hero h1{font-size:34px}.dya-atlas-grid>a,.dya-atlas-grid>div{font-size:11px}.dya-people-bottom{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.dya-product,.dya-button,.dya-atlas-grid>a{transition:none}a.dya-product:hover{transform:none}} /* ========================================================================= İLETİŞİM (resources/views/partials/contact-identity.blade.php, .dxcn-*) daynex-tasarım devir paketi: talep/çağrı merkezi öncelikli, tek numara, ofisler fotoğraflı. Site paletine uyarlandı. İçerik header ile aynı ızgarada (1320/15). Breadcrumb yok. ========================================================================= */ .dxcn-page{--dxcn-ink:#0f172a;--dxcn-muted:#64748b;--dxcn-blue:#3174f1;--dxcn-blue-dark:#1d4ed8;--dxcn-line:#e2e8f0;--dxcn-soft:#f5f8ff;background:#fff;color:var(--dxcn-ink);font-family:'Nunito',sans-serif;letter-spacing:normal} .dxcn-page *{box-sizing:border-box} .dxcn-page .dxcn-wrap{max-width:1320px;margin-inline:auto;padding-inline:15px} .dxcn-page a{color:inherit;text-decoration:none} .dxcn-page :is(h1,h2,h3,p,figure,ol){margin:0} .dxcn-page :is(h1,h2,h3){font-family:inherit;color:var(--dxcn-ink);letter-spacing:-.025em;text-transform:none} .dxcn-page p{font-size:14.5px;line-height:1.7;color:var(--dxcn-muted)} .dxcn-page svg{display:block;width:20px;height:20px;flex-shrink:0} .dxcn-page a:focus-visible{outline:3px solid rgba(49,116,241,.45);outline-offset:4px;border-radius:6px} .dxcn-stripe{display:flex;gap:4px;margin-bottom:14px} .dxcn-stripe i{display:block;width:22px;height:4px;border-radius:2px} .dxcn-stripe i:nth-child(1){background:#d7312c}.dxcn-stripe i:nth-child(2){background:#29579c}.dxcn-stripe i:nth-child(3){background:#33a052}.dxcn-stripe i:nth-child(4){background:#f1bb3c} .dxcn-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.6;color:var(--dxcn-blue)} /* Giriş */ .dxcn-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:44px 0 44px} .dxcn-hero h1{margin:16px 0 18px;font-size:clamp(34px,3.6vw,50px);line-height:1.12;font-weight:800;max-width:620px} .dxcn-hero h1 em{display:block;font-style:normal;color:var(--dxcn-blue)} .dxcn-hero-copy>p:not(.dxcn-account-note){font-size:16px;max-width:520px} .dxcn-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:26px} .dxcn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 20px;border-radius:10px;background:var(--dxcn-blue);border:1px solid var(--dxcn-blue);color:#fff!important;font-size:15px;font-weight:800;transition:background .15s,box-shadow .15s} .dxcn-primary:hover{background:var(--dxcn-blue-dark);border-color:var(--dxcn-blue-dark);box-shadow:0 8px 20px rgba(49,116,241,.22)} .dxcn-primary svg{width:18px;height:18px} .dxcn-secondary{font-size:14.5px;font-weight:800;color:var(--dxcn-blue-dark)!important} .dxcn-secondary:hover{text-decoration:underline;text-underline-offset:4px} .dxcn-page .dxcn-account-note{margin-top:14px;font-size:13px;max-width:520px} .dxcn-office-jump{display:inline-block;margin-top:22px;padding-top:14px;border-top:1px solid var(--dxcn-line);font-size:13.5px;font-weight:700;color:#475569!important} .dxcn-office-jump:hover{color:var(--dxcn-blue)!important} .dxcn-hub{min-width:0;padding:26px;background:var(--dxcn-soft);border:1px solid #dbe6fb;border-radius:20px} .dxcn-hub-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px} .dxcn-hub h2{margin-top:8px;font-size:26px;line-height:1.2;font-weight:800} .dxcn-mascot{flex-shrink:0;width:150px;max-width:42%;height:110px;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #dbe6fb} .dxcn-mascot video{display:block;width:100%;height:100%;object-fit:contain;background:#fff} .dxcn-flow{list-style:none;padding:0} .dxcn-flow li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #dbe6fb} .dxcn-flow li:last-child{border-bottom:0} .dxcn-step{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #dbe6fb;font-size:12px;font-weight:800;color:var(--dxcn-blue)} .dxcn-flow li>div{flex:1;min-width:0} .dxcn-flow h3{font-size:16px;font-weight:800;line-height:1.35} .dxcn-flow p{margin-top:3px;font-size:13.5px;line-height:1.55} .dxcn-flow svg{color:var(--dxcn-blue);opacity:.75} .dxcn-hub-foot{margin-top:8px;padding-top:12px;border-top:1px solid #dbe6fb;font-size:12.5px;font-weight:600;color:#475569} /* Çağrı merkezi & WhatsApp */ .dxcn-direct{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px 28px;padding:24px 28px;border:1px solid var(--dxcn-line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.04)} .dxcn-direct h2{margin:6px 0 4px;font-size:22px;font-weight:800;line-height:1.3} .dxcn-direct-copy>p{font-size:14px} .dxcn-shared-number{font-size:28px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;color:var(--dxcn-ink)!important} .dxcn-shared-number:hover{color:var(--dxcn-blue)!important} .dxcn-direct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px} .dxcn-direct-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid var(--dxcn-line);background:#fff;font-size:14px;font-weight:800;white-space:nowrap;transition:background .15s,border-color .15s} .dxcn-direct-actions svg{width:18px;height:18px} .dxcn-phone{color:var(--dxcn-blue-dark)!important} .dxcn-phone:hover{background:#eef4ff;border-color:#bfd3fb!important} .dxcn-whatsapp{color:#15803d!important;border-color:#bbe5c8!important} .dxcn-whatsapp:hover{background:#f0fdf4} .dxcn-page .dxcn-technical-note{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--dxcn-line);font-size:13.5px} .dxcn-technical-note a{color:var(--dxcn-blue-dark)!important;font-weight:700;text-decoration:underline!important;text-underline-offset:3px} /* Ofisler */ .dxcn-offices{padding:52px 0 64px;scroll-margin-top:24px} .dxcn-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px} .dxcn-section-heading h2{margin-top:8px;font-size:clamp(26px,2.6vw,34px);line-height:1.2;font-weight:800} .dxcn-section-heading>p{max-width:340px;font-size:14px} .dxcn-office-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .dxcn-office{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--dxcn-line);border-radius:16px;transition:box-shadow .15s,border-color .15s} .dxcn-office:hover{border-color:#bfd3fb;box-shadow:0 12px 30px rgba(15,23,42,.07)} .dxcn-office-photo{position:relative;height:190px;overflow:hidden;background:#eef4ff} .dxcn-office-photo img{display:block;width:100%;height:100%;object-fit:cover} #dxcn-trabzon .dxcn-office-photo img{object-position:center 45%} #dxcn-nigde .dxcn-office-photo img{object-position:center 57%} #dxcn-istanbul .dxcn-office-photo img{object-position:center 55%} .dxcn-office-photo figcaption{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:8px;background:#fff;font-size:18px;font-weight:800;color:var(--dxcn-ink);box-shadow:0 4px 12px rgba(15,23,42,.12)} .dxcn-photo-note{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 7px;border-radius:5px;background:rgba(255,255,255,.92);font-size:10.5px;line-height:1.5;color:#475569!important} .dxcn-office-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px} .dxcn-office-body h3{font-size:17px;font-weight:800;line-height:1.4} .dxcn-address-label{display:block;margin:14px 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#94a3b8} .dxcn-office address{font-style:normal;font-size:14px;line-height:1.7;color:#334155} .dxcn-location-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px} .dxcn-location-actions a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;line-height:1.4} .dxcn-location-actions svg{width:16px;height:16px} .dxcn-map{padding:9px 12px;border-radius:9px;background:#eef4ff;border:1px solid #dbe6fb;color:var(--dxcn-blue-dark)!important} .dxcn-map:hover{background:#e0ebff} .dxcn-directions{color:#475569!important} .dxcn-directions:hover{color:var(--dxcn-blue)!important} @media(max-width:1100px){ .dxcn-hero{gap:36px} .dxcn-direct{grid-template-columns:1fr auto} .dxcn-direct-actions{grid-column:1/-1} } @media(max-width:800px){ .dxcn-hero{grid-template-columns:1fr;gap:26px;padding:28px 0 32px} .dxcn-hero h1{font-size:34px} .dxcn-hero-copy>p:not(.dxcn-account-note){font-size:15px} .dxcn-hero-actions{gap:16px} .dxcn-primary{width:100%} .dxcn-hub{padding:20px} .dxcn-hub h2{font-size:23px} .dxcn-mascot{width:130px;height:96px} .dxcn-direct{grid-template-columns:1fr;padding:20px} .dxcn-direct-actions{grid-column:auto} .dxcn-direct-actions a{flex:1 1 160px} .dxcn-shared-number{font-size:28px} .dxcn-section-heading{display:block} .dxcn-section-heading>p{max-width:none;margin-top:10px} .dxcn-offices{padding:36px 0 44px;scroll-margin-top:80px} .dxcn-office-grid{grid-template-columns:1fr;gap:16px} } @media(max-width:380px){.dxcn-hero h1{font-size:30px}.dxcn-flow svg{display:none}.dxcn-mascot{width:110px;height:84px}} @media(prefers-reduced-motion:reduce){.dxcn-primary,.dxcn-office,.dxcn-direct-actions a{transition:none}} /* ========================================================================== Yönetim paneli — orta genişlikteki ekranlar (992–1599px, ör. 1366/1440/1536 dizüstü veya %125 ölçek) Liste sayfalarında tablolar alana sığmayınca sağdaki işlem butonları kaydırmanın arkasında kalıyordu. 1) Menü ve kenar boşlukları biraz daralır, tablolar sıkılaşır. 2) Taşan tablolarda son (işlem) sütunu sağa sabitlenir (dx-admin-tables.js .dx-tbl-sticky ekler). ========================================================================== */ @media (min-width: 992px) and (max-width: 1599.98px) { .admin-main { padding: 22px 20px; } .admin-topbar { padding: 0 20px; gap: 12px; } .admin-topbar > div { min-width: 0; } .admin-topbar > div:last-child { flex-shrink: 0; } .admin-topbar .btn { white-space: nowrap; } .admin-topbar .dx-rule6-badge { max-width: 240px; overflow: hidden; text-overflow: ellipsis; } .admin-topbar .d-md-block > div:first-child { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxcl-segments { flex-wrap: wrap; row-gap: 0; overflow-x: visible; } .admin-main .table:not(.table-sm) > thead > tr > th, .admin-main .table:not(.table-sm) > tbody > tr > td { padding-left: 8px; padding-right: 8px; } .dxcl-seg { padding: 15px 10px 13px; gap: 6px; font-size: 13.5px; } .dxcl-filters { padding: 14px 14px 0; } .dxcl-who { min-width: 190px; max-width: 260px; } .dxcl-contact { min-width: 170px; } .dxcl-contact a, .dxcl-contact span { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .dx-tbl-autowrap { margin-bottom: 1rem; } .dx-tbl-autowrap > .table { margin-bottom: 0; } /* Telefonda sabit sütun ekranın yarısını kaplar; yalnızca tablet ve üstünde */ @media (min-width: 768px) { .dx-tbl-over > .dx-tbl-sticky > thead > tr > :last-child, .dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child { position: sticky; right: 0; z-index: 2; box-shadow: -10px 0 12px -10px rgba(15, 23, 42, .28); transition: box-shadow .15s ease; } .dx-tbl-over > .dx-tbl-sticky > thead > tr > :last-child { z-index: 3; } /* :where → özgüllük 0; .table-danger gibi satır renkleri korunur, yoksa düz zemin */ :where(.dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child) { background-color: var(--dx-row-bg, var(--dx-tbl-bg, #fff)); } :where(.dx-tbl-over > .dx-tbl-sticky > thead > tr > :last-child) { background-color: var(--dx-tbl-head-bg, #fff); } .dx-tbl-over.dx-tbl-at-end > .dx-tbl-sticky > thead > tr > :last-child, .dx-tbl-over.dx-tbl-at-end > .dx-tbl-sticky > tbody > tr > :last-child { box-shadow: none; } /* Satır vurgusu sabit hücrede de görünsün */ .dx-tbl-over > .dx-tbl-sticky > tbody > tr:hover > :last-child { background-image: linear-gradient(rgba(15, 23, 42, .035), rgba(15, 23, 42, .035)); } .dx-tbl-over > .dxcl-table.dx-tbl-sticky > tbody > tr:hover > :last-child { background-color: #f8fafc; background-image: none; } .dx-tbl-over > .dxcl-table.dx-tbl-sticky > tbody > tr.is-selected > :last-child { background-color: #eff6ff; background-image: none; } /* Açık menüsü olan satır sonraki satırların sabit hücrelerinin üstünde kalsın */ .dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child:focus-within, .dx-tbl-over > .dx-tbl-sticky > tbody > tr > :last-child:has(.show) { z-index: 4; } } /* ========================================================================= MÜŞTERİ PANELİ (layouts/portal-app: ) 1) Panel bileşenleri: eski portal-app sayfa içi stilleri buraya taşındı; :where() ile öncelik değişmedi (sayfaların kendi kuralları baskın kalır). Font site ile aynı (Nunito). 2) Kabuk: ortak header/footer + 1320px ızgarada sol menü (partials/portal-sidebar) ve içerik. ========================================================================= */ .dxpn { --primary: #2563eb; --primary-hover: #1d4ed8; --primary-light: #eff6ff; --secondary: #0f172a; --sidebar-bg: #090d16; --sidebar-text: #94a3b8; --sidebar-active: #ffffff; --sidebar-hover: #1e293b; --body-bg: #f8fafc; --card-bg: #ffffff; --border: #e2e8f0; --text-main: #0f172a; --text-muted: #64748b; --success: #10b981; --success-light: #ecfdf5; --warning: #f59e0b; --warning-light: #fffbeb; --danger: #ef4444; --danger-light: #fef2f2; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-full: 9999px; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04); --sidebar-w: 260px; --header-h: 70px; } :where(.dxpn-content) *, :where(.dxpn-content) *::before, :where(.dxpn-content) *::after { box-sizing: border-box; margin: 0; padding: 0; } .dxpn { margin: 0; /* layout Bootstrap yüklemiyor: tarayıcının varsayılan 8px body boşluğunu sıfırla */ font-family: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: var(--body-bg); color: var(--text-main); line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; } :where(.dxpn-content) a { color: inherit; text-decoration: none; } :where(.dxpn) .flash-alert { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-radius: var(--radius-md); margin-bottom: 24px; font-size: 14px; font-weight: 600; animation: slideDown 0.25s ease; } :where(.dxpn) .flash-alert.success { background-color: var(--success-light); color: #065f46; border: 1px solid #a7f3d0; } :where(.dxpn) .flash-alert.error { background-color: var(--danger-light); color: #991b1b; border: 1px solid #fecaca; } @keyframes slideDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } :where(.dxpn) .portal-card { background: var(--card-bg); border-radius: var(--radius-lg); border: 1px solid var(--border); box-shadow: var(--shadow-sm); padding: 24px; margin-bottom: 24px; transition: box-shadow 0.2s ease; } :where(.dxpn) .portal-card:hover { box-shadow: var(--shadow-md); } :where(.dxpn) .portal-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--border); } :where(.dxpn) .portal-card-title { font-size: 18px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 10px; } :where(.dxpn) .portal-card-desc { font-size: 13px; color: var(--text-muted); margin-top: 3px; font-weight: 500; } :where(.dxpn) .metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 28px; } :where(.dxpn) .metric-box { background: #ffffff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 22px; display: flex; align-items: center; gap: 18px; box-shadow: var(--shadow-sm); transition: all 0.2s ease; } :where(.dxpn) .metric-box:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: #cbd5e1; } :where(.dxpn) .metric-icon-wrap { width: 52px; height: 52px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; } :where(.dxpn) .metric-icon-wrap.blue { background: #eff6ff; color: #2563eb; } :where(.dxpn) .metric-icon-wrap.green { background: #ecfdf5; color: #10b981; } :where(.dxpn) .metric-icon-wrap.purple { background: #f5f3ff; color: #8b5cf6; } :where(.dxpn) .metric-icon-wrap.amber { background: #fffbeb; color: #d97706; } :where(.dxpn) .metric-content .title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 4px; } :where(.dxpn) .metric-content .value { font-size: 26px; font-weight: 800; color: var(--text-main); line-height: 1.1; } :where(.dxpn) .metric-content .sub { font-size: 12px; color: #64748b; margin-top: 4px; } :where(.dxpn) .portal-table-wrap { width: 100%; overflow-x: auto; border-radius: var(--radius-md); } :where(.dxpn) .portal-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; } :where(.dxpn) .portal-table th { background: #f8fafc; color: #475569; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; padding: 12px 18px; border-bottom: 1px solid var(--border); } :where(.dxpn) .portal-table td { padding: 16px 18px; border-bottom: 1px solid var(--border); vertical-align: middle; color: var(--text-main); } :where(.dxpn) .portal-table tbody tr { transition: background-color 0.15s ease; } :where(.dxpn) .portal-table tbody tr:hover { background-color: #f8fafc; } :where(.dxpn) .badge-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--radius-full); font-size: 12px; font-weight: 700; } :where(.dxpn) .badge-pill.active, :where(.dxpn) .badge-pill.running, :where(.dxpn) .badge-pill.tamamlandi { background: #dcfce7; color: #15803d; } :where(.dxpn) .badge-pill.warning, :where(.dxpn) .badge-pill.bekliyor, :where(.dxpn) .badge-pill.restarting { background: #fef3c7; color: #b45309; } :where(.dxpn) .badge-pill.danger, :where(.dxpn) .badge-pill.stopped, :where(.dxpn) .badge-pill.iptal { background: #fee2e2; color: #b91c1c; } :where(.dxpn) .badge-pill.blue { background: #dbeafe; color: #1d4ed8; } :where(.dxpn) .status-dot { width: 7px; height: 7px; border-radius: 50%; background-color: currentColor; } :where(.dxpn) .btn-action { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: var(--radius-sm); border: 1px solid var(--border); background: #ffffff; color: var(--text-main); cursor: pointer; transition: all 0.15s ease; } :where(.dxpn) .btn-action:hover { border-color: var(--primary); color: var(--primary); background: var(--primary-light); } :where(.dxpn) .btn-action.primary { background: var(--primary); color: #ffffff; border-color: var(--primary); } :where(.dxpn) .btn-action.primary:hover { background: var(--primary-hover); color: #ffffff; } :where(.dxpn) .btn-action.danger { background: var(--danger-light); color: var(--danger); border-color: #fca5a5; } :where(.dxpn) .btn-action.danger:hover { background: var(--danger); color: #ffffff; } :where(.dxpn) .usage-bar-wrap { width: 100%; background: #e2e8f0; height: 8px; border-radius: var(--radius-full); overflow: hidden; margin-top: 6px; } :where(.dxpn) .usage-bar-fill { height: 100%; border-radius: var(--radius-full); background: linear-gradient(90deg, #3b82f6, #2563eb); transition: width 0.3s ease; } :where(.dxpn) .usage-bar-fill.warning { background: linear-gradient(90deg, #f59e0b, #d97706); } :where(.dxpn) .usage-bar-fill.danger { background: linear-gradient(90deg, #ef4444, #dc2626); } :where(.dxpn) .wizard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 24px; } :where(.dxpn) .wizard-card { background: #ffffff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.2s ease; position: relative; overflow: hidden; } :where(.dxpn) .wizard-card:hover { border-color: var(--primary); box-shadow: var(--shadow-md); transform: translateY(-3px); } :where(.dxpn) .wizard-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #2563eb, #3b82f6); opacity: 0; transition: opacity 0.2s ease; } :where(.dxpn) .wizard-card:hover::before { opacity: 1; } :where(.dxpn) .form-group { margin-bottom: 18px; } :where(.dxpn) .form-label { display: block; font-size: 13px; font-weight: 700; color: var(--text-main); margin-bottom: 6px; } :where(.dxpn) .form-input, :where(.dxpn) .form-select, :where(.dxpn) .form-textarea { width: 100%; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius-md); font-size: 14px; font-family: inherit; color: var(--text-main); background: #ffffff; transition: border-color 0.15s ease, box-shadow 0.15s ease; } :where(.dxpn) .form-input:focus, :where(.dxpn) .form-select:focus, :where(.dxpn) .form-textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); } :where(.dxpn) .code-box { font-family: 'JetBrains Mono', monospace; background: #0f172a; color: #38bdf8; padding: 12px 16px; border-radius: var(--radius-md); font-size: 13px; display: flex; align-items: center; justify-content: space-between; word-break: break-all; } /* Kabuk */ .dxpn { --body-bg: #f5f7fb; --primary: #3174f1; --primary-hover: #1d4ed8; } .dxpn-shell { box-sizing: border-box; max-width: 1320px; margin: 0 auto; padding: 24px 15px 56px; display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: 28px; align-items: start; } .dxpn-shell *, .dxpn-shell *::before, .dxpn-shell *::after { box-sizing: border-box; } .dxpn-side-toggle { display: none; } .dxpn-side { padding: 14px 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; } /* sayfayla birlikte akar; kendi içinde kaydırma çubuğu yok */ .dxpn-side-user { display: flex; align-items: center; gap: 10px; padding: 4px 8px 14px; margin-bottom: 4px; border-bottom: 1px solid #eef2f7; } .dxpn-side-avatar { flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #eef4ff; color: #1d4ed8; font-size: 16px; font-weight: 800; } .dxpn-side-user div { min-width: 0; } .dxpn-side-user strong { display: block; font-size: 14.5px; font-weight: 800; color: #0f172a; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxpn-side-user small { display: block; font-size: 12px; color: #64748b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxpn-side-group + .dxpn-side-group { margin-top: 2px; } .dxpn-side-title { display: block; padding: 12px 10px 6px; font-size: 11px; font-weight: 800; letter-spacing: .1em; color: #94a3b8; } .dxpn-side-link { position: relative; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border-radius: 10px; color: #334155 !important; font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none !important; transition: background-color .15s ease, color .15s ease; } .dxpn-side-link svg { flex: 0 0 18px; width: 18px; height: 18px; color: #64748b; transition: color .15s ease; } .dxpn-side-link span { flex: 1; min-width: 0; } .dxpn-side-link:hover { background: #f5f8ff; color: #1d4ed8 !important; } .dxpn-side-link:hover svg { color: #3174f1; } .dxpn-side-link.is-active { background: #eef4ff; color: #1d4ed8 !important; } .dxpn-side-link.is-active svg { color: #3174f1; } .dxpn-side-link.is-active::before { content: ""; position: absolute; left: -12px; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: #3174f1; } .dxpn-side-link:focus-visible { outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 1px; } .dxpn-side-count { margin-left: auto; min-width: 24px; padding: 1px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11.5px; font-weight: 800; text-align: center; } .dxpn-side-count.is-warn { background: #fef3c7; color: #b45309; } .dxpn-side-count.is-blue { background: #3174f1; color: #fff; } .dxpn-side-help { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 12px; border-radius: 12px; background: #f5f8ff; border: 1px solid #dbe6fb; color: #1e293b !important; text-decoration: none !important; } .dxpn-side-help svg { flex: 0 0 22px; width: 22px; height: 22px; color: #3174f1; } .dxpn-side-help strong { display: block; font-size: 13px; font-weight: 800; } .dxpn-side-help small { display: block; font-size: 12px; color: #64748b; } .dxpn-side-help:hover { border-color: #a9c4f7; } .dxpn-main { min-width: 0; container: dxpnmain / inline-size; } /* içerik genişliğine göre ızgara kuralları: @container dxpnmain */ .dxpn-crumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; font-size: 13px; color: #64748b; } .dxpn-crumb a { color: #64748b; text-decoration: none; } .dxpn-crumb a:hover { color: #3174f1; } .dxpn-crumb strong, .dxpn-crumb .current { color: #0f172a; font-weight: 700; } .dxpn-content > .flash-alert { transition: opacity .35s ease, transform .35s ease; } .dxpn-content > .flash-alert.is-leaving { opacity: 0; transform: translateY(-6px); } .dxpn-flash-close { border: 0; background: transparent; color: inherit; font-size: 20px; line-height: 1; cursor: pointer; opacity: .65; } .dxpn-flash-close:hover { opacity: 1; } @media (max-width: 991px) { .dxpn-shell { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 16px; } .dxpn-side-toggle { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #0f172a; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; } .dxpn-side-toggle svg { width: 20px; height: 20px; color: #3174f1; } .dxpn-side-toggle span { flex: 1; text-align: left; } .dxpn-side-toggle .dxpn-side-caret { color: #64748b; transition: transform .2s ease; } .dxpn-side-toggle[aria-expanded="true"] .dxpn-side-caret { transform: rotate(180deg); } .dxpn-side { display: none; position: static; max-height: none; } .dxpn-side.is-open { display: block; } } @media (prefers-reduced-motion: reduce) { .dxpn-side-link, .dxpn-content > .flash-alert { transition: none; } } /* ========================================================================= MÜŞTERİ PANELİ · GENEL BAKIŞ (portal/dashboard.blade.php, .dxov-*) daynex-tasarım üye paneli: karşılama + özet, yaklaşan yenilemeler, hizmet kartları, destek ve finans kutuları. ========================================================================= */ .dxov { --dxov-ink: #0f172a; --dxov-muted: #64748b; --dxov-line: #e2e8f0; --dxov-blue: #3174f1; --dxov-blue-dark: #1d4ed8; color: var(--dxov-ink); } .dxov svg { display: block; flex-shrink: 0; } .dxov a { text-decoration: none; } .dxov-eyebrow { display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; color: var(--dxov-blue); } .dxov-head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 18px; } .dxov-head h1 { margin: 6px 0 4px; font-size: clamp(26px, 2.6vw, 34px); font-weight: 800; letter-spacing: -.03em; line-height: 1.15; color: var(--dxov-ink); } .dxov-head p { font-size: 15px; color: var(--dxov-muted); } .dxov-head-actions { display: flex; flex-wrap: wrap; gap: 10px; } .dxov-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 8px 16px; border-radius: 10px; border: 1px solid var(--dxov-line); background: #fff; color: #1e293b !important; font-size: 14px; font-weight: 800; line-height: 1.2; white-space: nowrap; transition: background-color .15s, border-color .15s, box-shadow .15s; } .dxov-btn svg { width: 18px; height: 18px; color: var(--dxov-blue); } .dxov-btn:hover { border-color: #a9c4f7; background: #f5f8ff; } .dxov-btn.is-primary { background: var(--dxov-blue); border-color: var(--dxov-blue); color: #fff !important; } .dxov-btn.is-primary svg { color: #fff; } .dxov-btn.is-primary:hover { background: var(--dxov-blue-dark); border-color: var(--dxov-blue-dark); box-shadow: 0 6px 16px rgba(49, 116, 241, .22); } .dxov-btn.is-dark { background: #0f172a; border-color: #0f172a; color: #fff !important; } .dxov-btn.is-small { min-height: 34px; padding: 6px 12px; font-size: 13px; border-radius: 8px; } .dxov-btn.is-block { display: flex; width: 100%; min-height: 46px; } .dxov-btn:focus-visible, .dxov a:focus-visible { outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } .dxov-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 20px; background: #fff; border: 1px solid var(--dxov-line); border-radius: 14px; overflow: hidden; } .dxov-stats > * { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; padding: 16px 18px; color: var(--dxov-muted) !important; font-size: 13.5px; font-weight: 600; transition: background-color .15s; } .dxov-stats > * + * { border-left: 1px solid var(--dxov-line); } .dxov-stats > a:hover { background: #f5f8ff; } .dxov-stats strong { font-size: 22px; font-weight: 800; color: var(--dxov-ink); letter-spacing: -.02em; } .dxov-stats strong.is-debt { color: #b45309; } .dxov .dxrc-panel { margin-bottom: 20px; } .dxov-google { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; padding: 12px 16px; background: #fff; border: 1px solid var(--dxov-line); border-radius: 14px; } .dxov-google-ico { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: #f5f8ff; } .dxov-google-ico svg { width: 20px; height: 20px; } .dxov-google div { flex: 1; min-width: 0; } .dxov-google strong { display: block; font-size: 14.5px; font-weight: 800; } .dxov-google span { font-size: 13px; color: var(--dxov-muted); } .dxov-card { min-width: 0; margin-bottom: 20px; padding: 18px 20px; background: #fff; border: 1px solid var(--dxov-line); border-radius: 14px; } .dxov-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; } .dxov-card-head h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16.5px; font-weight: 800; color: var(--dxov-ink); letter-spacing: -.01em; } .dxov-card-head h2 svg { width: 20px; height: 20px; color: var(--dxov-blue); } .dxov-card-head h2 b { font-size: 20px; } .dxov-card-head > a { flex-shrink: 0; font-size: 13.5px; font-weight: 800; color: var(--dxov-blue-dark) !important; } .dxov-card-head > a:hover { text-decoration: underline; text-underline-offset: 3px; } .dxov-count { display: inline-block; min-width: 24px; padding: 1px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 12px !important; font-weight: 800; text-align: center; } .dxov-table-wrap { margin: 0 -20px -18px; overflow-x: auto; } .dxov-table { width: 100%; border-collapse: collapse; font-size: 14px; } .dxov-table th { padding: 10px 20px; background: #f8fafc; border-block: 1px solid var(--dxov-line); color: var(--dxov-muted); font-size: 12px; font-weight: 800; text-align: left; white-space: nowrap; } .dxov-table td { padding: 12px 20px; border-bottom: 1px solid #eef2f7; vertical-align: middle; } .dxov-table tr:last-child td { border-bottom: 0; } .dxov-table tr.is-expired td:first-child { box-shadow: inset 3px 0 0 #dc2626; } .dxov-nowrap { white-space: nowrap; color: #334155; } .dxov-right { text-align: right; } .dxov-svc { display: flex; align-items: center; gap: 12px; color: var(--dxov-ink) !important; } .dxov-svc-ico { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: #f5f8ff; color: var(--dxov-blue); } .dxov-svc-ico svg { width: 19px; height: 19px; } .dxov-svc strong { display: block; font-size: 14.5px; font-weight: 800; } .dxov-svc small { display: block; font-size: 12.5px; color: var(--dxov-muted); } .dxov-svc:hover strong { color: var(--dxov-blue-dark); } .dxov-pill { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; line-height: 1.4; white-space: nowrap; background: #f1f5f9; color: #475569; } .dxov-pill.is-danger, .dxov-pill.is-red { background: #fef2f2; color: #b91c1c; } .dxov-pill.is-warn, .dxov-pill.is-amber, .dxov-pill.is-orange { background: #fef3c7; color: #b45309; } .dxov-pill.is-ok, .dxov-pill.is-green, .dxov-pill.is-done { background: #dcfce7; color: #15803d; } .dxov-pill.is-blue, .dxov-pill.is-purple { background: #eef4ff; color: #1d4ed8; } .dxov-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; } .dxov-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .dxov-services > .dxov-card { margin-bottom: 20px; } .dxov-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-top: 1px solid #eef2f7; color: var(--dxov-ink) !important; } .dxov-row strong { font-size: 14.5px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxov-row:hover strong { color: var(--dxov-blue-dark); } .dxov-row.is-stack { display: block; } .dxov-row-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .dxov-row small { display: block; margin-top: 3px; font-size: 12.5px; color: var(--dxov-muted); } .dxov-row-meta { flex-shrink: 0; font-size: 12.5px; font-weight: 800; color: var(--dxov-muted); } .dxov-row-meta.is-warn { color: #b45309; } .dxov-row-meta.is-danger { color: #b91c1c; } .dxov-bar { display: block; height: 6px; margin-top: 8px; border-radius: 999px; background: #eef2f7; overflow: hidden; } .dxov-bar i { display: block; height: 100%; border-radius: inherit; background: var(--dxov-blue); } .dxov-bar i.is-warn { background: #f59e0b; } .dxov-bar i.is-danger { background: #dc2626; } .dxov-empty { padding: 14px 0 4px; border-top: 1px solid #eef2f7; } .dxov-empty p, .dxov-muted { margin-bottom: 10px; font-size: 13.5px; color: var(--dxov-muted); } .dxov-aside { min-width: 0; } .dxov-support { margin-bottom: 20px; padding: 20px; background: #f5f8ff; border: 1px solid #dbe6fb; border-radius: 14px; } .dxov-support-head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; } .dxov-support-ico { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #fff; border: 1px solid #dbe6fb; color: var(--dxov-blue); } .dxov-support-ico svg { width: 22px; height: 22px; } .dxov-support h2 { margin: 2px 0 0; font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--dxov-ink); } .dxov-support > p { margin-bottom: 14px; font-size: 13.5px; color: #475569; } .dxov-support-counts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; } .dxov-support-counts a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 4px; background: #fff; border: 1px solid #dbe6fb; border-radius: 10px; } .dxov-support-counts strong { font-size: 20px; font-weight: 800; color: var(--dxov-ink); } .dxov-support-counts span { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: var(--dxov-muted); } .dxov-support-counts i { width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; } .dxov-support-counts i.is-blue { background: var(--dxov-blue); } .dxov-support-counts i.is-warn { background: #f59e0b; } .dxov-support-counts i.is-ok { background: #16a34a; } .dxov-support-sub { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 800; color: var(--dxov-muted); } .dxov-ticket { display: block; margin-bottom: 8px; padding: 10px 12px; background: #fff; border: 1px solid #dbe6fb; border-radius: 10px; color: var(--dxov-ink) !important; } .dxov-ticket:hover { border-color: #a9c4f7; } .dxov-ticket strong { display: block; margin-top: 6px; font-size: 14px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxov-ticket small { display: block; font-size: 12px; color: var(--dxov-muted); } .dxov-support .dxov-btn.is-block { margin-top: 6px; } .dxov-link { display: block; margin-top: 10px; text-align: center; font-size: 13.5px; font-weight: 800; color: var(--dxov-blue-dark) !important; } .dxov-finance-amount { display: block; font-size: 26px; font-weight: 800; letter-spacing: -.02em; } .dxov-finance-amount.is-debt { color: #b45309; } .dxov-finance-amount.is-ok { color: #15803d; } .dxov-finance .dxov-muted { display: block; margin: 2px 0 12px; } .dxov-finance-actions { display: flex; gap: 8px; } @media (max-width: 1199px) { .dxov-grid { grid-template-columns: minmax(0, 1fr); } .dxov-aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .dxov-aside > * { margin-bottom: 0 !important; } } @media (max-width: 767px) { .dxov-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxov-stats > :nth-child(3) { border-left: 0; } .dxov-stats > :nth-child(n+3) { border-top: 1px solid var(--dxov-line); } .dxov-services, .dxov-aside { grid-template-columns: minmax(0, 1fr); } .dxov-aside { gap: 0; } .dxov-aside > * { margin-bottom: 20px !important; } .dxov-head-actions { width: 100%; } .dxov-head-actions .dxov-btn { flex: 1 1 auto; } .dxov-card { padding: 16px; } .dxov-table-wrap { margin: 0 -16px -16px; } .dxov-table thead { display: none; } .dxov-table tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 12px 16px; border-bottom: 1px solid #eef2f7; } .dxov-table td { padding: 0; border: 0; } .dxov-table td:first-child { flex: 1 1 100%; } .dxov-table td.dxov-right { margin-left: auto; } .dxov-table tr.is-expired { box-shadow: inset 3px 0 0 #dc2626; } .dxov-table tr.is-expired td:first-child { box-shadow: none; } .dxov-google { flex-wrap: wrap; } .dxov-google .dxov-btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { .dxov-btn, .dxov-stats a { transition: none; } } .dxpn .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Panel: bildirimler, bildirim tercihleri, teklifler (account/notifications, account/proposals) */ .dxnt-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .dxnt-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--dxov-line); background: #fff; color: #334155 !important; font-size: 13.5px; font-weight: 800; } .dxnt-tabs a b { min-width: 22px; padding: 0 6px; border-radius: 999px; background: #f1f5f9; font-size: 12px; text-align: center; } .dxnt-tabs a.is-active { background: #eef4ff; border-color: #bfd3fb; color: #1d4ed8 !important; } .dxnt-tabs a.is-active b { background: #3174f1; color: #fff; } .dxnt-empty { padding: 40px 16px; text-align: center; } .dxnt-empty > i { display: block; margin-bottom: 12px; font-size: 40px; color: #cbd5e1; } .dxnt-empty h2 { margin-bottom: 6px; font-size: 18px; font-weight: 800; color: var(--dxov-ink); } .dxnt-empty p { max-width: 460px; margin: 0 auto 14px; font-size: 14px; color: var(--dxov-muted); } .dxnt-list { padding: 0; overflow: hidden; } .dxnt-item { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; border-bottom: 1px solid #eef2f7; } .dxnt-item:last-child { border-bottom: 0; } .dxnt-item.is-unread { background: #f8fbff; box-shadow: inset 3px 0 0 #3174f1; } .dxnt-ico { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #eef4ff; color: #1d4ed8; font-size: 15px; } .dxnt-ico.is-danger { background: #fef2f2; color: #b91c1c; } .dxnt-ico.is-warn { background: #fef3c7; color: #b45309; } .dxnt-ico.is-ok { background: #dcfce7; color: #15803d; } .dxnt-body { flex: 1; min-width: 0; } .dxnt-top { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 4px; } .dxnt-top h3 { margin: 0; font-size: 14.5px; font-weight: 800; color: var(--dxov-ink); } .dxnt-top time { font-size: 12px; color: #94a3b8; } .dxnt-body p { font-size: 13.5px; line-height: 1.55; color: #475569; } .dxnt-link { display: inline-block; margin-top: 6px; font-size: 13px; font-weight: 800; color: var(--dxov-blue-dark) !important; } .dxnt-read { flex-shrink: 0; margin: 0; } .dxnt-pager { margin: 4px 0 20px; } .dxnt-target { font-size: 13px; font-weight: 700; color: var(--dxov-muted); } .dxnt-ch-ico { width: 20px; color: var(--dxov-blue); font-size: 17px; text-align: center; } .dxnt-switches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; margin-top: 6px; } .dxnt-switch { display: flex; align-items: flex-start; gap: 12px; padding: 12px; border-radius: 10px; cursor: pointer; } .dxnt-switch:hover { background: #f8fafc; } .dxnt-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; } .dxnt-toggle { position: relative; flex: 0 0 40px; width: 40px; height: 22px; margin-top: 1px; border-radius: 999px; background: #cbd5e1; transition: background-color .15s; } .dxnt-toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .25); transition: transform .15s; } .dxnt-switch input:checked + .dxnt-toggle { background: #3174f1; } .dxnt-switch input:checked + .dxnt-toggle::after { transform: translateX(18px); } .dxnt-switch input:focus-visible + .dxnt-toggle { outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } .dxnt-switch-text strong { display: block; font-size: 14px; font-weight: 800; color: var(--dxov-ink); } .dxnt-switch-text small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.5; color: var(--dxov-muted); } .dxnt-sub { display: block; font-size: 11.5px; color: #94a3b8; } .dxnt-actions { display: inline-flex; gap: 6px; } @media (max-width: 767px) { .dxnt-switches { grid-template-columns: minmax(0, 1fr); } .dxnt-item { padding: 14px 16px; flex-wrap: wrap; } .dxnt-read { width: 100%; padding-left: 52px; } } @media (prefers-reduced-motion: reduce) { .dxnt-toggle, .dxnt-toggle::after { transition: none; } } /* Panel: satın alınmış hizmet detayı (portal/services/show) */ .dxsv-date { margin-left: 8px; font-size: 13px; color: var(--dxov-muted); } .dxsv-body { font-size: 14.5px; line-height: 1.7; color: #334155; } .dxsv-body :where(h1, h2, h3, h4) { margin: 16px 0 8px; font-weight: 800; color: var(--dxov-ink); } .dxsv-body :where(p, ul, ol, table) { margin-bottom: 12px; } .dxsv-body :where(ul, ol) { padding-left: 20px; } .dxsv-body img { max-width: 100%; height: auto; } .dxsv-body table { width: 100%; border-collapse: collapse; } .dxsv-body :where(th, td) { padding: 8px 10px; border: 1px solid var(--dxov-line); } /* BS5 işaretli onay kutuları (.form-check sarmalayıcısı olmadan) BS4'te position:absolute + -1.25rem ile hücrenin soluna kayıp kesiliyordu (ör. stok listesi "Hepsini Seç"). */ .admin-main td > .form-check-input, .admin-main th > .form-check-input { position: static; margin: 0; vertical-align: middle; } /* Muhasebe alt menüsü (admin/accounting/layout): 16 sekme yatay kaydırmada gizleniyordu; tablet ve üstünde satıra sarılır */ @media (min-width: 768px) { .dx-acc-nav { flex-wrap: wrap; overflow-x: visible !important; } } /* ========================================================================= MÜŞTERİ PANELİ · GENEL BAKIŞ — alan adı sorgulama + destek merkezi (.dxds-*) ve hizmet tablosu (.dxsr-*) portal/dashboard.blade.php; JS: dx-portal-services.js ========================================================================= */ .dxds-row { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 20px; margin-bottom: 20px; } .dxds-card { display: flex; flex-direction: column; min-width: 0; padding: 24px; background: #fff; border: 1px solid var(--dxov-line); border-radius: 16px; } .dxds-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; } .dxds-head > div { flex: 1; min-width: 0; } .dxds-head h2 { margin: 2px 0 4px; font-size: 20px; font-weight: 800; letter-spacing: -.02em; color: var(--dxov-ink); } .dxds-head p { font-size: 13.5px; line-height: 1.5; color: var(--dxov-muted); } .dxds-ico { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: #eef4ff; color: var(--dxov-blue); } .dxds-ico svg { width: 24px; height: 24px; } .dxds-new { flex-shrink: 0; } .dxds-form { display: flex; align-items: center; gap: 10px; padding: 8px; background: #f5f8ff; border: 1px solid #dbe6fb; border-radius: 14px; } .dxds-input { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 0 8px; } .dxds-input svg { width: 20px; height: 20px; color: #64748b; } .dxds-input input { width: 100%; min-width: 0; height: 46px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; font-weight: 600; color: var(--dxov-ink); } .dxds-form select { height: 50px; min-width: 110px; padding: 0 12px; border: 1px solid #dbe6fb; border-radius: 10px; background: #fff; font: inherit; font-size: 15px; font-weight: 800; color: var(--dxov-ink); } .dxds-form .dxov-btn { min-height: 50px; padding: 0 22px; font-size: 15px; } .dxds-form:focus-within { border-color: #a9c4f7; box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxds-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; } .dxds-quick > span { font-size: 12.5px; font-weight: 800; color: #334155; } .dxds-quick button { padding: 5px 10px; border: 1px solid #dbe6fb; border-radius: 8px; background: #f5f8ff; color: #1d4ed8; font: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer; } .dxds-quick button b { color: #1e293b; } .dxds-quick button:hover, .dxds-quick button.is-active { border-color: #3174f1; background: #eef4ff; } .dxds-feats { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: auto !important; padding-top: 16px !important; border-top: 1px solid #eef2f7; list-style: none; } .dxds-search .dxds-feats { margin-top: 24px !important; } .dxds-feats li { font-size: 12.5px; color: var(--dxov-muted); } .dxds-feats li::before { content: "✓ "; color: #16a34a; font-weight: 800; } .dxds-counts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; } .dxds-counts a { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 6px; border-radius: 10px; background: #f1f5f9; color: #475569 !important; font-size: 13.5px; font-weight: 800; } .dxds-counts a:hover { background: #eef4ff; } .dxds-counts b { color: var(--dxov-ink); } .dxds-counts i { width: 8px; height: 8px; border-radius: 50%; } .dxds-counts i.is-blue { background: #3174f1; } .dxds-counts i.is-warn { background: #f59e0b; } .dxds-counts i.is-ok { background: #16a34a; } .dxds-tickets { display: flex; flex-direction: column; gap: 10px; } .dxds-ticket { display: block; padding: 12px 14px; border: 1px solid var(--dxov-line); border-radius: 12px; color: var(--dxov-ink) !important; transition: border-color .15s; } .dxds-ticket:hover { border-color: #a9c4f7; } .dxds-ticket-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .dxds-ticket-top b { font-size: 12.5px; color: #1d4ed8; } .dxds-ticket strong { display: block; margin-top: 4px; font-size: 14.5px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dxds-ticket small { display: block; margin-top: 2px; font-size: 12px; color: var(--dxov-muted); } .dxds-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 16px; border-top: 1px solid #eef2f7; } .dxds-support .dxds-tickets { margin-bottom: 16px; } .dxds-foot a { font-size: 13.5px; font-weight: 800; color: #1d4ed8 !important; } .dxds-foot .dxds-call { color: #475569 !important; text-decoration: underline !important; text-underline-offset: 3px; } .dxsr { margin-bottom: 20px; background: #fff; border: 1px solid var(--dxov-line); border-radius: 16px; overflow: hidden; } .dxsr-top { padding: 18px 20px 16px; } .dxsr-tabs { display: flex; flex-wrap: wrap; gap: 8px; } .dxsr-tabs button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 0; border-radius: 10px; background: #f1f5f9; color: #475569; font: inherit; font-size: 13.5px; font-weight: 800; cursor: pointer; transition: background-color .15s, color .15s; } .dxsr-tabs button b { min-width: 22px; padding: 1px 7px; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: 12px; text-align: center; } .dxsr-tabs button:hover { background: #eef4ff; color: #1d4ed8; } .dxsr-tabs button.is-active { background: #3174f1; color: #fff; } .dxsr-tabs button.is-active b { background: rgba(255, 255, 255, .25); color: #fff; } .dxsr-tabs button:focus-visible { outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } .dxsr-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 14px; } .dxsr-tools input { width: 300px; max-width: 100%; height: 44px; padding: 0 14px; border: 1px solid var(--dxov-line); border-radius: 10px; font: inherit; font-size: 14px; color: var(--dxov-ink); } .dxsr-tools input:focus { outline: 0; border-color: #3174f1; box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxsr-wrap { overflow-x: auto; } .dxsr-table { width: 100%; border-collapse: collapse; font-size: 14px; } .dxsr-table th { padding: 12px 16px; background: #f8fafc; border-block: 1px solid var(--dxov-line); color: var(--dxov-muted); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-align: left; text-transform: uppercase; white-space: nowrap; } .dxsr-table td { padding: 14px 16px; border-bottom: 1px solid #eef2f7; vertical-align: middle; } .dxsr-table tbody tr:last-child td { border-bottom: 0; } .dxsr-table tbody tr:hover td { background: #fbfcff; } .dxsr-check { width: 44px; } .dxsr-check input { width: 18px; height: 18px; accent-color: #3174f1; } .dxsr-tag { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 5px; background: #eef4ff; color: #1d4ed8; font-size: 11.5px; font-style: normal; font-weight: 700; } .dxsr-left { display: block; font-size: 12px; font-weight: 700; color: #b45309; } .dxsr-period { display: flex; align-items: center; gap: 12px; } .dxsr-period select { height: 40px; padding: 0 10px; border: 1px solid var(--dxov-line); border-radius: 10px; background: #fff; font: inherit; font-size: 13.5px; font-weight: 700; color: var(--dxov-ink); } .dxsr-price strong { display: block; font-size: 14.5px; font-weight: 800; color: var(--dxov-ink); white-space: nowrap; } .dxsr-price small { display: block; font-size: 12px; color: var(--dxov-muted); white-space: nowrap; } .dxsr-empty td { padding: 36px 16px; text-align: center; } .dxsr-empty p { margin-bottom: 12px; color: var(--dxov-muted); } .dxsr-empty .dxov-btn + .dxov-btn { margin-left: 6px; } @media (max-width: 767px) { .dxds-card { padding: 18px 16px; } .dxds-head { flex-wrap: wrap; } .dxds-new { width: 100%; } .dxds-form { flex-wrap: wrap; } .dxds-input { flex: 1 1 100%; } .dxds-form select { flex: 1; } .dxds-form .dxov-btn { flex: 1; } .dxds-foot { flex-wrap: wrap; } .dxsr-top { padding: 14px 16px; } .dxsr-tools input { width: 100%; } .dxsr-table thead { display: none; } .dxsr-table tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 14px 16px; border-bottom: 1px solid #eef2f7; } .dxsr-table tr[hidden] { display: none; } .dxsr-table td { padding: 0; border: 0; } .dxsr-table td:nth-child(2) { flex: 1 1 calc(100% - 60px); } .dxsr-table td:nth-child(5) { flex: 1 1 100%; } .dxsr-table td.dxov-right { margin-left: auto; } .dxsr-check { width: auto; } } @media (prefers-reduced-motion: reduce) { .dxsr-tabs button, .dxds-ticket { transition: none; } } .dxov [hidden] { display: none !important; } /* Panel içerik alanı genişliğine göre (sol menü yanındaki gerçek alan; ekran genişliğinden bağımsız) */ .dxds-head h2 { white-space: nowrap; } .dxds-support .dxds-head { flex-wrap: wrap; } .dxds-quick { gap: 6px; } .dxds-quick button { padding: 4px 8px; font-size: 12px; } .dxsr-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; padding-bottom: 2px; } .dxsr-tabs button { flex-shrink: 0; white-space: nowrap; } @container dxpnmain (max-width: 940px) { .dxds-row { grid-template-columns: minmax(0, 1fr); } } @container dxpnmain (max-width: 1100px) { :where(.dxpn) .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #dxOrders .dxo-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } #dxOrders .dxo-field.is-search, #dxOrders .dxo-field.is-range, #dxOrders .dxo-field.is-actions { grid-column: span 3; } } @container dxpnmain (max-width: 620px) { :where(.dxpn) .metrics-grid { grid-template-columns: minmax(0, 1fr); } .dxds-head h2 { white-space: normal; } } .dxds-support .dxds-head h2 { font-size: 18px; } .dxds-support .dxds-new { margin-left: auto; } .dxds-quick { gap: 5px; } .dxds-quick > span { font-size: 12px; } .dxds-quick button { padding: 3px 7px; font-size: 11.5px; } .dxsr-tabs { gap: 6px; } .dxsr-tabs button { min-height: 38px; padding: 7px 11px; font-size: 13px; gap: 6px; } /* ========================================================================= YÖNETİM · LİSANS KATALOĞU ve MÜŞTERİ LİSANSLARI (admin/licensing/*, .dxlc-*) ========================================================================= */ .dxlc-head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; } .dxlc-head h1 { margin: 0 0 4px; font-size: 21px; font-weight: 800; color: #0f172a; } .dxlc-head p { margin: 0; max-width: 760px; font-size: 13px; color: #64748b; } .dxlc-head-actions { display: flex; gap: 8px; flex-wrap: wrap; } .dxlc-section { margin-bottom: 22px; } .dxlc-section h2 { margin: 0 0 10px; font-size: 15px; font-weight: 800; color: #0f172a; } .dxlc-section h2 small { margin-left: 6px; font-size: 12px; font-weight: 600; color: #64748b; } .dxlc-item { margin-bottom: 8px; padding: 10px 12px; background: #fff; border: 1px solid #e2e8f0; border-left: 4px solid #cbd5e1; border-radius: 10px; } .dxlc-item.is-active { border-left-color: #16a34a; } .dxlc-item.is-draft { border-left-color: #f59e0b; background: #fffdf7; } .dxlc-item.is-retired { border-left-color: #94a3b8; opacity: .75; } .dxlc-row { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; } .dxlc-row label { display: flex; flex-direction: column; gap: 3px; margin: 0; font-size: 11px; font-weight: 700; color: #64748b; } .dxlc-row input, .dxlc-row select, .dxlc-grid textarea, .dxlc-grid input { height: 34px; padding: 4px 8px; border: 1px solid #cbd5e1; border-radius: 7px; font-size: 13px; color: #0f172a; background: #fff; } .dxlc-id { display: flex; align-items: center; gap: 8px; flex: 1 1 320px; min-width: 260px; } .dxlc-id code { flex-shrink: 0; padding: 3px 7px; border-radius: 6px; background: #f1f5f9; color: #1d4ed8; font-size: 11.5px; } .dxlc-id input[name="name"] { flex: 1; min-width: 0; font-weight: 700; } .dxlc-id .dxlc-group { width: 140px; } .dxlc-price input { width: 110px; } .dxlc-small input, .dxlc-small select { width: 80px; } .dxlc-status select { width: 170px; } .dxlc-lic input { width: 210px; font-family: ui-monospace, monospace; font-size: 12px; } .dxlc-nolic { align-self: center; padding: 3px 8px; border-radius: 999px; background: #fef3c7; color: #92400e; font-size: 11.5px; font-weight: 800; white-space: nowrap; } .dxlc-wide { flex: 1 1 220px; } .dxlc-wide input { width: 100%; } .dxlc-more { margin-top: 8px; } .dxlc-more summary { cursor: pointer; font-size: 12px; font-weight: 700; color: #1d4ed8; } .dxlc-more summary em { font-style: normal; font-weight: 600; color: #94a3b8; } .dxlc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 110px; gap: 10px; margin-top: 8px; } .dxlc-grid label { display: flex; flex-direction: column; gap: 3px; margin: 0; font-size: 11px; font-weight: 700; color: #64748b; } .dxlc-grid textarea { height: auto; min-height: 70px; resize: vertical; } .dxlc-deps { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; padding: 10px; border: 1px dashed #cbd5e1; border-radius: 8px; } .dxlc-deps legend { width: auto; margin: 0; padding: 0 4px; font-size: 11px; font-weight: 800; color: #475569; } .dxlc-deps label { display: inline-flex; align-items: center; gap: 5px; margin: 0; font-size: 12.5px; color: #334155; } .dxlc-row .dxlc-check input { width: 18px; height: 18px; margin: 8px 0; } .dxlc-hint { margin: 8px 0 0; font-size: 12px; color: #64748b; } .dxlc-filter { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; } .dxlc-filter input[type="search"] { max-width: 320px; } .dxlc-filter label { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; } .dxlc-table td, .dxlc-table th { vertical-align: middle; font-size: 13px; } .dxlc-setup { display: flex; gap: 6px; min-width: 260px; } .dxlc-setup input { max-width: 130px; } @media (max-width: 991px) { .dxlc-grid { grid-template-columns: minmax(0, 1fr); } } /* Panel: Lisanslarım (portal/licenses/index, .dxlic-*) */ .dxlic-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .dxlic-head h2 { margin: 0 0 8px; font-size: 19px; font-weight: 800; color: var(--dxov-ink); } .dxlic-head p { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .dxlic-domain { font-size: 13px; font-weight: 700; color: #334155; } .dxlic-dates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0; } .dxlic-dates div { padding: 10px 12px; border-radius: 10px; background: #f8fafc; } .dxlic-dates dt { font-size: 12px; font-weight: 700; color: var(--dxov-muted); } .dxlic-dates dd { margin: 2px 0 0; font-size: 14.5px; font-weight: 800; color: var(--dxov-ink); } .dxlic-table { margin: 0 -20px 4px; } .dxlic-add { margin-top: 16px; padding-top: 16px; border-top: 1px solid #eef2f7; } .dxlic-add h3 { margin: 0 0 4px; font-size: 16px; font-weight: 800; color: var(--dxov-ink); } .dxlic-add > p { margin-bottom: 12px; font-size: 13.5px; color: var(--dxov-muted); } .dxlic-modules fieldset { margin-bottom: 12px; } .dxlic-modules legend { margin-bottom: 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #94a3b8; } .dxlic-module { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 8px; padding: 12px 14px; border: 1px solid var(--dxov-line); border-radius: 12px; cursor: pointer; } .dxlic-module:hover { border-color: #a9c4f7; } .dxlic-module:has(input:checked) { border-color: #3174f1; background: #f5f8ff; } .dxlic-module input { width: 18px; height: 18px; margin-top: 2px; accent-color: #3174f1; } .dxlic-module > span { flex: 1; min-width: 0; } .dxlic-module strong { display: block; font-size: 14.5px; font-weight: 800; color: var(--dxov-ink); } .dxlic-module small { display: block; margin-top: 2px; font-size: 13px; color: #475569; } .dxlic-module em { display: block; margin-top: 2px; font-size: 12px; font-style: normal; color: var(--dxov-muted); } .dxlic-module > b { flex-shrink: 0; text-align: right; font-size: 14.5px; font-weight: 800; color: var(--dxov-ink); white-space: nowrap; } .dxlic-module > b small { display: inline; font-size: 11.5px; color: var(--dxov-muted); } .dxlic-module > b i { display: block; font-size: 12px; font-style: normal; font-weight: 600; color: var(--dxov-muted); } @container dxpnmain (max-width: 620px) { .dxlic-dates { grid-template-columns: minmax(0, 1fr); } .dxlic-module { flex-wrap: wrap; } .dxlic-module > b { width: 100%; text-align: left; padding-left: 30px; } } /* ========================================================================= DAYNEX E-TİCARET (WOY IO) — tanıtım (public/woyio/show, .dxwy-*) ve modüler satın alma (public/woyio/buy, .dxwb-*) daynex-tasarım ecommerce-flagship / ecommerce-modular; e-ticaretin turkuaz vurgusu + site mavisi düğmeler. Izgara header ile aynı (1320/15). Breadcrumb yok. Yerleşim: layouts/site (Bootstrap'sız). ========================================================================= */ .dxsite { margin: 0; background: #fff; } .dxwy { --wy-ink: #0f172a; --wy-muted: #64748b; --wy-teal: #3174f1; --wy-blue: #3174f1; --wy-blue-dark: #1d4ed8; --wy-line: #e2e8f0; --wy-soft: #f5f8ff; color: var(--wy-ink); font-family: 'Nunito', sans-serif; padding-bottom: 56px; } .dxwy * { box-sizing: border-box; } .dxwy :is(h1, h2, h3, h4, p, figure, ul, dl, dd) { margin: 0; } .dxwy :is(h1, h2, h3, h4) { color: var(--wy-ink); letter-spacing: -.025em; font-family: inherit; } .dxwy img { display: block; max-width: 100%; height: auto; } .dxwy a { text-decoration: none; } .dxwy-wrap { max-width: 1320px; margin-inline: auto; padding-inline: 15px; } .dxwy-eyebrow { display: block; margin-bottom: 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; color: var(--wy-teal); } .dxwy-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 12px 22px; border: 0; border-radius: 12px; background: var(--wy-blue); color: #fff !important; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: background-color .15s, box-shadow .15s; } .dxwy-btn:hover { background: var(--wy-blue-dark); box-shadow: 0 8px 20px rgba(49, 116, 241, .22); } .dxwy-btn.is-ghost { background: #fff; color: var(--wy-ink) !important; border: 1px solid var(--wy-line); } .dxwy-btn.is-ghost:hover { background: var(--wy-soft); box-shadow: none; } .dxwy-btn.is-block { display: flex; width: 100%; } .dxwy-btn:disabled { opacity: .7; cursor: progress; } .dxwy-btn:focus-visible, .dxwy-link:focus-visible, .dxwy a:focus-visible { outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 3px; } .dxwy-link { display: inline-flex; align-items: center; gap: 4px; font-size: 14.5px; font-weight: 800; color: var(--wy-blue-dark) !important; } .dxwy-link:hover { text-decoration: underline; text-underline-offset: 4px; } .dxwy-note { margin-top: 16px !important; font-size: 13.5px; line-height: 1.65; color: var(--wy-muted); } .dxwy-checks { padding: 0; list-style: none; } .dxwy-checks li { position: relative; padding: 4px 0 4px 26px; font-size: 14.5px; color: #475569; } .dxwy-checks li::before { content: "✓"; position: absolute; left: 0; top: 4px; color: var(--wy-teal); font-weight: 800; } /* Hero */ .dxwy-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 48px; margin-top: 28px; padding: 44px 48px; border: 1px solid var(--wy-line); border-left: 4px solid var(--wy-teal); border-radius: 24px; background: linear-gradient(120deg, #fff 55%, #f5f8ff); } .dxwy-hero h1 { margin-bottom: 18px; font-size: clamp(34px, 3.6vw, 50px); font-weight: 800; line-height: 1.12; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-hero h1 em { display: block; font-style: normal; color: var(--wy-blue); } .dxwy-hero p { max-width: 560px; font-size: 16.5px; line-height: 1.7; color: #475569; } .dxwy-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 26px; } .dxwy-signature { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 22px; } .dxwy-signature span { font-size: 13.5px; font-weight: 700; color: var(--wy-muted); } .dxwy-signature span::before { content: "✓ "; color: var(--wy-teal); } .dxwy-hero-visual img { margin-inline: auto; max-height: 420px; width: auto; } /* Sayfa içi menü */ .dxwy-pagenav { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 6px 28px; flex-wrap: wrap; margin: 28px 0 8px; padding: 14px 4px; border-block: 1px solid var(--wy-line); background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px); } .dxwy-pagenav strong { font-size: 14.5px; font-weight: 800; } .dxwy-pagenav a { font-size: 14px; font-weight: 700; color: var(--wy-muted) !important; } .dxwy-pagenav a:hover { color: var(--wy-teal) !important; } .dxwy-pagenav .dxwy-pagenav-cta { margin-left: auto; color: var(--wy-blue) !important; font-weight: 800; } /* Bölüm girişleri */ .dxwy section { scroll-margin-top: 80px; } .dxwy-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 40px; margin-bottom: 26px; } .dxwy-intro h2, .dxwy-design-copy h2, .dxwy-mobile h2, .dxwy-closing h2 { font-size: clamp(26px, 2.6vw, 36px); font-weight: 800; line-height: 1.2; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-intro p { font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-difference { padding-top: 48px; } .dxwy-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .dxwy-choices article { display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--wy-line); border-radius: 18px; background: #fff; transition: border-color .15s, box-shadow .15s; } .dxwy-choices article:hover { border-color: #bfd3fb; box-shadow: 0 12px 28px rgba(15, 23, 42, .07); } .dxwy-choice-visual { display: block; margin-bottom: 18px; } .dxwy-choice-visual img { height: 190px; width: auto; margin-inline: auto; object-fit: contain; } .dxwy-choices h3 { margin-bottom: 8px; font-size: 19px; font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-choices p { flex: 1; margin-bottom: 14px; font-size: 14.5px; line-height: 1.65; color: var(--wy-muted); } /* Deneyim sekmeleri */ .dxwy-experience { margin-top: 48px; padding: 36px 40px; border: 1px solid var(--wy-line); border-radius: 24px; background: #fff; } .dxwy-tabs { display: flex; gap: 6px 24px; flex-wrap: wrap; margin-bottom: 26px; border-bottom: 1px solid var(--wy-line); } .dxwy-tabs button { position: relative; padding: 10px 2px 14px; border: 0; background: none; font: inherit; font-size: 15px; font-weight: 800; color: var(--wy-muted); cursor: pointer; } .dxwy-tabs button[aria-selected="true"] { color: var(--wy-ink); } .dxwy-tabs button[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 3px; background: var(--wy-teal); } .dxwy-tabs button:focus-visible { outline: 3px solid rgba(49, 116, 241, .35); outline-offset: 2px; } .dxwy-panel-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; margin-bottom: 26px; } .dxwy-panel-head h3 { margin-bottom: 14px; font-size: 24px; font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-panel-head p { margin-bottom: 12px; font-size: 15px; line-height: 1.7; color: #475569; } .dxwy-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .dxwy-features[data-count="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dxwy-features article { padding: 16px; border: 1px solid var(--wy-line); border-radius: 16px; background: #fff; } .dxwy-features img { height: 140px; width: auto; margin: 0 auto 14px; object-fit: contain; } .dxwy-features img.is-real { width: 100%; height: 140px; object-fit: cover; object-position: top; border-radius: 10px; border: 1px solid var(--wy-line); } .dxwy-features h4 { margin-bottom: 6px; font-size: 16px; font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwy-features p { font-size: 13.5px; line-height: 1.6; color: var(--wy-muted); } .dxwy-integrations { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; } .dxwy-integrations article { padding: 16px; border-radius: 16px; background: var(--wy-soft); } .dxwy-integrations h4 { margin-bottom: 12px; font-size: 15px; font-weight: 800; } .dxwy-logos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; } .dxwy-logos img { width: 100%; height: 46px; padding: 8px; object-fit: contain; border-radius: 10px; background: #fff; border: 1px solid var(--wy-line); } .dxwy-integrations p { font-size: 13px; line-height: 1.55; color: var(--wy-muted); } .dxwy-integrations .dxwy-note { grid-column: 1 / -1; margin-top: 0 !important; } .dxwy-screen { margin-bottom: 20px; border: 1px solid var(--wy-line); border-radius: 16px; overflow: hidden; background: #fff; } .dxwy-screen-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--wy-soft); border-bottom: 1px solid var(--wy-line); } .dxwy-screen-bar i { width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; } .dxwy-screen-bar span { margin-left: 8px; font-size: 13px; font-weight: 700; color: var(--wy-muted); } .dxwy-screen img { width: 100%; } .dxwy-screen figcaption { padding: 10px 14px; font-size: 12.5px; color: var(--wy-muted); } .dxwy-screen figcaption a { color: var(--wy-teal); font-weight: 700; } /* Tasarım, mobil, kapanış */ .dxwy-design { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 48px; margin-top: 32px; padding: 40px; border: 1px solid var(--wy-line); border-radius: 24px; } .dxwy-design-visual { position: relative; } .dxwy-design-visual img { max-height: 340px; width: auto; margin-inline: auto; } .dxwy-colors { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 8px 14px; border-radius: 999px; background: var(--wy-soft); font-size: 12.5px; font-weight: 700; color: var(--wy-muted); } .dxwy-colors i { width: 16px; height: 16px; border-radius: 50%; background: var(--wy-teal); } .dxwy-colors i:nth-of-type(2) { background: #f59e0b; } .dxwy-colors i:nth-of-type(3) { background: #3174f1; } .dxwy-colors b { color: var(--wy-ink); } .dxwy-design-copy h2 { margin-bottom: 14px; } .dxwy-design-copy > p { margin-bottom: 18px; font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-options { margin-bottom: 18px; border-top: 1px solid var(--wy-line); } .dxwy-options div { padding: 14px 0; border-bottom: 1px solid var(--wy-line); } .dxwy-options dt { margin-bottom: 4px; font-size: 16px; font-weight: 800; } .dxwy-options dd { font-size: 14px; color: var(--wy-muted); } .dxwy-mobile { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px; margin-top: 32px; padding: 40px; border: 1px solid var(--wy-line); border-radius: 24px; } .dxwy-mobile h2 { margin-bottom: 14px; } .dxwy-mobile p { margin-bottom: 16px; font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-platforms { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin-bottom: 16px; } .dxwy-platforms span { padding: 5px 12px; border: 1px solid var(--wy-line); border-radius: 8px; font-size: 13px; font-weight: 800; } .dxwy-platforms strong { font-size: 13px; font-weight: 600; color: var(--wy-muted); } .dxwy-mobile figure img { max-height: 300px; width: auto; margin-inline: auto; } .dxwy-mobile figcaption { margin-top: 8px; text-align: center; font-size: 12px; color: var(--wy-muted); } .dxwy-closing { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-top: 32px; padding: 40px; border-radius: 24px; background: var(--wy-soft); } .dxwy-closing h2 { margin-bottom: 12px; } .dxwy-closing p { max-width: 620px; font-size: 15.5px; line-height: 1.7; color: #475569; } .dxwy-closing-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; } /* Modüler satın alma */ .dxwb-head { padding: 34px 0 20px; } .dxwb-head h1 { margin-bottom: 8px; font-size: clamp(30px, 3vw, 42px); font-weight: 800; color: var(--wy-ink); letter-spacing: -.02em; } .dxwb-head p { margin-bottom: 10px; font-size: 16px; color: #475569; } .dxwb-stepper { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 22px; } .dxwb-stepper button { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--wy-line); border-radius: 12px; background: #fff; font: inherit; font-size: 13.5px; font-weight: 800; color: var(--wy-muted); text-align: left; cursor: pointer; } .dxwb-stepper b { flex: 0 0 26px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #eef2f6; font-size: 12.5px; } .dxwb-stepper button[aria-current="step"] { border-color: var(--wy-teal); color: var(--wy-ink); box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxwb-stepper button[aria-current="step"] b, .dxwb-stepper button.is-done b { background: var(--wy-teal); color: #fff; } .dxwb-error { margin-bottom: 16px; padding: 12px 16px; border-radius: 12px; background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; font-weight: 700; } .dxwb-config { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; } .dxwb-steps { min-width: 0; } .dxwb-step { margin-bottom: 18px; padding: 28px; border: 1px solid var(--wy-line); border-radius: 20px; background: #fff; } .dxwb-step h2 { margin-bottom: 8px; font-size: 26px; font-weight: 800; line-height: 1.2; color: var(--wy-ink); letter-spacing: -.02em; } .dxwb-step > p { margin-bottom: 18px; font-size: 15px; line-height: 1.65; color: #475569; } .dxwb-base { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; padding: 20px; border-radius: 16px; background: var(--wy-soft); } .dxwb-base h3 { margin: 8px 0 10px; font-size: 20px; font-weight: 800; } .dxwb-pill { display: inline-block; padding: 3px 10px; border-radius: 999px; background: #eef4ff; color: #1e40af; font-size: 12px; font-weight: 800; } .dxwb-base-prices { display: flex; flex-direction: column; gap: 10px; min-width: 210px; } .dxwb-base-prices div { padding: 12px 14px; border-radius: 12px; background: #fff; border: 1px solid var(--wy-line); } .dxwb-base-prices span { display: block; font-size: 12.5px; font-weight: 700; color: var(--wy-muted); } .dxwb-base-prices strong { font-size: 20px; font-weight: 800; } .dxwb-base-prices small { margin-left: 4px; font-size: 12px; color: var(--wy-muted); } .dxwb-choices { display: grid; gap: 10px; margin: 0; padding: 0; border: 0; } .dxwb-choice { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 16px 18px; border: 1px solid var(--wy-line); border-radius: 14px; cursor: pointer; transition: border-color .15s, background-color .15s; } .dxwb-choice:hover { border-color: #bfd3fb; } .dxwb-choice:has(input:checked) { border-color: var(--wy-teal); background: #f5f8ff; box-shadow: 0 0 0 3px rgba(49, 116, 241, .1); } .dxwb-choice input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--wy-teal); } .dxwb-choice > span { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; } .dxwb-choice strong { font-size: 16px; font-weight: 800; } .dxwb-choice small { grid-column: 1; font-size: 13.5px; line-height: 1.55; color: var(--wy-muted); } .dxwb-choice b { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 15px; font-weight: 800; white-space: nowrap; } .dxwb-brief { margin-top: 14px; } .dxwb-brief label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 800; } .dxwb-brief textarea { width: 100%; padding: 12px 14px; border: 1px solid #cbd5e1; border-radius: 12px; font: inherit; font-size: 14.5px; resize: vertical; } .dxwb-brief textarea:focus { outline: 0; border-color: var(--wy-teal); box-shadow: 0 0 0 3px rgba(49, 116, 241, .12); } .dxwb-brief small { display: block; margin-top: 6px; font-size: 12.5px; color: var(--wy-muted); } .dxwb-sub { margin: 40px 0 6px; padding-top: 28px; border-top: 1px solid var(--wy-line); font-size: 18px; font-weight: 800; } .dxwb-group { margin: 0 0 16px; padding: 0; border: 0; } .dxwb-group legend { margin-bottom: 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; } .dxwb-modules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .dxwb-module { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 14px; border: 1px solid var(--wy-line); border-radius: 14px; cursor: pointer; } .dxwb-module:hover { border-color: #bfd3fb; } .dxwb-module:has(input:checked) { border-color: var(--wy-teal); background: #f5f8ff; } .dxwb-module input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--wy-teal); } .dxwb-module > span { flex: 1; min-width: 0; } .dxwb-module > .dxwb-mark, .dxlic-module > .dxwb-mark, .dxwb-mark { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: #eef4ff; color: #3174f1; } .dxwb-mark svg { width: 22px; height: 22px; } .dxwb-mark.is-logo { width: 84px; padding: 4px 8px; background: #fff; border: 1px solid #e2e8f0; } .dxwb-mark.is-logo img { max-width: 100%; max-height: 28px; object-fit: contain; } @media (max-width: 575px) { .dxwb-mark.is-logo { width: 64px; } } .dxwb-line .dxwb-disc { display: block; margin-top: 2px; font-size: 11.5px; font-style: normal; font-weight: 700; color: #15803d; } .dxwb-line s { margin-right: 4px; font-weight: 600; color: #94a3b8; } .dxwb-final .dxwb-line { align-items: center; } .dxwb-final .dxwb-line > span { flex: 1; min-width: 0; } .dxwb-remove { flex-shrink: 0; margin-left: 12px; padding: 4px 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; font: inherit; font-size: 12.5px; font-weight: 700; color: #b91c1c; cursor: pointer; } .dxwb-remove:hover { border-color: #fecaca; background: #fef2f2; } .dxwb-restore { flex-shrink: 0; margin-left: 12px; padding: 4px 10px; border: 1px solid #bfd3fb; border-radius: 8px; background: #eef4ff; font: inherit; font-size: 12.5px; font-weight: 700; color: #1d4ed8; cursor: pointer; } .dxwb-restore:hover { background: #dbe7fd; } .dxwb-line.is-removed > span { color: #94a3b8; text-decoration: line-through; } .dxwb-line.is-removed .dxwb-disc { text-decoration: none; } .dxwb-line .dxwb-disc.is-muted { color: #94a3b8; } .dxwb-offers { margin-bottom: 18px; padding: 18px; border: 1px solid #bbf7d0; border-radius: 16px; background: #f0fdf4; } .dxwb-offers h3 { margin-bottom: 10px; font-size: 16px; font-weight: 800; color: #166534; } .dxwb-offer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid #dcfce7; } .dxwb-offer:first-of-type { border-top: 0; padding-top: 0; } .dxwb-offer strong { display: block; font-size: 14.5px; font-weight: 800; color: #0f172a; } .dxwb-offer p { margin-top: 2px; font-size: 13.5px; line-height: 1.55; color: #334155; } .dxwb-offer .dxwy-btn { flex-shrink: 0; min-height: 40px; padding: 8px 16px; font-size: 13.5px; } @media (max-width: 575px) { .dxwb-offer { flex-direction: column; align-items: stretch; } } .dxwb [hidden] { display: none !important; } /* .dxwy-btn display kuralı hidden'ı ezmesin (özet butonları, adımlar) */ .dxwb .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .dxwb-module strong { display: block; font-size: 15px; font-weight: 800; } .dxwb-module small { display: block; margin-top: 2px; font-size: 13px; line-height: 1.5; color: #475569; } .dxwb-module em { display: block; margin-top: 3px; font-size: 12px; font-style: normal; color: var(--wy-muted); } .dxwb-module > b { flex-shrink: 0; font-size: 14px; font-weight: 800; white-space: nowrap; text-align: right; } .dxwb-module > b small { display: inline; font-size: 11.5px; font-weight: 600; color: var(--wy-muted); } .dxwb-module.is-soon, .dxwb-module.is-unavailable { opacity: .6; cursor: not-allowed; background: #fafbfc; } .dxwb-module b.is-soon { color: var(--wy-muted); } .dxwb-module b.is-soon small { display: block; } .dxwb-module b.is-soon a { color: var(--wy-teal); font-weight: 700; } .dxwb-final { margin-bottom: 8px; border-top: 1px solid var(--wy-line); } .dxwb-line { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--wy-line); font-size: 14.5px; } .dxwb-line b { white-space: nowrap; } .dxwb-submit { margin-top: 16px; } .dxwb-controls { display: flex; justify-content: space-between; gap: 12px; } .dxwb-controls [hidden] { display: none; } .dxwb-controls .dxwy-btn:only-child, .dxwb-controls [data-dxwb-next] { margin-left: auto; } body:not(.dxwb-js) .dxwb-controls { display: none; } .dxwb-summary { position: sticky; top: 76px; padding: 22px; border: 1px solid var(--wy-line); border-radius: 20px; background: #fff; } .dxwb-summary h2 { margin-bottom: 12px; font-size: 18px; font-weight: 800; } .dxwb-summary .dxwb-line { font-size: 13.5px; } .dxwb-totals { margin-top: 12px; } .dxwb-totals div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; } .dxwb-totals dt { font-size: 14px; font-weight: 700; color: var(--wy-muted); } .dxwb-totals dd { font-size: 16px; font-weight: 800; } .dxwb-totals div:first-child dd { font-size: 22px; color: var(--wy-teal); } .dxwb-totals .is-sub dd { font-size: 14px; color: var(--wy-muted); } .dxwb-summary-note { margin: 10px 0 0 !important; font-size: 12px; line-height: 1.5; color: var(--wy-muted); } .dxwb-closed { margin: 10px 0 40px; padding: 40px; border-radius: 20px; background: var(--wy-soft); text-align: center; } .dxwb-closed h2 { margin-bottom: 8px; font-size: 24px; font-weight: 800; } .dxwb-closed p { margin-bottom: 18px; color: var(--wy-muted); } @media (max-width: 1199px) { .dxwy-features[data-count="4"], .dxwy-integrations { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxwb-stepper { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 991px) { .dxwy-hero, .dxwy-design, .dxwy-mobile, .dxwy-intro, .dxwy-panel-head { grid-template-columns: minmax(0, 1fr); gap: 24px; } .dxwy-hero { padding: 28px 22px; } .dxwy-choices, .dxwy-features { grid-template-columns: minmax(0, 1fr); } .dxwy-experience, .dxwy-design, .dxwy-mobile, .dxwy-closing { padding: 24px 20px; } .dxwy-pagenav { position: static; gap: 8px 16px; } .dxwy-pagenav .dxwy-pagenav-cta { margin-left: 0; } .dxwb-config { grid-template-columns: minmax(0, 1fr); } .dxwb-summary { position: static; } .dxwb-modules { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 575px) { .dxwy-hero h1 { font-size: 30px; } .dxwy-hero h1 em { display: inline; } .dxwy-features[data-count="4"], .dxwy-integrations { grid-template-columns: minmax(0, 1fr); } .dxwb-stepper { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dxwb-step { padding: 20px 16px; } .dxwb-base { grid-template-columns: minmax(0, 1fr); } .dxwb-choice > span { grid-template-columns: minmax(0, 1fr); } .dxwb-choice b { grid-column: 1; grid-row: auto; } .dxwb-module { flex-wrap: wrap; } .dxwb-module > b { width: 100%; padding-left: 28px; text-align: left; } .dxwy-btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { .dxwy-btn, .dxwy-choices article, .dxwb-choice { transition: none; } }