/* Final, scoped theme layer. Keep WHMCS markup, module output and form behaviour intact. */ body.dahinet-theme { --dn-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --dn-ink: #0f172a; --dn-muted: #475569; --dn-blue: #1d4ed8; --dn-navy: #0f172a; --dn-line: #e2e8f0; --dn-surface: #fff; --dn-bg: #f5f7fb; --primary-blue: #1d4ed8; --dark-blue: #1e40af; --text-dark: #0f172a; --text-gray: #475569; --sky-blue: #eff6ff; --gradient-1: #1d4ed8; --dd-primary: #1d4ed8; --dd-radius: 12px; background: var(--dn-bg) !important; color: var(--dn-ink) !important; font-family: var(--dn-font) !important; font-size: 15px; line-height: 1.6; } body.dahinet-theme :is(p, li, a, span, label, input, button, select, textarea):not(:where(.fa, .fas, .far, .fal, .fab, .fad, .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands)) { font-family: var(--dn-font) !important; } body.dahinet-theme :is(h1, h2, h3, h4, h5, h6) { font-family: var(--dn-font) !important; color: var(--dn-ink); line-height: 1.35; letter-spacing: -.025em; overflow-wrap: anywhere; } body.dahinet-theme a { color: var(--dn-blue); } /* WHMCS tables and native account forms use the same family as the shell. */ body.dahinet-theme :is(table, th, td, dt, dd, strong, b, small, legend) { font-family: var(--dn-font) !important; } /* Override older component font declarations without touching icon glyphs. */ body.dahinet-theme .dahinet-navbar .logo a, body.dahinet-theme .dahinet-navbar .logo a span, body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-brand, body.dahinet-theme :is(.card-title, .panel-title, .dahinet-sidebar-panel-title, .dahinet-offer-badge, .dn-reg-trust-logo, .dn-reg-trust-heading, .dn-reg-step-num, .dn-reg-cta, .dn-btn-generate, .btn-secondary-outline, .btn-primary-header), body.dahinet-theme .dahinet-login-page, body.dahinet-theme .dahinet-login-page :is(h1, h2, h3, h4, h5, h6, .h3, .form-control, .form-control-label, .text-muted, .btn, label, p, li, span, strong):not(:where( .fa, .fas, .far, .fal, .fab, .fad, .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands)) { font-family: var(--dn-font) !important; } body.dahinet-theme a:hover { color: #1e40af; } body.dahinet-theme :is(.text-muted, .dn-page-subtitle, .dn-results-note, .dn-search-empty p, .dn-pd-billing-label, .dn-pd-last-update, .dn-pd-info-label, .dd-detail-label, .dd-ssl-item-label, .dn-reg-submit-note, .dn-svc-domain-link, .dn-domain-expiry, .dn-domain-meta) { color: var(--dn-muted) !important; } body.dahinet-theme :is(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #1d4ed8 !important; outline-offset: 3px !important; } body.dahinet-theme :is(button, a, input, select, textarea) { scroll-margin-top: 140px; } body.dahinet-theme :is(.dahinet-content, .dn-welcome-text, .dn-panel-title-wrap, .dn-page-header-left) { min-width: 0; } /* Header controls need their own palette; global button rules must not wash them out. */ body.dahinet-theme .dahinet-header { background: #fff !important; box-shadow: none !important; border-bottom: 1px solid var(--dn-line); } body.dahinet-theme .dahinet-header .dahinet-topbar { background: #0f172a !important; padding: 8px 0 !important; } body.dahinet-theme .dahinet-header .dahinet-topbar :is(a, button, .client-label) { color: #f8fafc !important; background: transparent !important; background-image: none !important; border-color: #64748b !important; box-shadow: none !important; } body.dahinet-theme .dahinet-header .dahinet-topbar :is(a, button):hover { background: #1e293b !important; color: #fff !important; } body.dahinet-theme .dahinet-header .dahinet-topbar :is(a, button):focus-visible, body.dahinet-theme .dahinet-footer :is(a, button):focus-visible { outline-color: #93c5fd !important; } body.dahinet-theme .topbar-content { gap: 12px; } body.dahinet-theme .active-client-info { min-width: 0; gap: 8px; } body.dahinet-theme .dahinet-topbar .client-name { overflow-wrap: anywhere; max-width: 32rem; white-space: normal; } body.dahinet-theme .dahinet-topbar :is(.btn-notifications, .btn-switch, .btn-admin-return) { min-height: 36px; padding: 6px 10px !important; border-radius: 6px !important; } body.dahinet-theme .dahinet-topbar .notification-count { color: #0f172a !important; background: #fff !important; } body.dahinet-theme .dahinet-navbar { gap: 18px !important; } body.dahinet-theme .dahinet-header .logo a { color: #0f172a !important; } body.dahinet-theme .dahinet-header .nav-menu > li > a { background: transparent !important; color: #1e293b !important; box-shadow: none !important; border: 1px solid transparent !important; border-radius: 8px !important; font-size: 14px !important; } body.dahinet-theme .dahinet-header .nav-menu > li > a:is(:hover, .active, .btn-login) { background: #eff6ff !important; color: #1d4ed8 !important; border-color: #bfdbfe !important; } body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu { background: #fff !important; color: #0f172a !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 12px 32px #0f172a14 !important; } body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a { color: #1e293b !important; } body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a:hover { background: #eff6ff !important; color: #1d4ed8 !important; } body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu :is(span, strong) { color: inherit !important; } body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu i { background: #eff6ff !important; color: #1d4ed8 !important; } body.dahinet-theme .dahinet-header .navbar-actions .btn-icon { color: #334155 !important; background: #f8fafc !important; border: 1px solid #cbd5e1 !important; box-shadow: none !important; border-radius: 8px !important; min-width: 44px; min-height: 44px; } body.dahinet-theme .dahinet-header .navbar-actions .btn-icon:hover { background: #eff6ff !important; color: #1d4ed8 !important; } body.dahinet-theme .dahinet-header .icon-badge { background: #1d4ed8 !important; color: #fff !important; } body.dahinet-theme .dahinet-header .hamburger { min-width: 44px; min-height: 44px; background: #fff !important; border: 1px solid #cbd5e1 !important; border-radius: 8px; } body.dahinet-theme .dahinet-header .hamburger span { background: #1e293b !important; } body.dahinet-theme .dn-workspace-nav { background: #fff; } body.dahinet-theme .dn-workspace-links a { color: #475569; font-size: 14px; } body.dahinet-theme .dn-workspace-links a.active { color: #1d4ed8; border-color: #1d4ed8; background: #eff6ff; } /* One button language, including controls injected by WHMCS modules. */ body.dahinet-theme :is(.btn, .dn-btn, .dn-welcome-action, .dn-panel-btn, .btn-primary-header, .btn-secondary-outline, .dn-reg-cta, .dn-alert-banner-btn, .dn-manage-btn) { display: inline-flex; align-items: center; justify-content: center; gap: 8px !important; min-height: 44px; padding: 10px 16px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; white-space: normal !important; overflow-wrap: anywhere; background: #fff !important; color: #1e293b !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; box-shadow: none !important; transform: none !important; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease !important; } body.dahinet-theme :is(.btn, .dn-btn, .dn-welcome-action, .dn-panel-btn, .btn-secondary-outline, .dn-manage-btn):hover { color: #0f172a !important; background: #f1f5f9 !important; border-color: #94a3b8 !important; } body.dahinet-theme :is(.btn-primary, .dn-btn-primary, .dn-welcome-action-primary, .btn-primary-header, .dn-reg-cta, .btn-info) { background: #1d4ed8 !important; color: #fff !important; border-color: #1d4ed8 !important; } body.dahinet-theme :is(.btn-primary, .dn-btn-primary, .dn-welcome-action-primary, .btn-primary-header, .dn-reg-cta, .btn-info):hover { background: #1e40af !important; color: #fff !important; border-color: #1e40af !important; } body.dahinet-theme :is(.btn-success) { background: #166534 !important; color: #fff !important; border-color: #166534 !important; } body.dahinet-theme :is(.btn-success):hover { background: #14532d !important; color: #fff !important; } body.dahinet-theme :is(.btn-danger) { background: #b91c1c !important; color: #fff !important; border-color: #b91c1c !important; } body.dahinet-theme :is(.btn-danger):hover { background: #991b1b !important; color: #fff !important; } body.dahinet-theme :is(.btn-warning) { background: #fef3c7 !important; color: #78350f !important; border-color: #d97706 !important; } body.dahinet-theme :is(.btn-dark) { background: #1e293b !important; color: #fff !important; border-color: #1e293b !important; } body.dahinet-theme .btn-link { color: #1d4ed8 !important; background: transparent !important; border-color: transparent !important; } body.dahinet-theme :is(.btn, .dn-btn):is(:disabled, .disabled) { opacity: .65 !important; cursor: not-allowed !important; } body.dahinet-theme .btn.loading { color: transparent !important; } body.dahinet-theme .btn-sm { padding: 6px 12px !important; font-size: 13px !important; min-height: 36px; } body.dahinet-theme .btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0 !important; } body.dahinet-theme .btn-group > .btn:first-child:not(:last-child) { border-radius: 8px 0 0 8px !important; } body.dahinet-theme .btn-group > .btn:last-child:not(:first-child) { border-radius: 0 8px 8px 0 !important; } body.dahinet-theme .input-group .btn { min-height: 44px; border-radius: 0 8px 8px 0 !important; } /* Surfaces and readable forms. Native widget semantics are retained. */ body.dahinet-theme :is(.card, .dn-panel-card, .dn-domain-card, .dn-content-area, .dn-pd-status-card, .dn-pd-info-card, .dn-pd-billing-card, .dn-pd-section, .dn-stat-card, .dn-reg-card, .dahinet-login-card, .modal-content) { background: #fff !important; color: #0f172a; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important; } body.dahinet-theme :is(.card-header, .card-footer, .dn-panel-header, .dn-panel-footer, .dahinet-sidebar-panel-header) { background: #f8fafc !important; color: #1e293b !important; border-color: #e2e8f0 !important; } /* Panel başlığı beyaz zemin + ince ayraç: gri bant, göz yoruyor ve başlık ile gövde arasında gereksiz keskin sınır oluşturuyor. */ body.dahinet-theme .dn-panel-header { background: #fff !important; } /* Kart başlığı butonu ikincil gezinme: hover'da dolu mavi değil, sade mavi. */ body.dahinet-theme .dn-panel-btn:hover { color: #1d4ed8 !important; background: #eff6ff !important; border-color: #bfd4ee !important; } body.dahinet-theme :is(.dn-panel-title, .dahinet-sidebar-panel-title) { color: #0f172a !important; font-size: 15px !important; } /* Panel ikonu kartın aksan rengini taşır; renk başlığa anlam katıyor. */ body.dahinet-theme .dn-panel-icon { color: var(--dn-panel-accent, #475569) !important; } body.dahinet-theme :is(.dn-pli-icon, .dn-pli-arrow, .dahinet-sidebar-nav-arrow) { color: #475569 !important; } body.dahinet-theme :is(.dn-panel-list-link, .dahinet-sidebar-nav-link) { color: #1e293b !important; font-size: 14px !important; min-height: 44px; } body.dahinet-theme :is(.dn-panel-list-link, .dahinet-sidebar-nav-link):is(:hover, .active) { background: #eff6ff !important; color: #1d4ed8 !important; } body.dahinet-theme .dahinet-sidebar-nav-link.active .dahinet-sidebar-nav-icon { background: #dbeafe !important; color: #1d4ed8 !important; } body.dahinet-theme :is(.dahinet-sidebar-panel-icon, .dahinet-sidebar-nav-icon, .dn-page-icon, .dn-stat-icon) { background: #eff6ff !important; color: #1d4ed8 !important; box-shadow: none !important; } body.dahinet-theme :is(.dn-panel-badge, .dahinet-sidebar-badge) { background: #eff6ff !important; color: #1e40af !important; } body.dahinet-theme :is(.form-control, .dn-field, .dn-search-input) { background: #fff !important; color: #0f172a !important; border-color: #94a3b8 !important; border-radius: 8px !important; min-height: 44px; font-size: 15px !important; box-shadow: none !important; } body.dahinet-theme :is(.form-control, .dn-field, .dn-search-input)::placeholder { color: #64748b !important; opacity: 1; } /* Odak halkası: 3px doygun mavi halka + tarayıcı varsayılan outline'ı üst üste binince "büyük mavi gölge" gibi görünüyordu. Halka ince ve sade tutulur, kenarlık rengi güçlendirilerek odak görünürlüğü korunur (kenarlık #cbd8e5 → #1d4ed8 kontrast değişimi). */ body.dahinet-theme :is(.form-control, .dn-field):focus { border-color: #1d4ed8 !important; box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.10) !important; outline: none !important; } /* input-group kendi odak halkasını ekleyince çift halka oluşmasın. */ body.dahinet-theme .input-group:focus-within { box-shadow: none !important; } body.dahinet-theme .input-group:focus-within :is(.form-control, .dn-field) { border-color: #1d4ed8 !important; } body.dahinet-theme :is(.form-control, .dn-field):disabled { background: #f1f5f9 !important; color: #475569 !important; } body.dahinet-theme :is(label, .control-label, .form-control-label) { color: #1e293b; } body.dahinet-theme :is(.input-group-text, .dn-field-icon) { background: #f1f5f9 !important; color: #475569 !important; border-color: #94a3b8 !important; } body.dahinet-theme :is(.table, .dn-domains-table) { color: #1e293b; } body.dahinet-theme :is(.table, .dn-domains-table) thead th { background: #f8fafc !important; color: #475569 !important; font-size: 13px !important; border-color: #e2e8f0 !important; } body.dahinet-theme :is(.table, .dn-domains-table) td { border-color: #e2e8f0 !important; } body.dahinet-theme :is(.table-hover tbody tr:hover, .dn-svc-row:hover) { background: #f8fafc !important; } body.dahinet-theme :is(.alert, .dn-alert, .dn-alert-banner) { border-radius: 12px; box-shadow: none !important; } body.dahinet-theme :is(.alert-info, .dn-alert-info) { background: #eff6ff !important; color: #1e40af !important; border-color: #bfdbfe !important; } body.dahinet-theme :is(.alert-danger, .dn-alert-danger) { background: #fef2f2 !important; color: #991b1b !important; border-color: #fecaca !important; } body.dahinet-theme :is(.alert-success, .dn-alert-success) { background: #f0fdf4 !important; color: #166534 !important; border-color: #bbf7d0 !important; } body.dahinet-theme :is(.alert-warning, .dn-alert-warning) { background: #fffbeb !important; color: #92400e !important; border-color: #fde68a !important; } body.dahinet-theme .dn-alert-banner :is(strong, span, i) { color: inherit; } body.dahinet-theme :is(.badge-success, .status-active, .status-paid) { background: #dcfce7 !important; color: #166534 !important; } body.dahinet-theme :is(.badge-danger, .status-unpaid, .status-terminated) { background: #fee2e2 !important; color: #991b1b !important; } body.dahinet-theme :is(.badge-warning, .status-pending, .status-suspended) { background: #fef3c7 !important; color: #92400e !important; } body.dahinet-theme .modal-localisation .close { color: #1e293b !important; opacity: 1; min-height: 44px; min-width: 44px; } body.dahinet-theme .modal-localisation .item { background: #f8fafc; color: #1e293b; border: 1px solid #cbd5e1; } body.dahinet-theme .modal-localisation .item.active { background: #eff6ff; color: #1d4ed8; border-color: #1d4ed8; } body.dahinet-theme .popover-notifications { min-width: min(300px, calc(100vw - 32px)); max-width: min(360px, calc(100vw - 32px)); border-color: #cbd5e1; } body.dahinet-theme .popover-notifications .popover-header { background: #1e293b; color: #fff; } /* Client tasks lead the dashboard; new purchases remain secondary. */ body.dahinet-theme .dn-welcome-banner { background: #fff !important; border: 1px solid #e2e8f0; border-radius: 16px !important; padding: 28px !important; box-shadow: none !important; } body.dahinet-theme .dn-welcome-banner::before, body.dahinet-theme .dn-welcome-banner::after { display: none !important; } body.dahinet-theme .dn-welcome-banner .dn-welcome-title { color: #0f172a !important; font-size: clamp(23px, 2vw, 30px); } body.dahinet-theme .dn-welcome-banner :is(.dn-eyebrow, .dn-welcome-sub) { color: #475569 !important; } body.dahinet-theme .dn-welcome-left { flex: 1 1 360px; min-width: 0; } body.dahinet-theme .dn-welcome-right { display: flex; flex-wrap: wrap; gap: 10px; flex: 1 1 300px; justify-content: flex-end; } body.dahinet-theme .dn-welcome-banner .dn-welcome-action { background: #fff !important; color: #1e293b !important; border-color: #cbd5e1 !important; } body.dahinet-theme .dn-welcome-banner .dn-welcome-action:hover { background: #f1f5f9 !important; color: #0f172a !important; } body.dahinet-theme .dn-welcome-banner .dn-welcome-action-primary { background: #1d4ed8 !important; color: #fff !important; border-color: #1d4ed8 !important; } body.dahinet-theme .dn-welcome-banner .dn-welcome-action-primary:hover { background: #1e40af !important; color: #fff !important; } body.dahinet-theme .dn-home-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } body.dahinet-theme .dn-home-stat-card { background: #fff !important; color: #0f172a !important; border: 1px solid #e2e8f0 !important; box-shadow: none !important; } /* DÜZELTME 2026-10-09 — üç sorun birleştirildi (aynı seçici): 1) `border-color: #93c5fd` → beyazda 1.80:1. WCAG 1.4.11 (non-text kontrast) eşiği 3:1, 1.80 geçmiyor. Kullanılan bu kenar, kartın "tıklanabilir" olduğunun TEK görsel göstergesi. 2) `transform: none !important` kart kalkma hareketini öldürüyordu; hover'da hiçbir hareket olmuyordu. 3) Kenar değişimi tek başına çok sessizdi. Yeni: koyu marka mavisi + hafif yükselme + yumuşak gölge. `#1d4ed8` beyazda 6.70:1 — hem metin hem non-text eşiğini geçer. */ body.dahinet-theme .dn-home-stat-card:hover { border-color: #1d4ed8 !important; transform: translateY(-2px); box-shadow: 0 8px 20px -12px rgba(15, 23, 42, 0.35) !important; } body.dahinet-theme .dn-home-stat-card:active { transform: translateY(0); } /* DÜZELTME 2026-10-09 — `dn-hstat-alert` rozeti kırmızı nabız atıyordu. `dashboard.css:180-196` rozeti `#ef4444` yapıp `dn-pulse` ile `rgba(239,68,68,.4)` KIRMIZI halka yayıyor. Son katman (yukarıdaki `.dn-hstat-alert` kuralı) rozetin gövdesini amber'a çeviriyor ama animasyon renklerini DEĞİŞTİRMEDİ. Sonuç: ekranda amber gövde + kırmızı nabız aynı anda. Niyet kırmızı aciliyetse bile iki renk birbirini götürüyor. Düzeltme: uyarı rozetinde nabız rengi amber'a uyar. */ body.dahinet-theme .dn-hstat-alert .dn-hstat-badge { animation: dn-pulse-amber 2s infinite; } @keyframes dn-pulse-amber { 0%, 100% { box-shadow: 0 0 0 0 rgba(180, 83, 9, 0.35); } 50% { box-shadow: 0 0 0 6px rgba(180, 83, 9, 0); } } /* DÜZELTME 2026-10-09 — "Daha Fazlasını Görüntüle" ÖLÜ bir kontroldü. Canlı ölçüm (953px pencere): Daha Fazlasını Görüntüle... ölçüm: 150x20px, display:block, cursor:pointer, pointer-events:auto Yani `href` gerçek bir hedef degil, tıklanınca hicbir sey olmuyor, üstelik "tıklanabilir" görünüyor ve panelin altında satır yer kaplıyor. Neden öyle: bu öğe WHMCS çekirdeğinden geliyor; panel tüm hizmetleri gösterdiğinde `disabled` ekliyor. Tema katmanında düzeltilebilir. `theme.css:10694`'te amaçlanan gri/kapalı görünüm için kural var (`div[menuitemname="Active Products/Services"] .btn-view-more.disabled`) ama o seçici YENİ panel markup'ında eşleşmiyor — ölçtüğümüz için cursor hâlâ `pointer`. Yani o kural da ölü. Burada: yalnız `.disabled` olanı gizliyoruz. Hizmet sayısı arttığında WHMCS `disabled` kaldırır ve buton tekrar görünür. */ body.dahinet-theme .dn-panel-footer .btn-view-more.disabled { display: none !important; } /* `disabled` değilse buton gerçek bir hedefe gidiyor; yalnız tıklanabilirliği belirginleştir. */ body.dahinet-theme .dn-panel-footer .btn-view-more:not(.disabled) { cursor: pointer; } body.dahinet-theme .dn-home-stat-card .dn-hstat-num { color: #0f172a !important; } body.dahinet-theme .dn-home-stat-card .dn-hstat-label { color: #475569 !important; font-size: 13px; } body.dahinet-theme .dn-home-stat-card .dn-hstat-icon { background: #eff6ff !important; color: #1d4ed8 !important; } body.dahinet-theme .dn-hstat-arrow { color: #475569; } body.dahinet-theme .dn-hstat-alert :is(.dn-hstat-icon, .dn-hstat-badge) { background: #fffbeb !important; color: #92400e !important; } body.dahinet-theme :is(.dn-alert-btn, .dn-card-manage-btn, .dn-pd-cancel-btn) { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #fff; color: #1d4ed8; border: 1px solid #cbd5e1; border-radius: 8px; padding: 10px 16px; } body.dahinet-theme .dn-pd-cancel-btn { color: #b91c1c; border-color: #fecaca; } body.dahinet-theme .dn-pd-cancel-btn:hover:not(.disabled) { background: #b91c1c; color: #fff; border-color: #b91c1c; } body.dahinet-theme .dn-section-heading > a { font-size: 14px; } body.dahinet-theme .dn-eyebrow { color: #475569; font-size: 11px; } body.dahinet-theme :is(.dahinet-login-visual, .dn-reg-trust) { background: #0f172a !important; box-shadow: none !important; color: #f8fafc !important; } body.dahinet-theme :is(.dahinet-login-visual, .dn-reg-trust) :is(h1, h2, h3, p, strong, span, small) { color: #f1f5f9 !important; } body.dahinet-theme :is(.dn-reg-trust-stats, .dahinet-login-metrics) { background: #1e293b !important; } body.dahinet-theme :is(.dn-reg-cta-shine, .dahinet-login-glow) { display: none !important; } body.dahinet-theme .dd-hero { background: #0f172a !important; box-shadow: none !important; } body.dahinet-theme .dd-hero :is(h1, h2, h3, p, .text-muted, .dd-hero-eyebrow) { color: #fff !important; } body.dahinet-theme .dd-hero :is(.dd-hero-tools a, .dd-copy-domain) { color: #cbd5e1 !important; } body.dahinet-theme .dd-hero .dd-hero-icon { background: #1e293b !important; color: #93c5fd !important; } body.dahinet-theme .dd-hero .dd-hero-renew-btn { background: #fff !important; color: #0f172a !important; border-color: #fff !important; } body.dahinet-theme .dd-hero :is(a, button):focus-visible { outline-color: #93c5fd !important; } /* Domain detail text should remain readable beside the larger list pages. */ body.dahinet-theme .dahinet-domain-details-page :is(.dd-detail-label, .dd-detail-note, .dd-summary-card-header p, .dd-setting-row > div > span, .dd-billing-list dt, .dd-action-text small, .dd-ssl-item-label, .dd-copy-feedback) { font-size: 13px; line-height: 1.5; } body.dahinet-theme .dahinet-domain-details-page :is(.dd-page-tabs a, .dd-alert-text > span, .dd-setting-row strong, .dd-setting-state, .dd-billing-list dd, .dd-billing-renew, .dd-action-text strong, .dd-ssl-item-value) { font-size: 14px; } body.dahinet-theme .dahinet-domain-details-page .dd-summary-card-header h2 { font-size: 16px; } body.dahinet-theme .dahinet-domain-details-page .dd-alert-text strong { font-size: 14px; } body.dahinet-theme .dahinet-domain-details-page :is(.dd-hero-tools a, .dd-copy-domain) { min-height: 44px; font-size: 14px; white-space: normal; text-align: left; } body.dahinet-theme .dahinet-domain-details-page .dd-status-badge { font-size: 12px; } body.dahinet-theme .dahinet-domain-details-page :is(.dd-alert-btn, .dd-setting-state) { min-height: 44px; } /* NOT: `.dahinet-login-*` ve `.dahinet-security-badge` kurallari buradan kaldirildi. Buradaki eski kopyalar acik mavi panel icin yazilmis `!important` degerlerdi ve `login.css`in gradientli koyu panelini eziyordu (beyaz baslik + `color:#1e293b` = koyu yazi koyu zeminde, okunamaz). Giris sayfasinin tek dogruluk kaynagi artik `css/login.css`. */ /* Homepage and footer share the same measured hierarchy. */ body.dahinet-theme .dahinet-offer-card { background: #fff !important; border-top: 3px solid #1d4ed8 !important; } body.dahinet-theme .dahinet-offer-card .card-body { padding: 24px !important; display: flex; flex-direction: column; align-items: flex-start; } body.dahinet-theme .dahinet-offer-badge { background: #eff6ff !important; color: #1e40af !important; font-size: 12px; } body.dahinet-theme .dahinet-offer-description { color: #475569; } body.dahinet-theme .dahinet-offer-title { font-size: 21px; color: #0f172a; } body.dahinet-theme .dahinet-offer-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 16px; } body.dahinet-theme .action-icon-btns a { background: #fff !important; color: #1e293b !important; border: 1px solid #e2e8f0 !important; border-radius: 12px; padding: 20px 12px; height: 100%; } body.dahinet-theme .action-icon-btns a:hover { background: #eff6ff !important; border-color: #93c5fd !important; } body.dahinet-theme .action-icon-btns i { color: #1d4ed8 !important; } body.dahinet-theme .dahinet-footer { background: #0f172a !important; padding: 40px 0 20px !important; } body.dahinet-theme .dahinet-footer .footer-column h3 { color: #f8fafc !important; font-size: 16px; } body.dahinet-theme .dahinet-footer :is(p, li, a, .btn-language) { color: #cbd5e1 !important; font-size: 14px; } body.dahinet-theme .dahinet-footer a:hover { color: #fff !important; text-decoration: underline; } body.dahinet-theme .dahinet-footer :is(.social-links a, .btn-language) { background: #1e293b !important; border: 1px solid #64748b !important; min-height: 44px; } body.dahinet-theme .dahinet-footer .contact-info i { color: #93c5fd !important; } body.dahinet-theme .dahinet-footer .footer-bottom { border-color: #334155 !important; gap: 16px; flex-wrap: wrap; } body.dahinet-theme .dn-sidebar-toggle { display: none; } /* DÜZELTME 2026-10-09: bu kural `!important` ile ve MEDIA SORGUSU OLMADAN yazılıydı → düğme HER genişlikte gizliydi. Ölçüm zinciri: `theme-refresh.css:268`'den önce hiç @media açılmıyor, son `}` satır 242'de. Yani 269. satır üst düzey bir kural. Sonuç: `enterprise.css:227` (`@media (max-width:991px)` içinde `.dn-context-nav-toggle{display:flex}`) asla geçerli olmuyor — `!important` yenilemiyor. `.dn-domain-context-sidebar` ise ≤991px'te `display:none` ve `.is-open` sınıfını yalnız bu gizli düğme ekliyor (js/domain-details.js:11). Yani alan adı detayında ≤991px'te alan adı işlemleri menüsüne **hiçbir yoldan** erişilemiyordu. Düzeltme: gizleme yalnız ≥993px'te geçerli. O genişlikte alan adı işlemleri kenar çubuğu zaten görünür, düğme gereksiz olduğu için gizleniyor. ≤991px'te düğme görünür ve menüyü açabiliyor. */ @media (min-width: 993px) { body.dahinet-theme .dn-sidebar-region .dn-context-nav-toggle { display: none !important; } } @media (min-width: 993px) { body.dahinet-theme .dahinet-header .nav-menu { gap: 2px !important; } body.dahinet-theme .dahinet-header .nav-menu > li > a { padding: 9px 8px !important; font-size: 13px !important; } } @media (min-width: 993px) and (max-width: 1199px) { body.dahinet-theme .dahinet-navbar { flex-wrap: wrap; } body.dahinet-theme .dahinet-header .nav-menu { order: 3; flex-basis: 100%; justify-content: center; } body.dahinet-theme .dahinet-header .navbar-actions { margin-left: auto; } } @media (max-width: 1199px) { body.dahinet-theme .dn-home-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 992px) { /* Mobil menunun kurallari `css/mobile-nav.css`e tasindi (tek dogruluk kaynagi). Buradaki eski bloklar cekmecenin genisligini, hizli islem izgarasini ve alt menu gölgesini zorluyordu; yeni dosya cascade'in son katmaninda oldugu icin onceki kurallar degistirildi. */ body.dahinet-theme .dahinet-header .nav-menu { width: min(340px, 88vw) !important; background: #fff !important; } body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-section-label { color: #475569 !important; } body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu { box-shadow: none !important; } body.dahinet-theme .dn-welcome-banner { flex-wrap: wrap; } } @media (max-width: 991px) { body.dahinet-theme .dn-sidebar-toggle { display: flex; width: 100%; gap: 10px; align-items: center; padding: 12px 16px; min-height: 44px; margin-bottom: 16px; border: 1px solid #94a3b8; border-radius: 8px; background: #fff; color: #1e293b; font-weight: 600; } body.dahinet-theme .dn-sidebar-toggle i:last-child { margin-left: auto; } body.dahinet-theme .dn-sidebar-region > .sidebar.dahinet-sidebar { display: block !important; margin-bottom: 16px; } body.dahinet-theme .dn-sidebar-region .dahinet-sidebar-nav { display: flex; } body.dahinet-theme .dn-sidebar-region[hidden] { display: none !important; } } @media (max-width: 767px) { body.dahinet-theme .dahinet-header { position: relative !important; } body.dahinet-theme .dahinet-topbar .topbar-content { flex-wrap: wrap; } body.dahinet-theme .topbar-right { margin-left: auto; } body.dahinet-theme .dahinet-topbar .client-name { max-width: 200px; font-size: 12px; } body.dahinet-theme .dahinet-navbar { gap: 8px !important; } body.dahinet-theme .dahinet-header .logo a { font-size: 24px !important; } body.dahinet-theme .dahinet-header .navbar-actions { gap: 6px; } body.dahinet-theme .dn-welcome-banner { padding: 22px !important; } body.dahinet-theme .dn-welcome-left, body.dahinet-theme .dn-welcome-right { flex-basis: 100%; width: 100%; } body.dahinet-theme .dn-welcome-right { justify-content: flex-start; } body.dahinet-theme .dn-welcome-right a { flex: 1 1 100%; } body.dahinet-theme .dn-alert-banner { gap: 12px; } body.dahinet-theme .dn-alert-banner-btn { width: 100%; } body.dahinet-theme .dn-section-heading { flex-wrap: wrap; } body.dahinet-theme .dn-section-heading > a { max-width: none; } body.dahinet-theme :is(input.form-control, select.form-control, textarea.form-control, .dn-field) { font-size: 16px !important; } body.dahinet-theme .table-responsive { overflow-x: auto; } body.dahinet-theme .dahinet-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } } @media (max-width: 420px) { /* Mobilde istatistik kartlari yigin yerine 2x2 yan yana dursun: 4 kart alt alta 466px yer kaplayip bosluk hissi veriyordu. Kart ici ogeler sikistirilir (asagida). */ body.dahinet-theme .dn-home-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } body.dahinet-theme .dahinet-header .navbar-actions :is(.btn-primary-header, .btn-secondary-outline) { padding: 8px 10px !important; font-size: 12px !important; } body.dahinet-theme .dahinet-footer .footer-grid { grid-template-columns: 1fr; } body.dahinet-theme .dahinet-offer-actions, body.dahinet-theme .dahinet-offer-actions a { width: 100%; } } @media (prefers-reduced-motion: reduce) { body.dahinet-theme *, body.dahinet-theme *::before, body.dahinet-theme *::after { scroll-behavior: auto !important; transition: none !important; } body.dahinet-theme :is(.dn-reg-cta-shine, .dahinet-login-glow, .dn-hstat-bar) { animation: none !important; } }