/*
 * Mürekkep teması (13.10, 2026-10-21). Yalnızca UI:Shell = v2 ile yüklenir (App.razor) ve yalnızca <html data-tema="murekkep"> iken
 * etkilidir; eski görünüm (temasız v2) ve klasik kabuk değişmez. Görünüm SEKME BAŞINA seçilir (js/tema.js: ?tema=eski | murekkep,
 * sessionStorage; hesap menüsündeki bağlantılar) — aynı tarayıcıda iki sekmede eski ve yeni görünüm karşılaştırılabilir.
 *
 * Kurallar: (1) mavi zemin üzerine koyu yazı yok — mavi zeminde yazı beyazdır, vurgu yazısı beyaz zemindedir; (2) mevcut DNA korunur
 * (Inter, mavi vurgu, beyaz kart, açık gri zemin); (3) menü yukarıda, her öğenin başında ikon; (4) kişiler avatar ve kararlı renkle
 * görünür (.ax-av c1–c5). Yalnızca yeni görünümde gösterilecek işaretleme .tm-new, yalnızca eskide .tm-old sınıfını taşır.
 */

:root:not([data-tema="murekkep"]) .tm-new { display: none !important; }
:root[data-tema="murekkep"] .tm-old { display: none !important; }
/* Inter'in optik boyut ekseni yüklü; eski görünüm önceki metin kesimini korur */
:root:not([data-tema="murekkep"]) body { font-optical-sizing: none; }

/* ---------- Değişkenler ---------- */
:root[data-tema="murekkep"] {
    --es-ink: #0b1220; --es-ink-2: #2a3441; --es-muted: #5b6472; --es-line: #e4e8ee; --es-line-2: #cfd6df; --es-ground: #f4f6f9;
    --es-accent: #1f4fd8; --es-accent-hover: #1a43b8; --es-accent-soft: #eaf0fd;
    --es-success: #15803d; --es-success-soft: #e6f5ec; --es-due: #b45309; --es-warning-soft: #fff4e0;
    --es-danger: #b91c1c; --es-danger-soft: #fdecec; --es-seal: #0f766e; --es-seal-soft: #e3f3f1;
    --es-radius-sm: 8px; --es-radius: 10px; --es-radius-lg: 16px; --es-radius-xl: 20px;
    --es-shadow: 0 1px 2px rgba(11, 18, 32, .04); --es-shadow-pop: 0 12px 32px rgba(11, 18, 32, .14);
    --ax-ink: #0b1220; --ax-ink-2: #2a3441; --ax-muted: #5b6472; --ax-line: #e4e8ee; --ax-ground: #f4f6f9;
    --ax-accent: #1f4fd8; --ax-accent-soft: #eaf0fd; --ax-success: #15803d; --ax-due: #b45309; --ax-danger: #b91c1c;
    --bs-body-color: #0b1220; --bs-body-bg: #f4f6f9; --bs-border-color: #e4e8ee;
    --bs-primary-bg-subtle: #ffffff; --bs-primary-border-subtle: #c9d6f7; --bs-primary-text-emphasis: #163ba6;
}
/* Biraz daha sıkı (kullanıcı 2026-10-21: "çok az kompakt"): temel yazı 15 → 14.5 px, boşluklar yaklaşık %15 az */
:root[data-tema="murekkep"] { font-size: 14.5px; }
[data-tema="murekkep"] body { font-optical-sizing: auto; background-color: #f4f6f9; color: #0b1220; }
[data-tema="murekkep"] h1, [data-tema="murekkep"] h2, [data-tema="murekkep"] .ax-h1 { letter-spacing: -.02em; }
[data-tema="murekkep"] .ax-h1 { font-size: 25px; }
[data-tema="murekkep"] .btn { --bs-btn-padding-y: .48rem; --bs-btn-padding-x: .9rem; }
[data-tema="murekkep"] .card-body { padding: .95rem 1.05rem; }
[data-tema="murekkep"] .ax-shell .page-header-band h1, [data-tema="murekkep"] .ax-shell .page-header-band h2 { letter-spacing: -.02em; }

/* ---------- Üst çubuk: logo + ikonlu menü + arama + Yeni belge + hesap ---------- */
[data-tema="murekkep"] .ax-header { border-bottom-color: var(--ax-line); }
[data-tema="murekkep"] .ax-header-row { max-width: 1240px; padding: 0 20px; gap: 8px 12px; min-height: 58px; }
/* Logo: işaret yok, "es" siyah (kullanıcı 2026-10-21), "signer" mavi */
[data-tema="murekkep"] .ax-logo { font-size: 19px; letter-spacing: -.03em; margin-right: 6px; }
[data-tema="murekkep"] .ax-logo, [data-tema="murekkep"] .ax-logo:hover, [data-tema="murekkep"] .ax-logo .ax-logo-text,
[data-tema="murekkep"] .mk-logo, [data-tema="murekkep"] .au-logo { color: #0b1220; }
[data-tema="murekkep"] .ax-nav { gap: 2px; }
[data-tema="murekkep"] .ax-nav a { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 10px; border-radius: 9px; font-weight: 500; font-size: 13.5px; white-space: nowrap; }
[data-tema="murekkep"] .ax-nav a .bi { font-size: 15px; line-height: 1; color: var(--ax-muted); }
[data-tema="murekkep"] .ax-nav a:hover .bi { color: var(--ax-ink); }
/* Etkin öğe: zemin yok, yazı ve ikon mavi (kullanıcı kararı 2026-10-21: menüde mavi zemin olmasın) */
[data-tema="murekkep"] .ax-nav a.active { background: transparent; color: var(--ax-accent); font-weight: 600; }
[data-tema="murekkep"] .ax-nav a.active .bi { color: var(--ax-accent); }
[data-tema="murekkep"] .ax-nav a.active:hover { background: var(--ax-ground); }
[data-tema="murekkep"] .ax-right { gap: 8px; }
[data-tema="murekkep"] .ax-send { height: 36px; border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 2px rgba(11, 18, 32, .14); }
[data-tema="murekkep"] .ax-icon-link { border-radius: 9px; }
[data-tema="murekkep"] .ax-account { border-radius: 10px; }
[data-tema="murekkep"] .ax-avatar { width: 34px; height: 34px; background: #3157d5; color: #fff; }
[data-tema="murekkep"] .ax-account-text small { font-size: 11.5px; }
[data-tema="murekkep"] .ax-menu { border-radius: 14px; }
[data-tema="murekkep"] .ax-bottom a.ax-bottom-send i { border-radius: 14px; }
@media (max-width: 1023.98px) {
    [data-tema="murekkep"] .ax-nav a span { display: none; }
    [data-tema="murekkep"] .ax-nav a { padding: 0 11px; }
    [data-tema="murekkep"] .ax-nav a .bi { font-size: 18px; }
}
/* 1024–1199 px: yazılı menü sığmıyor, çubuk iki satıra kırılıyordu (1024'te 85 px) — simgeler gizlenir, yazılar kalır */
@media (min-width: 1024px) and (max-width: 1199.98px) {
    [data-tema="murekkep"] .ax-nav a { padding: 0 8px; }
    [data-tema="murekkep"] .ax-nav a .bi { display: none; }
}

/* ---------- Ortak bileşenler ---------- */
[data-tema="murekkep"] .btn { border-radius: 10px !important; }
[data-tema="murekkep"] .btn-lg { border-radius: 12px !important; }
[data-tema="murekkep"] .btn-primary, [data-tema="murekkep"] .ax-btn:not(.ax-btn-outline), [data-tema="murekkep"] .vf-btn:not(.vf-btn-outline),
[data-tema="murekkep"] .mk-btn:not(.mk-btn-ghost):not(.mk-btn-light), [data-tema="murekkep"] .sx-btn:not(.sx-btn-outline):not(.sx-btn-danger) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 2px rgba(11, 18, 32, .14);
}
[data-tema="murekkep"] .btn-outline-primary {
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--es-accent); --bs-btn-hover-border-color: var(--es-accent);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--es-accent-hover); --bs-btn-active-border-color: var(--es-accent-hover);
}
[data-tema="murekkep"] .ax-btn { border-radius: 10px; height: 38px; padding: 0 16px; }
[data-tema="murekkep"] .ax-btn-sm { height: 32px; padding: 0 12px; }
[data-tema="murekkep"] .ax-btn-outline { border-color: var(--es-line-2); }
[data-tema="murekkep"] .ax-card, [data-tema="murekkep"] .card, [data-tema="murekkep"] .card-custom { border-radius: 16px !important; box-shadow: 0 1px 2px rgba(11, 18, 32, .04) !important; }
[data-tema="murekkep"] .form-control, [data-tema="murekkep"] .form-select { border-radius: 10px !important; }
[data-tema="murekkep"] .dropdown-item:active { background-color: var(--es-accent); color: #fff; }
[data-tema="murekkep"] .table { --bs-table-active-bg: #f7f9fc; }
[data-tema="murekkep"] .list-group { --bs-list-group-active-bg: #fff; --bs-list-group-active-color: var(--es-ink); --bs-list-group-active-border-color: var(--es-accent); }

/* Mavi zeminde yazı beyaz: rozetler, çipler, uyarılar */
[data-tema="murekkep"] .badge.bg-primary, [data-tema="murekkep"] .badge.bg-info { background-color: var(--es-accent) !important; color: #fff !important; }
[data-tema="murekkep"] .es-chip-qes, [data-tema="murekkep"] .tp-chip, [data-tema="murekkep"] .mk-mini-chips .qes { background: var(--es-accent); color: #fff; }
[data-tema="murekkep"] .alert-info, [data-tema="murekkep"] .alert-primary { --bs-alert-bg: #fff; --bs-alert-border-color: #c9d6f7; --bs-alert-color: var(--es-ink); }
[data-tema="murekkep"] .sx-alert-info { background: #fff; border-color: #c9d6f7; color: var(--sx-ink); }
[data-tema="murekkep"] .ax-pill { height: 24px; padding: 0 9px; gap: 6px; }
[data-tema="murekkep"] .ax-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
[data-tema="murekkep"] .ax-pill-gray::before { display: none; }
[data-tema="murekkep"] .ax-pill-blue { background: var(--ax-accent); color: #fff; }
[data-tema="murekkep"] .ax-pill-green { background: #e6f5ec; color: #15803d; }
[data-tema="murekkep"] .ax-pill-amber { background: #fff4e0; color: #b45309; }
[data-tema="murekkep"] .ax-pill-red { background: #fdecec; color: #b91c1c; }

/* Kişi avatarı: kararlı renk (Avatars.ColorClass) */
[data-tema="murekkep"] .ax-av { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex: none; letter-spacing: 0; }
[data-tema="murekkep"] .ax-av-s { width: 26px; height: 26px; font-size: 10px; }
[data-tema="murekkep"] .ax-av.c1 { background: #3157d5; color: #fff; }
[data-tema="murekkep"] .ax-av.c2 { background: #d6efeb; color: #0f5f59; }
[data-tema="murekkep"] .ax-av.c3 { background: #e9e0fb; color: #5b21b6; }
[data-tema="murekkep"] .ax-av.c4 { background: #fde8d1; color: #9a3412; }
[data-tema="murekkep"] .ax-av.c5 { background: #fbdde8; color: #9d174d; }
[data-tema="murekkep"] .ax-who { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }

/* ---------- Sayfa çerçevesi ---------- */
[data-tema="murekkep"] .ax-page { max-width: 1240px; padding: 22px 20px 40px; gap: 18px; }
[data-tema="murekkep"] .ax-split { gap: 18px; }
[data-tema="murekkep"] .ax-crumb, [data-tema="murekkep"] .ax-shell main .container-fluid { max-width: 1240px; }
[data-tema="murekkep"] .ax-list-head { padding: 13px 18px 8px; }
[data-tema="murekkep"] .ax-list-head h2 { font-size: 15px; }
[data-tema="murekkep"] .ax-list-head a { color: #163ba6; }
[data-tema="murekkep"] .ax-row { padding: 11px 18px; gap: 10px 12px; transition: background-color .12s; }
[data-tema="murekkep"] .ax-row:hover { background: #fafbfc; }
[data-tema="murekkep"] .ax-row-sub { font-size: 12.5px; }
[data-tema="murekkep"] .ax-empty { padding: 18px; }
[data-tema="murekkep"] .ax-footer { max-width: 1240px; }

/* ---------- Ana sayfa: başlangıç kartları, özet şeridi ---------- */
[data-tema="murekkep"] .ax-start-card {
    display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 3px; align-items: start;
    padding: 14px 16px; border-radius: 14px; transition: border-color .15s, box-shadow .15s, transform .15s;
}
[data-tema="murekkep"] .ax-start { gap: 12px; }
[data-tema="murekkep"] .ax-start-card:hover { border-color: #b9c7f2; box-shadow: 0 8px 24px -12px rgba(31, 79, 216, .35); transform: translateY(-1px); }
[data-tema="murekkep"] .ax-start-icon { grid-row: span 2; width: 36px; height: 36px; border-radius: 10px; font-size: 17px; margin: 0; background: var(--ax-ground); color: var(--ax-ink-2); }
[data-tema="murekkep"] .ax-start-card strong { font-size: 14.5px; font-weight: 600; }
[data-tema="murekkep"] .ax-start-card > span:last-child { font-size: 13px; }
/* "Başkalarına imzalat" ana yol: vurgulu çerçeve, mavi simge kutusu (beyaz simge) */
[data-tema="murekkep"] .ax-start-card:not(.me):not(.flow) { border-color: var(--ax-accent); box-shadow: inset 0 0 0 1px var(--ax-accent); }
[data-tema="murekkep"] .ax-start-card:not(.me):not(.flow) .ax-start-icon { background: var(--ax-accent); color: #fff; }
[data-tema="murekkep"] .ax-start-card.flow .ax-start-icon { background: #e3f3f1; color: #0f766e; }
@media (max-width: 767.98px) { [data-tema="murekkep"] .ax-start-card { padding: 14px 16px; } }

[data-tema="murekkep"] .ax-tiles { display: flex; flex-wrap: wrap; gap: 0; background: #fff; border: 1px solid var(--ax-line); border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(11, 18, 32, .04); }
[data-tema="murekkep"] .ax-tile { flex: 1 1 180px; min-width: 0; border: 0 !important; border-left: 1px solid var(--ax-line) !important; border-radius: 0 !important; box-shadow: none !important; padding: 14px 18px; gap: 1px; background: transparent; transition: background-color .12s; }
[data-tema="murekkep"] .ax-tile:first-child { border-left: 0 !important; }
[data-tema="murekkep"] .ax-tile:hover { background: #fafbfc; }
[data-tema="murekkep"] .ax-tile span:first-child { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
[data-tema="murekkep"] .ax-tile strong { letter-spacing: -.03em; font-size: 26px; }
@media (max-width: 575.98px) {
    [data-tema="murekkep"] .ax-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [data-tema="murekkep"] .ax-tile { padding: 14px 16px; }
    [data-tema="murekkep"] .ax-tile:nth-child(odd) { border-left: 0 !important; }
    [data-tema="murekkep"] .ax-tile:nth-child(n+3) { border-top: 1px solid var(--ax-line) !important; }
}
[data-tema="murekkep"] .ax-flows a { font-weight: 500; }

/* ---------- Belgeler: süzgeçler üstte, yuvarlak; tablo başlığı zeminli ---------- */
[data-tema="murekkep"] .ax-docs .ax-split { flex-direction: column; align-items: stretch; gap: 14px; }
[data-tema="murekkep"] .ax-docs .ax-side-col, [data-tema="murekkep"] .ax-docs .ax-main-col { max-width: none !important; flex: 0 0 auto !important; width: 100%; min-width: 0; }
[data-tema="murekkep"] .ax-docs .ax-tabs { flex-direction: row; flex-wrap: wrap; gap: 8px; overflow: visible; padding: 0; }
[data-tema="murekkep"] .ax-docs .ax-tab { width: auto; height: 32px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--ax-line); background: #fff; color: var(--ax-ink-2); font-size: 13px; font-weight: 500; gap: 6px; white-space: nowrap; transition: background-color .12s, border-color .12s; }
[data-tema="murekkep"] .ax-docs .ax-tab:hover { background: #eef1f5; }
[data-tema="murekkep"] .ax-docs .ax-tab.active { background: #0b1220; border-color: #0b1220; color: #fff; font-weight: 600; }
[data-tema="murekkep"] .ax-docs .ax-tab span:last-child { margin-left: 2px; font-size: 11px; font-weight: 700; background: #eef1f5; color: var(--ax-ink-2); border-radius: 999px; padding: 0 6px; line-height: 18px; }
[data-tema="murekkep"] .ax-docs .ax-tab.active span:last-child { background: rgba(255, 255, 255, .18); color: #fff; }
[data-tema="murekkep"] .ax-search { border-radius: 10px; }
[data-tema="murekkep"] .ax-table th { background: #fafbfc; border-bottom: 1px solid var(--ax-line); padding: 8px 14px; letter-spacing: .06em; font-size: 11px; }
[data-tema="murekkep"] .ax-table td { padding: 10px 14px; }
[data-tema="murekkep"] .ax-table tbody tr { transition: background-color .12s; }
[data-tema="murekkep"] .ax-table tbody tr:hover { background: #fafbfc; }
/* Satır sonu düğmeleri: İncele + İndir / İşlem yap yan yana */
[data-tema="murekkep"] .ax-table td .ax-btn + .ax-btn { margin-left: 6px; }

/* ---------- Belge ayrıntısı ---------- */
[data-tema="murekkep"] .dd-back { color: var(--ax-muted); font-size: 13px; }
[data-tema="murekkep"] .dd-timeline li.current .dd-dot { background: var(--ax-accent); border-color: var(--ax-accent); color: #fff; box-shadow: 0 0 0 4px #eaf0fd; }
[data-tema="murekkep"] .dd-tabs button.active { border-bottom-color: var(--ax-accent); }
[data-tema="murekkep"] .dd-message { background: #f8f9fb; border-color: #eef1f5; }
[data-tema="murekkep"] .dd-progress { background: #eef1f5; }

/* ---------- Hesap menüsü: gruplu (klasik menüdeki bütün sayfalar) ---------- */
[data-tema="murekkep"] .ax-menu { min-width: 250px; max-height: calc(100vh - 80px); overflow-y: auto; }
[data-tema="murekkep"] .ax-menu .dropdown-item { padding: .4rem .7rem; font-size: 13.5px; }
[data-tema="murekkep"] .ax-menu .dropdown-item .bi { color: var(--ax-muted); }
[data-tema="murekkep"] .ax-menu-group { font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--ax-muted); padding: .55rem .7rem .2rem; }

/* ---------- Eski sayfalar (Profil, Paket, KEP, Saklama, Geliştirici, Yönetim…) yeni çerçevede ----------
   Her sayfa kendi genişliğini korur ama sol kenarı üst çubuktaki logo ve "← Ayarlar" ile hizalanır (ortada yüzmez);
   başlıklar ve kartlar Ana sayfa / Belgeler ile aynı ölçekte. */
[data-tema="murekkep"] .ax-shell main > .container,
[data-tema="murekkep"] .ax-shell main > .container-fluid,
[data-tema="murekkep"] .tl-page,
[data-tema="murekkep"] .ax-shell main .pf-v2 {
    margin-left: max(0px, calc((100% - 1240px) / 2)) !important; margin-right: auto !important;
    padding-left: 20px !important; padding-right: 20px !important; padding-top: 22px !important; padding-bottom: 40px !important;
}
[data-tema="murekkep"] .ax-page.st-page { margin-left: max(0px, calc((100% - 1240px) / 2)); margin-right: auto; }
[data-tema="murekkep"] .ax-crumb { padding-top: 14px; }
[data-tema="murekkep"] .ax-crumb a { color: var(--ax-muted); font-size: 13px; }
[data-tema="murekkep"] .ax-crumb a:hover { color: var(--ax-accent); }
[data-tema="murekkep"] .ax-shell main h1.fs-4, [data-tema="murekkep"] .ax-shell main h1.fs-3, [data-tema="murekkep"] .tl-h1,
[data-tema="murekkep"] .ax-shell .page-header-band h1, [data-tema="murekkep"] .ax-shell .page-header-band h2 {
    font-size: 25px !important; font-weight: 800 !important; letter-spacing: -.02em !important; color: var(--ax-ink) !important;
}
[data-tema="murekkep"] .tl-sub, [data-tema="murekkep"] .ax-shell main h1.fs-4 + p { font-size: 14px; color: var(--ax-muted); }
[data-tema="murekkep"] .ax-shell .page-header-band { padding: 0 0 6px !important; margin-bottom: 10px !important; }
/* Kart başlıklarındaki renkli simgeler (mavi / sarı / yeşil) sakin gri; kart iç boşluğu sıkı */
[data-tema="murekkep"] .ax-shell main .card h2 > .bi:first-child, [data-tema="murekkep"] .ax-shell main .card h3 > .bi:first-child,
[data-tema="murekkep"] .ax-shell main .card-header .bi:first-child { color: var(--ax-muted) !important; }
[data-tema="murekkep"] .ax-shell main .card h2.fs-6, [data-tema="murekkep"] .ax-shell main .card-header h6 { font-size: 15px !important; font-weight: 700; }
[data-tema="murekkep"] .ax-shell main .card.shadow-sm { box-shadow: 0 1px 2px rgba(11, 18, 32, .04) !important; }
[data-tema="murekkep"] .ax-shell main .card + .card, [data-tema="murekkep"] .ax-shell main .card.mb-3 { margin-bottom: 14px !important; }
@media (max-width: 767.98px) {
    [data-tema="murekkep"] .ax-shell main > .container, [data-tema="murekkep"] .ax-shell main > .container-fluid,
    [data-tema="murekkep"] .tl-page, [data-tema="murekkep"] .ax-shell main .pf-v2 { padding-left: 14px !important; padding-right: 14px !important; padding-top: 16px !important; }
    [data-tema="murekkep"] .ax-shell main h1.fs-4, [data-tema="murekkep"] .tl-h1 { font-size: 22px !important; }
}

/* ---------- Ayarlar, şablonlar ---------- */
[data-tema="murekkep"] .ax-settings section { border-radius: 16px; }
[data-tema="murekkep"] .tp-settings { border-radius: 16px; }

/* ---------- Yeni belge sihirbazı ---------- */
[data-tema="murekkep"] .wz-type.active { background: #fff; border-color: var(--ax-accent); color: var(--ax-accent); box-shadow: inset 0 0 0 1px var(--ax-accent); }
[data-tema="murekkep"] .wz-drop:hover, [data-tema="murekkep"] .wz-add:hover, [data-tema="murekkep"] .wz-type:hover:not(:disabled) { background: #f7f9fe; }
[data-tema="murekkep"] .wz-steps li.current .wz-step-no { box-shadow: 0 0 0 4px #eaf0fd; }
[data-tema="murekkep"] .wz-recipient, [data-tema="murekkep"] .wz-file, [data-tema="murekkep"] .wz-drop { border-radius: 12px; }

/* ---------- Giriş: iç düzen eski hâliyle (kullanıcı 2026-10-21: koyu sol panel ve birleşik kart istemedi; açık zemin, sağda ayrı kart) ---------- */
[data-tema="murekkep"] .au-method { border-radius: 14px; }
[data-tema="murekkep"] .au-method:hover, [data-tema="murekkep"] .au-method.active { background: #f7f9fe; }
[data-tema="murekkep"] .au-btn { border-radius: 12px !important; }

/* ---------- Tanıtım ---------- */
/* Üst çubuk panelinkiyle birebir (kullanıcı 2026-10-21): aynı genişlik / kenar boşluğu (1240 px, 20 px), yükseklik 58 px,
   logo 19 px, öğe 34 px / 10 px iç boşluk / 13.5 px yazı, üzerine gelince gri zemin, bulunulan öğe mavi yazı (zemin yok) */
[data-tema="murekkep"] .mk-top-row { max-width: 1240px; padding: 0 20px; height: auto; min-height: 58px; gap: 8px 12px; }
[data-tema="murekkep"] .mk-logo { font-size: 19px; letter-spacing: -.03em; margin-right: 6px; }
[data-tema="murekkep"] .mk-nav { gap: 2px; }
[data-tema="murekkep"] .mk-nav a {
    display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 10px; border-radius: 9px;
    font-size: 13.5px; font-weight: 500; color: var(--es-ink-2); white-space: nowrap; transition: background-color .12s;
}
[data-tema="murekkep"] .mk-nav a:hover { background: #f1f3f6; color: var(--es-ink); }
[data-tema="murekkep"] .mk-nav a .bi { font-size: 15px; line-height: 1; color: var(--es-muted); }
[data-tema="murekkep"] .mk-nav a:hover .bi { color: var(--es-ink); }
/* Bulunulan bölüm / sayfa: panel menüsündeki gibi mavi yazı ve ikon (js/tema.js işaretler) */
[data-tema="murekkep"] .mk-nav a.active, [data-tema="murekkep"] .mk-menu-pop a.active { background: transparent; color: var(--es-accent); font-weight: 600; }
[data-tema="murekkep"] .mk-nav a.active .bi, [data-tema="murekkep"] .mk-menu-pop a.active .bi { color: var(--es-accent); }
[data-tema="murekkep"] .mk-nav a.active:hover { background: #f4f6f9; }
[data-tema="murekkep"] .mk-top-actions { gap: 8px; }
[data-tema="murekkep"] .mk-top-login { display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border-radius: 9px; font-size: 13.5px; font-weight: 500; color: var(--es-ink-2); }
[data-tema="murekkep"] .mk-top-login:hover { background: #f1f3f6; color: var(--es-ink); }
[data-tema="murekkep"] .mk-top .mk-btn-sm { min-height: 36px; height: 36px; padding: 0 16px; font-size: 14px; font-weight: 600; border-radius: 10px; }
@media (max-width: 575.98px) {
    /* Telefonda "Giriş yap" menüde (yukarıdaki tema kuralı marketing.css'teki gizlemeyi eziyordu: çubuk iki satıra kırılıyordu) */
    [data-tema="murekkep"] .mk-top-login { display: none; }
    [data-tema="murekkep"] .mk-top .mk-btn-sm { padding: 0 12px; font-size: 13.5px; }
}
[data-tema="murekkep"] .mk-menu-pop a { font-size: 14px; font-weight: 500; padding: 9px 12px; }
[data-tema="murekkep"] .mk-menu-pop a:hover { background: #f1f3f6; }
[data-tema="murekkep"] .mk-menu-pop a .bi { margin-right: 8px; color: var(--es-muted); }
/* 992–1199 px: menü düğmesine geçilmeden önce bağlantılar sığmıyordu (1024 px'te çubuk ~70 px taşıp sayfayı yana kaydırıyordu) */
@media (max-width: 1199.98px) and (min-width: 992px) {
    [data-tema="murekkep"] .mk-top-row { gap: 16px; }
    [data-tema="murekkep"] .mk-nav { gap: 2px; }
    [data-tema="murekkep"] .mk-nav a { padding: 0 8px; }
    [data-tema="murekkep"] .mk-nav a .bi { display: none; }
}
@media (max-width: 575.98px) { [data-tema="murekkep"] .mk-top-row { padding: 0 14px; } }
[data-tema="murekkep"] .mk-hero { background: linear-gradient(180deg, #f4f6f9 0%, #ffffff 100%); }
@media (min-width: 992px) { [data-tema="murekkep"] .mk-hero-full { min-height: calc(100vh - 59px); min-height: calc(100svh - 59px); } } /* Mürekkep üst çubuğu 58 + 1 px kenar */
[data-tema="murekkep"] .mk-btn { border-radius: 12px; }
[data-tema="murekkep"] .mk-card { border-radius: 18px; transition: transform .2s, box-shadow .2s, border-color .2s; }
[data-tema="murekkep"] .mk-card:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -24px rgba(11, 18, 32, .3); border-color: var(--es-line-2); }
[data-tema="murekkep"] .mk-mini-sign { border: 2px dashed rgba(255, 255, 255, .75); background: var(--es-accent); color: #fff; box-shadow: 0 0 0 2px var(--es-accent); }

/* ---------- İmzalayan ekranı ---------- */
[data-tema="murekkep"] .sx {
    --sx-ink: #0b1220; --sx-ink-2: #2a3441; --sx-muted: #5b6472; --sx-line: #e4e8ee; --sx-line-2: #cfd6df; --sx-accent: #1f4fd8;
    --sx-accent-soft: #eaf0fd; --sx-success: #15803d; --sx-success-soft: #e6f5ec; --sx-due: #b45309; --sx-danger: #b91c1c;
}
[data-tema="murekkep"] .sx-btn { border-radius: 14px; font-weight: 700; }
[data-tema="murekkep"] .sx-card { border-radius: 16px; }
[data-tema="murekkep"] .sx-brand-mark { border-radius: 9px; }
/* Sıradaki imza alanı: mavi zemin, beyaz yazı (sarı yerine) */
[data-tema="murekkep"] .sv-current { background: var(--sx-accent); border: 2px dashed rgba(255, 255, 255, .8); color: #fff; box-shadow: 0 0 0 3px var(--sx-accent), 0 0 0 8px rgba(31, 79, 216, .18); animation-name: sv-pulse-murekkep; }
@keyframes sv-pulse-murekkep { 50% { box-shadow: 0 0 0 3px var(--sx-accent), 0 0 0 12px rgba(31, 79, 216, .06); } }
[data-tema="murekkep"] .sv-todo { background: #fff; border: 2px dashed var(--sx-accent); color: #163ba6; }
[data-tema="murekkep"] .sv-auto { background: rgba(255, 255, 255, .85); border: 1px dashed #9db3ee; color: #163ba6; }
[data-tema="murekkep"] .sx-dot { background: var(--sx-accent); }
[data-tema="murekkep"] .sx-done-icon { box-shadow: 0 0 0 10px #e6f5ec; }

@media (prefers-reduced-motion: reduce) {
    [data-tema="murekkep"] .ax-start-card, [data-tema="murekkep"] .au-method, [data-tema="murekkep"] .mk-card { transition: none; transform: none; }
}