/* ============================================================
   Hukuki Mevzular tasarım sistemi
   Tek kaynak: renk, yazı, yerleşim ve bileşenler.
   Tema: html[data-tema="acik|koyu"], vurgu: html[data-vurgu="bordo|lacivert|zumrut"]
   ============================================================ */

:root {
    /* zemin ve mürekkep (açık tema, beyaz) */
    --zemin: #ffffff;
    --zemin-2: #f6f4ee;
    --zemin-3: #edeae1;
    --zemin-kart: #ffffff;
    --cizgi: #e6e1d6;
    --cizgi-2: #d2cbbc;
    --murekkep: #171716;
    --murekkep-2: #45423b;
    --soluk: #7a7568;
    --soluk-2: #a8a294;

    /* marka */
    --vurgu: #9d273b;
    --vurgu-koyu: #7c1d2e;
    --vurgu-acik: #f8e9ec;
    --vurgu-yazi: #ffffff;
    --lacivert: #1a2740;
    --lacivert-acik: #e7ecf4;
    --altin: #b8963e;
    --altin-acik: #f5eddb;

    /* anlam renkleri */
    --yesil: #1f7a4d; --yesil-acik: #e3f2ea;
    --turuncu: #b45a12; --turuncu-acik: #fbeadb;
    --kirmizi: #b03240; --kirmizi-acik: #f9e4e6;
    --mavi: #2f5aa8; --mavi-acik: #e6edf8;
    --mor: #6b4bb5; --mor-acik: #eee9f8;

    /* biçim */
    --r: 10px;
    --r-s: 7px;
    --r-b: 16px;
    --golge-1: 0 1px 2px rgba(23, 23, 22, .06), 0 0 0 1px rgba(23, 23, 22, .03);
    --golge-2: 0 8px 28px rgba(23, 23, 22, .10);
    --golge-3: 0 20px 60px rgba(23, 23, 22, .18);

    /* yerleşim */
    --sol: 264px;
    --sol-dar: 64px;
    --ust: 48px;
    --sag: 372px;

    /* yazı */
    --f-govde: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --f-baslik: "Fraunces", Georgia, "Times New Roman", serif;
    --f-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

    color-scheme: light;
}

html[data-tema="koyu"] {
    --zemin: #131312;
    --zemin-2: #1b1a18;
    --zemin-3: #24221f;
    --zemin-kart: #1b1a18;
    --cizgi: #2f2c27;
    --cizgi-2: #3d3931;
    --murekkep: #efece4;
    --murekkep-2: #cdc7ba;
    --soluk: #97917f;
    --soluk-2: #6e6959;

    --vurgu: #d9556b;
    --vurgu-koyu: #b7425a;
    --vurgu-acik: #331b21;
    --vurgu-yazi: #ffffff;
    --lacivert: #b9c8e6;
    --lacivert-acik: #1c2533;
    --altin: #d6b45c;
    --altin-acik: #2c2616;

    --yesil: #6fcf97; --yesil-acik: #15291f;
    --turuncu: #f0a15a; --turuncu-acik: #2e2115;
    --kirmizi: #ef8a98; --kirmizi-acik: #34191d;
    --mavi: #8eb0ea; --mavi-acik: #1a2333;
    --mor: #b6a3ea; --mor-acik: #241f33;

    --golge-1: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);
    --golge-2: 0 8px 28px rgba(0, 0, 0, .5);
    --golge-3: 0 20px 60px rgba(0, 0, 0, .7);
    color-scheme: dark;
}

html[data-vurgu="lacivert"] { --vurgu: #1f3660; --vurgu-koyu: #14243f; --vurgu-acik: #e7ecf4; }
html[data-vurgu="lacivert"][data-tema="koyu"] { --vurgu: #7f9ed8; --vurgu-koyu: #5f80bd; --vurgu-acik: #1c2533; }
html[data-vurgu="zumrut"] { --vurgu: #1f6b52; --vurgu-koyu: #154c3a; --vurgu-acik: #e3f2ea; }
html[data-vurgu="zumrut"][data-tema="koyu"] { --vurgu: #5fc39a; --vurgu-koyu: #45a17c; --vurgu-acik: #15291f; }

/* ============================ temel ============================ */

*, *::before, *::after { box-sizing: border-box; }
html { height: 100%; -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    height: 100%;
    background: var(--zemin);
    color: var(--murekkep);
    font: 14px/1.5 var(--f-govde);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4 { margin: 0; font-family: var(--f-baslik); font-weight: 600; line-height: 1.15; text-wrap: balance; letter-spacing: -.005em; }
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; font-family: var(--f-govde); font-weight: 600; }
p { margin: 0; }
a { color: var(--vurgu); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font: inherit; color: inherit; }
input, select, textarea { font: inherit; color: inherit; }
img { max-width: 100%; display: block; }
::selection { background: var(--altin-acik); color: var(--murekkep); }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
button:focus:not(:focus-visible) { outline: none; }
[hidden] { display: none !important; }
.gizli-erisim { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--cizgi-2); border-radius: 999px; border: 2px solid var(--zemin); }
::-webkit-scrollbar-thumb:hover { background: var(--soluk-2); }

.ust-etiket { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.soluk { color: var(--soluk); }
.kucuk { font-size: 12px; }
.sayi { font-variant-numeric: tabular-nums; }
.kes { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.satir-esnek { display: flex; align-items: center; gap: 8px; }
.satir-esnek.arali { justify-content: space-between; }
.sutun { display: flex; flex-direction: column; gap: 8px; }
.esne { flex: 1 1 auto; min-width: 0; }
.bosluk-8 { height: 8px; } .bosluk-16 { height: 16px; } .bosluk-24 { height: 24px; }

/* ============================ kabuk ============================ */

.kabuk {
    display: grid;
    grid-template-columns: var(--sol) minmax(0, 1fr);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    transition: grid-template-columns .22s ease;
}
html[data-sol="dar"] .kabuk { grid-template-columns: var(--sol-dar) minmax(0, 1fr); }
html[data-sol="gizli"] .kabuk { grid-template-columns: 0 minmax(0, 1fr); }

.govde { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--zemin); }
.icerik { flex: 1 1 auto; min-height: 0; position: relative; overflow: auto; }
.icerik.kaymasiz { overflow: hidden; }

/* --- sol menü --- */
.solmenu {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--zemin-2);
    border-right: 1px solid var(--cizgi);
    overflow: hidden;
}
.solmenu-ust {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--ust);
    padding: 0 10px 0 14px;
    border-bottom: 1px solid var(--cizgi);
    flex-shrink: 0;
}
.solmenu-logo { display: flex; align-items: center; gap: 9px; min-width: 0; flex: 1; }
.solmenu-logo img { height: 22px; width: auto; }
.solmenu-logo .marka { font-family: var(--f-baslik); font-weight: 700; font-size: 15px; color: var(--murekkep); letter-spacing: -.01em; white-space: nowrap; }
.solmenu-logo .alt { display: block; font-size: 10px; color: var(--soluk); letter-spacing: .06em; text-transform: uppercase; margin-top: -2px; }
.solmenu-daralt {
    width: 30px; height: 30px; border: 0; background: transparent; border-radius: var(--r-s);
    color: var(--soluk); cursor: pointer; display: grid; place-items: center; font-size: 16px; flex-shrink: 0;
}
.solmenu-daralt:hover { background: var(--zemin-3); color: var(--murekkep); }

.solmenu-gez { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 8px 8px 12px; }
.solmenu-grup { margin-top: 12px; }
.solmenu-grup-baslik {
    display: flex; align-items: center; justify-content: space-between; gap: 6px;
    padding: 6px 8px 4px; color: var(--soluk); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    user-select: none;
}
.solmenu-grup-baslik button {
    border: 0; background: transparent; color: var(--soluk); cursor: pointer; width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; font-size: 14px;
}
.solmenu-grup-baslik button:hover { background: var(--zemin-3); color: var(--vurgu); }
.solmenu-grup-baslik.katlanir { cursor: pointer; }
.solmenu-grup-baslik.katlanir:hover { color: var(--murekkep-2); }
.solmenu-grup[data-kapali="1"] .solmenu-grup-icerik { display: none; }

.solmenu-oge {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 7px 10px; border: 0; border-radius: var(--r-s);
    background: transparent; color: var(--murekkep-2); text-align: left; cursor: pointer;
    font-size: 13.5px; font-weight: 500; text-decoration: none; position: relative;
}
.solmenu-oge i { font-size: 17px; width: 20px; text-align: center; color: var(--soluk); flex-shrink: 0; }
.solmenu-oge .yazi { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.solmenu-oge .sayac { font-size: 11px; color: var(--soluk); background: var(--zemin-3); border-radius: 999px; padding: 1px 7px; font-variant-numeric: tabular-nums; }
.solmenu-oge .nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--vurgu); flex-shrink: 0; margin-left: 6px; }
.solmenu-oge:hover { background: var(--zemin-3); color: var(--murekkep); text-decoration: none; }
.solmenu-oge:hover i { color: var(--murekkep); }
.solmenu-oge.aktif { background: var(--vurgu); color: var(--vurgu-yazi); font-weight: 600; }
.solmenu-oge.aktif i, .solmenu-oge.aktif .sayac { color: var(--vurgu-yazi); }
.solmenu-oge.aktif .sayac { background: rgba(255, 255, 255, .18); }
.solmenu-oge.ozel { color: var(--vurgu); }
.solmenu-oge.ozel i { color: var(--vurgu); }
.solmenu-oge.ozel.aktif { color: var(--vurgu-yazi); }
.solmenu-oge.ozel.aktif i { color: var(--vurgu-yazi); }
.solmenu-oge .dis { font-size: 12px; margin-left: auto; opacity: .55; }

.solmenu-alt { border-top: 1px solid var(--cizgi); padding: 8px; flex-shrink: 0; }
.kullanici-karti {
    display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--r-s); cursor: pointer; margin-top: 4px;
}
.kullanici-karti:hover { background: var(--zemin-3); }
.avatar {
    width: 30px; height: 30px; border-radius: 50%; background: var(--lacivert); color: #fff;
    display: grid; place-items: center; font-size: 12px; font-weight: 700; letter-spacing: .04em; flex-shrink: 0;
}
html[data-tema="koyu"] .avatar { background: var(--lacivert-acik); color: var(--lacivert); }
.kullanici-karti .ad { font-weight: 600; font-size: 13px; }
.kullanici-karti .eposta { font-size: 11px; color: var(--soluk); }

/* daraltılmış sol menü */
html[data-sol="dar"] .solmenu-ust { padding: 0; justify-content: center; }
html[data-sol="dar"] .solmenu-logo { display: none; }
html[data-sol="dar"] .solmenu-grup-baslik { display: none; }
html[data-sol="dar"] .solmenu-grup { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--cizgi); }
html[data-sol="dar"] .solmenu-oge { justify-content: center; padding: 9px 0; }
html[data-sol="dar"] .solmenu-oge .yazi, html[data-sol="dar"] .solmenu-oge .sayac, html[data-sol="dar"] .solmenu-oge .dis, html[data-sol="dar"] .solmenu-oge .nokta { display: none; }
html[data-sol="dar"] .solmenu-oge i { width: auto; font-size: 19px; }
html[data-sol="dar"] .solmenu-grup-icerik > :not(.solmenu-oge):not(.solmenu-modul) { display: none; }   /* Kenan Abi: dar menüde Dava satırı kaybolmasın */
html[data-sol="dar"] .kullanici-karti { justify-content: center; padding: 8px 0; }
html[data-sol="dar"] .kullanici-karti > div:not(.avatar) { display: none; }
/* Dar menü ipucu (Kenan Abi, 20 Eylül: "sol panel kapalıyken satırın adı yazmıyor"): eskiden ::after ile çiziliyordu ama
   .solmenu-gez'in overflow-x: hidden'ı onu kırpıyordu. Artık gövdeye bağlı, sabit konumlu tek bir kutu (kabuk.js: solIpucu). */
.sol-ipucu { position: fixed; z-index: 140; background: var(--murekkep); color: var(--zemin); font-size: 12px; font-weight: 600; padding: 5px 9px; border-radius: 6px; white-space: nowrap; pointer-events: none; box-shadow: var(--golge-2, 0 4px 14px rgba(0,0,0,.25)); transform: translateY(-50%); }
.sol-ipucu::before { content: ""; position: absolute; left: -4px; top: 50%; width: 8px; height: 8px; background: inherit; transform: translateY(-50%) rotate(45deg); }

/* --- üst çubuk --- */
.ustcubuk {
    display: flex; align-items: center; gap: 8px;
    height: var(--ust); padding: 0 12px; border-bottom: 1px solid var(--cizgi); background: var(--zemin); flex-shrink: 0;
}
.ustcubuk .ekran-adi { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 13.5px; min-width: 0; }
.ustcubuk .ekran-adi i { color: var(--vurgu); font-size: 16px; }
.ustcubuk .ekran-adi .yol { color: var(--soluk); font-weight: 500; }
.ust-ara {
    flex: 1 1 auto; max-width: 560px; margin: 0 auto; display: flex; align-items: center; gap: 8px;
    height: 32px; padding: 0 10px; background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: 8px; color: var(--soluk);
}
.ust-ara:focus-within { border-color: var(--vurgu); background: var(--zemin); }
.ust-ara input { flex: 1; border: 0; background: transparent; outline: 0; font-size: 13px; color: var(--murekkep); min-width: 0; }
.ust-ara kbd { font: 10.5px var(--f-mono); color: var(--soluk-2); border: 1px solid var(--cizgi); border-radius: 4px; padding: 1px 5px; }
.ust-dugmeler { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.dugme-ikon {
    width: 32px; height: 32px; border: 0; background: transparent; border-radius: 8px; color: var(--murekkep-2);
    display: grid; place-items: center; cursor: pointer; font-size: 17px; position: relative;
}
.dugme-ikon:hover { background: var(--zemin-2); color: var(--murekkep); }
.dugme-ikon.aktif { color: var(--vurgu); background: var(--vurgu-acik); }
.dugme-ikon .nokta { position: absolute; top: 7px; right: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--vurgu); }

/* --- sağ bağlam paneli --- */
.sagpanel {
    position: absolute; top: 0; right: 0; bottom: 0; width: var(--sag); max-width: 100%;
    background: var(--zemin); border-left: 1px solid var(--cizgi); box-shadow: var(--golge-2);
    display: flex; flex-direction: column; z-index: 30; transform: translateX(100%); transition: transform .22s ease;
}
.sagpanel.acik { transform: none; }
.sagpanel-ust { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 10px 0 14px; border-bottom: 1px solid var(--cizgi); font-weight: 600; }
.sagpanel-govde { flex: 1; min-height: 0; overflow: auto; padding: 12px 14px; }

/* --- mobil --- */
.mobil-arka { display: none; }
@media (max-width: 900px) {
    :root { --ust: 50px; }
    .kabuk, html[data-sol="dar"] .kabuk, html[data-sol="gizli"] .kabuk { grid-template-columns: minmax(0, 1fr); }
    .solmenu {
        position: fixed; top: 0; left: 0; bottom: 0; width: min(300px, 86vw); z-index: 60;
        transform: translateX(-104%); transition: transform .22s ease; box-shadow: var(--golge-3);
    }
    html[data-mobil-menu="acik"] .solmenu { transform: none; }
    html[data-mobil-menu="acik"] .mobil-arka { display: block; position: fixed; inset: 0; background: rgba(23, 23, 22, .45); z-index: 55; }
    html[data-sol="dar"] .solmenu-logo, html[data-sol="dar"] .solmenu-grup-baslik, html[data-sol="dar"] .solmenu-oge .yazi { display: flex; }
    html[data-sol="dar"] .solmenu-oge { justify-content: flex-start; padding: 8px 10px; }
    html[data-sol="dar"] .solmenu-oge::after { display: none; }
    .ust-ara { display: none; }
    .ustcubuk .ekran-adi .yol { display: none; }
    .sagpanel { width: 100%; }
}

/* ============================ bileşenler ============================ */

.dugme {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    height: 34px; padding: 0 14px; border-radius: 8px; border: 1px solid transparent; cursor: pointer;
    font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap; transition: background .12s, border-color .12s, color .12s;
    text-decoration: none;
}
.dugme:hover { text-decoration: none; }
.dugme i { font-size: 16px; }
.dugme-birincil { background: var(--vurgu); color: var(--vurgu-yazi); }
.dugme-birincil:hover { background: var(--vurgu-koyu); }
.dugme-ikincil { background: var(--zemin); color: var(--murekkep); border-color: var(--cizgi-2); }
.dugme-ikincil:hover { background: var(--zemin-2); border-color: var(--soluk-2); }
.dugme-yalin { background: transparent; color: var(--murekkep-2); }
.dugme-yalin:hover { background: var(--zemin-2); color: var(--murekkep); }
.dugme-vurgu { background: var(--vurgu-acik); color: var(--vurgu); }
.dugme-vurgu:hover { background: var(--vurgu); color: var(--vurgu-yazi); }
.dugme-tehlike { background: transparent; color: var(--kirmizi); border-color: var(--kirmizi-acik); }
.dugme-tehlike:hover { background: var(--kirmizi-acik); }
.dugme-kucuk { height: 28px; padding: 0 10px; font-size: 12px; border-radius: 7px; }
.dugme-kucuk i { font-size: 14px; }
.dugme-buyuk { height: 42px; padding: 0 20px; font-size: 14px; }
.dugme[disabled], .dugme.pasif { opacity: .5; cursor: not-allowed; pointer-events: none; }
.dugme.tam { width: 100%; }

.giris, .secim, .alan {
    width: 100%; height: 36px; padding: 0 11px; border: 1px solid var(--cizgi-2); border-radius: 8px;
    background: var(--zemin); color: var(--murekkep); outline: 0; font-size: 13.5px; transition: border-color .12s, box-shadow .12s;
}
.giris::placeholder, .alan::placeholder { color: var(--soluk-2); }
.giris:focus, .secim:focus, .alan:focus { border-color: var(--vurgu); box-shadow: 0 0 0 3px var(--vurgu-acik); }
.secim { appearance: none; padding-right: 30px; background-image: linear-gradient(45deg, transparent 50%, var(--soluk) 50%), linear-gradient(135deg, var(--soluk) 50%, transparent 50%); background-position: calc(100% - 15px) 15px, calc(100% - 10px) 15px; background-size: 5px 5px; background-repeat: no-repeat; cursor: pointer; }
.alan { height: auto; min-height: 92px; padding: 9px 11px; resize: vertical; line-height: 1.5; }
.etiket { display: block; font-size: 12px; font-weight: 600; color: var(--murekkep-2); margin-bottom: 5px; }
.etiket .ipucu { font-weight: 400; color: var(--soluk); }
.form-satir { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.form-alan { display: flex; flex-direction: column; }
.form-alan + .form-alan { margin-top: 12px; }
.ara-kutu { position: relative; }
.ara-kutu i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--soluk); font-size: 15px; pointer-events: none; }
.ara-kutu .giris { padding-left: 32px; }

.anahtar { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }
.anahtar input { position: absolute; opacity: 0; width: 0; height: 0; }
.anahtar .kaydirici { width: 36px; height: 20px; border-radius: 999px; background: var(--cizgi-2); position: relative; transition: background .15s; flex-shrink: 0; }
.anahtar .kaydirici::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .15s; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
.anahtar input:checked + .kaydirici { background: var(--vurgu); }
.anahtar input:checked + .kaydirici::after { transform: translateX(16px); }
.anahtar input:focus-visible + .kaydirici { outline: 2px solid var(--vurgu); outline-offset: 2px; }

.rozet {
    display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 8px; border-radius: 999px;
    font-size: 11px; font-weight: 700; letter-spacing: .01em; white-space: nowrap; background: var(--zemin-3); color: var(--murekkep-2);
}
.rozet i { font-size: 12px; }
.rozet-vurgu { background: var(--vurgu-acik); color: var(--vurgu); }
.rozet-yesil, .rozet-tamamlandi, .rozet-dusuk { background: var(--yesil-acik); color: var(--yesil); }
.rozet-turuncu, .rozet-orta { background: var(--turuncu-acik); color: var(--turuncu); }
.rozet-kirmizi, .rozet-yuksek { background: var(--kirmizi-acik); color: var(--kirmizi); }
.rozet-mavi, .rozet-devam { background: var(--mavi-acik); color: var(--mavi); }
.rozet-mor { background: var(--mor-acik); color: var(--mor); }
.rozet-altin { background: var(--altin-acik); color: #7a5d1c; }
html[data-tema="koyu"] .rozet-altin { color: var(--altin); }
.rozet-yapilacak { background: var(--zemin-3); color: var(--murekkep-2); }
.rozet-dusuk { background: var(--zemin-3); color: var(--soluk); }

.cip {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 999px;
    border: 1px solid var(--cizgi-2); background: var(--zemin); color: var(--murekkep-2); font-size: 12.5px; font-weight: 600; cursor: pointer; white-space: nowrap;
    transition: all .12s;
}
.cip i { font-size: 14px; }
.cip:hover { border-color: var(--soluk-2); background: var(--zemin-2); }
.cip.secili { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-yazi); }
.cip.secili i { color: var(--vurgu-yazi); }
.cip.kucuk { height: 26px; padding: 0 10px; font-size: 12px; }
.cip .kaldir { margin-left: 2px; opacity: .7; }
.cip .kaldir:hover { opacity: 1; }
.cipler { display: flex; flex-wrap: wrap; gap: 8px; }

.kart { background: var(--zemin-kart); border: 1px solid var(--cizgi); border-radius: var(--r); box-shadow: var(--golge-1); }
.kart-govde { padding: 16px; }
.kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--cizgi); }
.kart-ust h3, .kart-ust h4 { font-size: 14px; font-family: var(--f-govde); font-weight: 700; }
.kart.tiklanir { cursor: pointer; transition: border-color .12s, box-shadow .12s, transform .12s; }
.kart.tiklanir:hover { border-color: var(--vurgu); box-shadow: var(--golge-2); transform: translateY(-1px); }

.liste { display: flex; flex-direction: column; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--zemin-kart); overflow: hidden; }
.liste-satir { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid var(--cizgi); }
.liste-satir:last-child { border-bottom: 0; }
.liste-satir.tiklanir { cursor: pointer; }
.liste-satir.tiklanir:hover { background: var(--zemin-2); }
.liste-satir.aktif { background: var(--vurgu-acik); }
.liste-satir .birincil { font-weight: 600; font-size: 13.5px; }
.liste-satir .ikincil { font-size: 12px; color: var(--soluk); margin-top: 1px; }
.liste-satir .sag { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.sekmeler { display: flex; gap: 2px; border-bottom: 1px solid var(--cizgi); }
.sekme {
    display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 12px; border: 0; background: transparent;
    color: var(--soluk); font-weight: 600; font-size: 13px; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.sekme i { font-size: 15px; }
.sekme:hover { color: var(--murekkep); }
.sekme.aktif { color: var(--vurgu); border-bottom-color: var(--vurgu); }
.sekme .sayac { font-size: 11px; background: var(--zemin-3); border-radius: 999px; padding: 1px 7px; color: var(--soluk); }
.sekme.aktif .sayac { background: var(--vurgu-acik); color: var(--vurgu); }

.gecis { display: inline-flex; padding: 3px; background: var(--zemin-3); border-radius: 8px; gap: 2px; }
.gecis button { border: 0; background: transparent; height: 28px; padding: 0 10px; border-radius: 6px; font-size: 12.5px; font-weight: 600; color: var(--soluk); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.gecis button i { font-size: 14px; }
.gecis button:hover { color: var(--murekkep); }
.gecis button.aktif { background: var(--zemin-kart); color: var(--vurgu); box-shadow: var(--golge-1); }

.bos-durum { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 20px; color: var(--soluk); gap: 8px; }
.bos-durum i { font-size: 34px; color: var(--soluk-2); margin-bottom: 4px; }
.bos-durum h3 { color: var(--murekkep-2); font-family: var(--f-govde); font-size: 15px; font-weight: 600; }
.bos-durum p { max-width: 380px; font-size: 13px; }
.bos-durum .dugme { margin-top: 8px; }

.uyari { display: flex; gap: 10px; padding: 10px 12px; border-radius: 8px; font-size: 13px; border: 1px solid; }
.uyari i { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
.uyari-bilgi { background: var(--mavi-acik); border-color: transparent; color: var(--mavi); }
.uyari-dikkat { background: var(--turuncu-acik); border-color: transparent; color: var(--turuncu); }
.uyari-hata { background: var(--kirmizi-acik); border-color: transparent; color: var(--kirmizi); }
.uyari-basari { background: var(--yesil-acik); border-color: transparent; color: var(--yesil); }
.uyari-altin { background: var(--altin-acik); border-color: transparent; color: #6e5318; }
html[data-tema="koyu"] .uyari-altin { color: var(--altin); }

.yukleniyor { display: inline-block; width: 16px; height: 16px; border: 2px solid var(--cizgi-2); border-top-color: var(--vurgu); border-radius: 50%; animation: don .7s linear infinite; }
.yukleniyor.buyuk { width: 28px; height: 28px; border-width: 3px; }
@keyframes don { to { transform: rotate(360deg); } }
.merkez { display: grid; place-items: center; padding: 40px; }

/* iskelet */
.iskelet { background: linear-gradient(90deg, var(--zemin-2) 25%, var(--zemin-3) 37%, var(--zemin-2) 63%); background-size: 400% 100%; animation: iskelet 1.2s ease infinite; border-radius: 6px; }
@keyframes iskelet { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }

/* toast */
.bildirimler { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 8px; z-index: 200; pointer-events: none; }
.bildirim {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 10px; background: var(--murekkep); color: var(--zemin);
    font-size: 13px; font-weight: 500; box-shadow: var(--golge-3); pointer-events: auto; animation: bildir-gir .18s ease;
    max-width: min(520px, 92vw);
}
.bildirim i { font-size: 17px; }
.bildirim.basari i { color: #7fd8a5; }
.bildirim.hata i { color: #f39aa5; }
.bildirim.bilgi i { color: #9dbcf2; }
.bildirim button { border: 0; background: transparent; color: inherit; opacity: .7; cursor: pointer; margin-left: 4px; }
@keyframes bildir-gir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* sayfa (sheet / modal) */
.sayfa-arka { position: fixed; inset: 0; background: rgba(23, 23, 22, .45); z-index: 150; display: flex; align-items: center; justify-content: center; padding: 20px; animation: bildir-gir .15s ease; backdrop-filter: blur(2px); }
.sayfa { width: min(560px, 100%); max-height: min(86vh, 900px); background: var(--zemin); border-radius: var(--r-b); box-shadow: var(--golge-3); display: flex; flex-direction: column; overflow: hidden; }
.sayfa.genis { width: min(880px, 100%); }
.sayfa.dar { width: min(420px, 100%); }
.sayfa-ust { display: flex; align-items: center; gap: 10px; padding: 16px 20px 12px; }
.sayfa-ust h3 { font-family: var(--f-baslik); font-size: 19px; }
.sayfa-ust .kapat { margin-left: auto; }
.sayfa-govde { padding: 4px 20px 16px; overflow: auto; flex: 1; min-height: 0; }
.sayfa-alt { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding: 12px 20px 16px; border-top: 1px solid var(--cizgi); }   /* düğmeler sığmazsa alt satıra iner, kesilmez (Editöre gönder diyaloğu) */
.sayfa-alt .dugme { white-space: nowrap; }
@media (max-width: 640px) {
    .sayfa-arka { padding: 0; align-items: flex-end; }
    .sayfa, .sayfa.genis, .sayfa.dar { width: 100%; max-height: 92vh; border-radius: var(--r-b) var(--r-b) 0 0; }
}

/* açılır menü */
.acilir { position: fixed; z-index: 160; min-width: 200px; background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: var(--golge-2); padding: 5px; animation: bildir-gir .12s ease; }
.acilir button { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: transparent; text-align: left; padding: 8px 10px; border-radius: 7px; font-size: 13px; cursor: pointer; color: var(--murekkep); }
.acilir button i { font-size: 15px; color: var(--soluk); width: 18px; text-align: center; }
.acilir button:hover { background: var(--zemin-2); }
.acilir button:hover i { color: var(--vurgu); }
.acilir button.tehlike { color: var(--kirmizi); }
.acilir .ayrac { height: 1px; background: var(--cizgi); margin: 4px 6px; }
.acilir .baslik { padding: 6px 10px 2px; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }

/* seçenek ızgarası ("Nereye gönderelim?") */
.secenek-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.secenek {
    display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px; border: 1px solid var(--cizgi-2); border-radius: 10px;
    background: var(--zemin); cursor: pointer; text-align: left; transition: all .12s;
}
.secenek i { font-size: 22px; color: var(--vurgu); }
.secenek b { font-size: 13px; }
.secenek span { font-size: 11.5px; color: var(--soluk); line-height: 1.35; }
.secenek:hover, .secenek.secili { border-color: var(--vurgu); background: var(--vurgu-acik); }

/* ============================ ekran iskeleti ============================ */

.ekran { padding: 22px 28px 40px; max-width: 1240px; margin: 0 auto; }
.ekran.genis { max-width: none; }
.ekran.dar { max-width: 860px; }
.ekran-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.ekran-baslik h1 { font-size: 26px; }
.ekran-baslik p { color: var(--soluk); margin-top: 4px; font-size: 13.5px; max-width: 70ch; }
.ekran-baslik .eylemler { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 900px) { .ekran { padding: 16px 14px 32px; } .ekran-baslik h1 { font-size: 22px; } }

/* markdown */
.md { line-height: 1.62; font-size: 14px; }
.md > :first-child { margin-top: 0; }
.md > :last-child { margin-bottom: 0; }
.md p, .md ul, .md ol, .md blockquote, .md pre, .md table { margin: 0 0 10px; }
.md h1, .md h2, .md h3, .md h4 { margin: 16px 0 6px; font-family: var(--f-govde); font-weight: 700; }
.md h1 { font-size: 17px; } .md h2 { font-size: 15.5px; } .md h3 { font-size: 14.5px; } .md h4 { font-size: 14px; }
.md ul, .md ol { padding-left: 22px; }
.md li { margin: 2px 0; }
.md code { font: 12.5px var(--f-mono); background: var(--zemin-3); padding: 1px 5px; border-radius: 4px; }
.md pre { background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: 8px; padding: 10px 12px; overflow: auto; }
.md pre code { background: none; padding: 0; }
.md blockquote { border-left: 3px solid var(--altin); padding: 4px 12px; color: var(--murekkep-2); background: var(--altin-acik); border-radius: 0 6px 6px 0; }
.md table { border-collapse: collapse; width: 100%; font-size: 13px; }
.md th, .md td { border: 1px solid var(--cizgi); padding: 6px 8px; text-align: left; vertical-align: top; }
.md th { background: var(--zemin-2); }
.md hr { border: 0; border-top: 1px solid var(--cizgi); margin: 12px 0; }
.md a { text-decoration: underline; }
.atif { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 18px; padding: 0 5px; margin: 0 1px; border-radius: 5px; font-size: 11px; font-weight: 700; background: var(--vurgu-acik); color: var(--vurgu); cursor: pointer; vertical-align: 1px; font-family: var(--f-govde); }
.atif:hover { background: var(--vurgu); color: var(--vurgu-yazi); }
.atif.mevzuat { background: var(--yesil-acik); color: var(--yesil); }
.atif.ictihat { background: var(--mavi-acik); color: var(--mavi); }
.atif.belge { background: var(--altin-acik); color: #7a5d1c; }

/* ============================ sohbet ============================ */

.sohbet-yerlesim { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.sohbet-akis { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 24px 0 8px; scroll-behavior: smooth; }
.sohbet-ic { max-width: 860px; margin: 0 auto; padding: 0 24px; }
.mesaj { display: flex; gap: 12px; margin-bottom: 20px; animation: bildir-gir .18s ease; }
.mesaj .kim { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; font-size: 15px; }
.mesaj.kullanici { flex-direction: row-reverse; }
.mesaj.kullanici .kim { background: var(--zemin-3); color: var(--murekkep-2); }
.mesaj.asistan .kim { background: var(--lacivert); color: #fff; }
html[data-tema="koyu"] .mesaj.asistan .kim { background: var(--lacivert-acik); color: var(--lacivert); }
.mesaj.sistem { justify-content: center; }
.mesaj.sistem .balon { background: transparent; color: var(--soluk); font-size: 12.5px; text-align: center; padding: 4px 12px; border: 1px dashed var(--cizgi-2); }
.balon { max-width: min(720px, 100%); padding: 10px 14px; border-radius: 14px; background: var(--zemin-kart); border: 1px solid var(--cizgi); box-shadow: var(--golge-1); }
.mesaj.kullanici .balon { background: var(--vurgu); color: var(--vurgu-yazi); border-color: var(--vurgu); border-bottom-right-radius: 4px; white-space: pre-wrap; }
.mesaj.asistan .balon { border-bottom-left-radius: 4px; min-width: 120px; }
.mesaj .balon-alt { display: flex; align-items: center; gap: 6px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--cizgi); flex-wrap: wrap; }
.mesaj .balon-alt .dugme { height: 26px; padding: 0 9px; font-size: 11.5px; }
.mesaj .balon-alt .zaman { margin-left: auto; font-size: 11px; color: var(--soluk-2); }
.mesaj.kullanici .zaman { display: block; text-align: right; font-size: 10.5px; opacity: .7; margin-top: 4px; }
.dusunuyor { display: inline-flex; gap: 4px; align-items: center; height: 18px; }
.dusunuyor span { width: 6px; height: 6px; border-radius: 50%; background: var(--soluk-2); animation: zipla 1.1s infinite ease-in-out; }
.dusunuyor span:nth-child(2) { animation-delay: .15s; } .dusunuyor span:nth-child(3) { animation-delay: .3s; }
@keyframes zipla { 0%, 80%, 100% { transform: translateY(0); opacity: .5; } 40% { transform: translateY(-4px); opacity: 1; } }
.kaynakca { margin-top: 10px; border-top: 1px dashed var(--cizgi-2); padding-top: 8px; }
.kaynakca-baslik { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.kaynakca-liste { display: flex; flex-direction: column; gap: 4px; }
.kaynakca-oge { display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; padding: 5px 8px; border-radius: 6px; cursor: pointer; }
.kaynakca-oge:hover { background: var(--zemin-2); }

.yazici-sarmal { flex-shrink: 0; padding: 8px 24px 16px; background: linear-gradient(to top, var(--zemin) 70%, transparent); }
.yazici { max-width: 860px; margin: 0 auto; background: var(--zemin-kart); border: 1px solid var(--cizgi-2); border-radius: 14px; box-shadow: var(--golge-2); overflow: hidden; }
.yazici:focus-within { border-color: var(--vurgu); }
.yazici textarea { display: block; width: 100%; border: 0; outline: 0; background: transparent; resize: none; padding: 12px 14px 6px; font-size: 14px; line-height: 1.5; max-height: 200px; min-height: 48px; }
.yazici-alt { display: flex; align-items: center; gap: 4px; padding: 4px 8px 8px; flex-wrap: wrap; }
.yazici-alt .gonder { margin-left: auto; width: 34px; height: 34px; border-radius: 10px; border: 0; background: var(--vurgu); color: var(--vurgu-yazi); display: grid; place-items: center; cursor: pointer; font-size: 17px; }
.yazici-alt .gonder:hover { background: var(--vurgu-koyu); }
.yazici-alt .gonder[disabled] { opacity: .45; cursor: not-allowed; }
.yazici-alt .gonder.durdur { background: var(--kirmizi); }
.yazici-arac { height: 30px; padding: 0 9px; border-radius: 8px; border: 0; background: transparent; color: var(--murekkep-2); font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.yazici-arac i { font-size: 15px; }
.yazici-arac:hover { background: var(--zemin-2); color: var(--murekkep); }
.yazici-arac.aktif { background: var(--vurgu-acik); color: var(--vurgu); }
.yazici-ekler { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px 6px; }
.yazici-ek { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 9px; border-radius: 7px; background: var(--altin-acik); font-size: 12px; font-weight: 600; color: #6e5318; }
html[data-tema="koyu"] .yazici-ek { color: var(--altin); }
.yazici-ek button { border: 0; background: transparent; cursor: pointer; color: inherit; opacity: .7; padding: 0; display: grid; }
.yazici-not { text-align: center; font-size: 11px; color: var(--soluk-2); margin-top: 8px; }

/* kumanda (ana ekran) */
.kumanda { max-width: 900px; margin: 0 auto; padding: 8px 24px 24px; }
.kumanda-selam { text-align: center; margin: 12px 0 22px; }
.kumanda-selam h1 { font-size: 32px; font-weight: 500; }
.kumanda-selam p { color: var(--soluk); margin-top: 6px; font-size: 14px; }
.dikkat { border: 1px solid var(--kirmizi-acik); background: var(--kirmizi-acik); border-radius: 10px; margin-bottom: 18px; overflow: hidden; }
.dikkat summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 9px 14px; cursor: pointer; font-weight: 700; font-size: 12px; letter-spacing: .06em; color: var(--kirmizi); text-transform: uppercase; }
.dikkat summary::-webkit-details-marker { display: none; }
.dikkat summary i:last-child { margin-left: auto; transition: transform .15s; }
.dikkat[open] summary i:last-child { transform: rotate(180deg); }
.dikkat .dikkat-metin { padding: 0 14px 12px; font-size: 13px; color: var(--murekkep-2); line-height: 1.55; }
.kumanda-baslik { display: flex; align-items: center; gap: 8px; margin: 18px 0 10px; }
.kumanda-baslik i { color: var(--altin); }
.hizli { display: flex; flex-wrap: wrap; gap: 8px; }
.kategori-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.kategori { display: flex; gap: 10px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-kart); cursor: pointer; text-align: left; transition: all .12s; }
.kategori:hover, .kategori.secili { border-color: var(--vurgu); box-shadow: var(--golge-2); transform: translateY(-1px); }
.kategori .ikon { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; font-size: 17px; flex-shrink: 0; }
.kategori b { display: block; font-size: 13px; }
.kategori span { display: block; font-size: 11.5px; color: var(--soluk); margin-top: 2px; line-height: 1.35; }
.alt-secenekler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; animation: bildir-gir .15s; }
.ornekler { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.ornek { text-align: left; padding: 10px 12px; border: 1px dashed var(--cizgi-2); border-radius: 9px; background: transparent; font-size: 12.5px; color: var(--murekkep-2); cursor: pointer; line-height: 1.4; }
.ornek:hover { border-style: solid; border-color: var(--vurgu); color: var(--murekkep); background: var(--zemin-kart); }

/* ============================ modül (üç sütun) ============================ */

.modul-yerlesim { display: grid; grid-template-columns: minmax(0, 1fr) 60px; height: 100%; min-height: 0; }
.modul-yerlesim.sag-acik { grid-template-columns: minmax(0, 1fr) var(--sag) 60px; }
.modul-yerlesim.raysiz { grid-template-columns: minmax(0, 1fr); }   /* kurulum: ray ve panel yok */
.sag-ray[hidden] { display: none !important; }
html[data-sol-panel="kapali"] .modul-yerlesim { grid-template-columns: 0 minmax(0, 1fr); }
html[data-sol-panel="kapali"] .modul-yerlesim.sag-acik { grid-template-columns: 0 minmax(0, 1fr) var(--sag); }
.modul-sol { border-right: 1px solid var(--cizgi); background: var(--zemin-2); display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.modul-sol-ust { display: flex; align-items: center; gap: 8px; padding: 12px 12px 8px; }
.modul-sol-ust h3 { font-family: var(--f-govde); font-size: 13px; font-weight: 700; flex: 1; }
.modul-sol .ara-kutu { padding: 0 12px 8px; }
.modul-sol-liste { flex: 1; min-height: 0; overflow-y: auto; padding: 0 8px 12px; }
.foy-oge { display: block; width: 100%; text-align: left; padding: 9px 10px; border: 0; background: transparent; border-radius: 8px; cursor: pointer; }
.foy-oge:hover { background: var(--zemin-3); }
.foy-oge.aktif { background: var(--zemin-kart); box-shadow: var(--golge-1); }
.foy-oge .baslik { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.foy-oge .alt { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--soluk); margin-top: 2px; }
.modul-orta { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.modul-ust { display: flex; align-items: center; gap: 8px; padding: 8px 16px; border-bottom: 1px solid var(--cizgi); min-height: 44px; flex-wrap: wrap; }
.modul-ust .baslik { font-weight: 700; font-size: 14px; display: flex; align-items: center; gap: 8px; min-width: 0; }
.modul-ust .baslik input { border: 0; background: transparent; font: inherit; font-weight: 700; outline: 0; min-width: 120px; width: 100%; }
.modul-ust .baslik input:focus { background: var(--zemin-2); border-radius: 6px; padding: 0 6px; }
.modul-ust .sag { margin-left: auto; display: flex; gap: 4px; align-items: center; }
.modul-sag { border-left: 1px solid var(--cizgi); background: var(--zemin); display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.modul-sag .sekmeler { padding: 0 8px; }
.modul-sag-govde { flex: 1; min-height: 0; overflow-y: auto; padding: 12px; }
.kurulum { max-width: 700px; margin: 0 auto; padding: 18px 20px 24px; }
.kurulum-kahraman { text-align: center; margin-bottom: 14px; }
.kurulum-kahraman .ikon { width: 40px; height: 40px; border-radius: 12px; background: var(--vurgu-acik); color: var(--vurgu); display: grid; place-items: center; font-size: 19px; margin: 0 auto 8px; }
.kurulum-kahraman h2 { font-size: 18px; }
.kurulum-kahraman p { color: var(--soluk); margin-top: 4px; font-size: 12.5px; }
.kurulum-adim { border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-kart); margin-bottom: 10px; overflow: hidden; }
.kurulum-adim-ust { display: flex; align-items: center; gap: 9px; padding: 9px 14px; border-bottom: 1px solid var(--cizgi); background: var(--zemin-2); }
.kurulum-adim-ust .no { width: 21px; height: 21px; border-radius: 50%; background: var(--vurgu); color: var(--vurgu-yazi); display: grid; place-items: center; font-size: 12px; font-weight: 700; font-family: var(--f-baslik); }
.kurulum-adim-ust h3 { font-family: var(--f-govde); font-size: 13.5px; font-weight: 700; flex: 1; }
.kurulum-adim-govde { padding: 12px 14px; }
.kurulum-adim.tamam .no { background: var(--yesil); }
.konu-dropdown { border: 1px solid var(--cizgi); border-radius: 8px; max-height: 220px; overflow: auto; margin-top: 6px; background: var(--zemin-kart); box-shadow: var(--golge-2); }
.konu-dropdown button { display: block; width: 100%; text-align: left; padding: 8px 12px; border: 0; background: transparent; font-size: 13px; cursor: pointer; }
.konu-dropdown button:hover { background: var(--zemin-2); }
.konu-dropdown button.secili { color: var(--vurgu); font-weight: 600; }
.yukle-alani { border: 1.5px dashed var(--cizgi-2); border-radius: 10px; padding: 9px 12px; color: var(--soluk); cursor: pointer; transition: all .12s; font-size: 12.5px; display: flex; align-items: center; gap: 9px; }
.yukle-alani i { font-size: 18px; color: var(--soluk-2); flex-shrink: 0; }
.yukle-alani .kucuk { margin-left: auto; color: var(--soluk-2); white-space: nowrap; }
.yukle-alani:hover, .yukle-alani.uzerinde { border-color: var(--vurgu); background: var(--vurgu-acik); color: var(--vurgu); }
/* Kurulum: müvekkil satırı ve alt eylem çubuğu (Kenan Abi · sadeleştirme) */
.kurulum-satir { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--cizgi); flex-wrap: wrap; }
.kurulum-satir .etiket { margin: 0; white-space: nowrap; }
.kurulum-satir .giris { width: 190px; }
.kurulum-satir .cipler { gap: 4px; }
.kurulum-satir .kucuk { flex: 1; min-width: 140px; text-align: right; }
.kurulum-alt { justify-content: flex-end; gap: 10px; margin-top: 4px; }
/* Kurulum: tek akıllı kutu (Kenan Abi · 7 Eylül). İlk ekranda yalnız üst kutu; "Analizi başlat" sonrası 2. kutu. */
.kurulum-sarmal { overflow: auto; flex: 1; min-height: 0; }
.kurulum-sarmal .kurulum { padding-top: clamp(20px, calc(50vh - 300px), 150px); padding-bottom: 40px; }
.kurulum-kahraman.kucuk { margin-bottom: 14px; }
.kurulum-yazici-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px 0 16px; flex-wrap: wrap; }
.kurulum-yazici-ust .ust-etiket { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.kurulum-yazici-ust .ust-etiket i { font-size: 13px; color: var(--vurgu); }
.kurulum-gecis { display: inline-flex; padding: 2px; border-radius: 9px; background: var(--zemin-2); border: 1px solid var(--cizgi); }
.kurulum-gecis button { border: 0; background: transparent; color: var(--soluk); font-size: 11.5px; font-weight: 600; padding: 4px 9px; border-radius: 7px; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; transition: background .12s, color .12s; }
.kurulum-gecis button i { font-size: 13px; }
.kurulum-gecis button:hover { color: var(--murekkep); }
.kurulum-gecis button.aktif { background: var(--zemin-kart); color: var(--vurgu); box-shadow: var(--golge-1); }
.kurulum-kahraman.kucuk .ikon { width: 36px; height: 36px; font-size: 17px; margin-bottom: 6px; }
.kurulum-kahraman.kucuk h2 { font-size: 17px; }
.kurulum-yazici { border: 1px solid var(--cizgi-2); border-radius: 14px; background: var(--zemin-kart); box-shadow: var(--golge-2); overflow: hidden; transition: border-color .12s, background .12s; }
.kurulum-yazici:focus-within { border-color: var(--vurgu); }
.kurulum-yazici.uzerinde { border-color: var(--vurgu); background: var(--vurgu-acik); }
.kurulum-yazici textarea { display: block; width: 100%; border: 0; outline: 0; background: transparent; resize: none; padding: 10px 16px 6px; font-size: 14px; line-height: 1.5; min-height: 78px; max-height: 220px; font-family: inherit; color: inherit; }
.kurulum-yazici .yazici-ekler { padding: 2px 14px 8px; }
.kurulum-yazici .yazici-ek .kes { max-width: 220px; }
.kurulum-yazici .yazici-ek.uyap { background: var(--mavi-acik); color: var(--mavi); }
.kurulum-taraf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 2px 14px 8px; font-size: 12px; color: var(--soluk); }
.kurulum-taraf > span { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.kurulum-taraf .cipler { gap: 4px; }
.kurulum-taraf .giris { height: 28px; font-size: 12px; width: 150px; }
.kurulum-yazici-alt { display: flex; align-items: center; gap: 4px; padding: 6px 10px 10px; flex-wrap: wrap; border-top: 1px solid var(--cizgi); }
.kurulum-yazici-alt .baslat { margin-left: auto; }
.kurulum-not { font-size: 11px; color: var(--soluk-2); margin: 8px 6px 0; line-height: 1.5; }
.kurulum-not > span { display: inline; }
.kurulum-not i { vertical-align: -1px; }
.kurulum-not button { margin-left: 6px; }
.kurulum-not button { border: 0; background: transparent; color: var(--vurgu); cursor: pointer; font-size: 11px; padding: 0; font-weight: 600; }
.kurulum-sonuc { margin-top: 12px; border: 1px solid var(--cizgi-2); border-radius: 14px; background: var(--zemin-kart); padding: 12px 14px; animation: kurulum-gel .18s ease-out; }
@keyframes kurulum-gel { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.kurulum-sonuc-ust { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.5px; }
.kurulum-sonuc-ust > i { color: var(--yesil); font-size: 19px; }
.kurulum-sonuc-ust > i.dikkat { color: var(--turuncu); }
.kurulum-sonuc-ust .dugme-ikon { margin-left: auto; }
.kurulum-sonuc .cipler { margin-top: 10px; gap: 6px; }
.kurulum-sonuc-duzenle { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--cizgi); }
.kurulum-sonuc-alt { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
@media (prefers-reduced-motion: reduce) { .kurulum-sonuc { animation: none; } }
/* Kişisel veri yer tutucuları (Kenan Abi · 7 Eylül): varsayılan gizli çip, açılınca vurgulu */
.kv-maske { display: inline-flex; align-items: center; gap: 3px; padding: 0 6px; margin: 0 1px; border-radius: 6px; background: var(--zemin-3); border: 1px dashed var(--cizgi-2); font-size: .9em; font-weight: 600; color: var(--murekkep-2); white-space: nowrap; vertical-align: baseline; line-height: 1.5; cursor: default; }
.kv-maske i { font-size: 11px; color: var(--soluk); }
.kv-maske.acik { background: var(--altin-acik); border: 1px solid transparent; color: var(--murekkep); }
.kv-maske.acik i { color: var(--altin); }
.yazici-arac.kv-dugme.aktif { background: var(--altin-acik); color: var(--murekkep); }
.kv-ipucu { flex-basis: 100%; }
/* Yakınlık puanı (kimlik yerine) */
.yakinlik { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 1px 7px; line-height: 16px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.yakinlik i { font-size: 12px; }
.yakinlik.yuksek { color: var(--yesil); background: var(--yesil-acik); }
.yakinlik.orta { color: var(--altin); background: var(--altin-acik); }
.yakinlik.dusuk { color: var(--soluk); background: var(--zemin-3); }
.sonuc-kart .ust { display: flex; align-items: center; gap: 6px; }
.kaynak-satir .meta .yakinlik { margin-right: 6px; }
.liste-satir.tiklanir { text-align: left; }
/* Atıf kartları (Apilex tarzı, Kenan Abi 8 Eylül): madde/karar metni paragrafın altında */
.atif-kartlari { display: flex; flex-direction: column; gap: 10px; margin: 10px 0 16px; }
.atif-kart { border: 1px solid var(--cizgi-2); border-radius: 12px; background: var(--zemin-kart); overflow: hidden; font-size: 13px; box-shadow: var(--golge-1); }
.atif-kart-ust { display: flex; align-items: center; gap: 9px; padding: 9px 14px; background: var(--zemin-2); border-bottom: 1px solid var(--cizgi); }
.atif-kart-ust > i { font-size: 16px; color: var(--soluk); flex-shrink: 0; }
.atif-kart.mevzuat .atif-kart-ust > i { color: var(--yesil); }
.atif-kart.ictihat .atif-kart-ust > i { color: var(--mavi); }
.atif-kart-ust b { display: block; font-size: 12.5px; font-weight: 700; line-height: 1.35; }
.atif-kart-ust .alt { display: block; font-size: 11px; color: var(--soluk); margin-top: 1px; }
.atif-kart-metin { padding: 11px 16px; line-height: 1.6; color: var(--murekkep-2); white-space: pre-line; max-height: 176px; overflow: hidden; position: relative; font-size: 13px; }
.atif-kart-metin:not(.acik)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 44px; background: linear-gradient(to bottom, transparent, var(--zemin-kart)); pointer-events: none; }
.atif-kart-metin.acik { max-height: none; }
.atif-kart-alt { display: flex; align-items: center; gap: 4px; padding: 5px 8px; border-top: 1px solid var(--cizgi); flex-wrap: wrap; }
.atif-kart-devam { border: 0; background: transparent; color: var(--vurgu); font-weight: 600; font-size: 12px; cursor: pointer; padding: 4px 8px; border-radius: 6px; margin-right: auto; }
.atif-kart-devam:hover, .atif-kart-ara:hover { background: var(--vurgu-acik); }
.atif-kart-ara { border: 0; background: transparent; color: var(--vurgu); font-weight: 600; font-size: 12px; cursor: pointer; padding: 0 4px; }
.mesaj .md li .atif-kartlari { margin: 8px 0 6px; }
@media (max-width: 640px) { .atif-kart-metin { padding: 10px 12px; max-height: 150px; } .atif-kart-ust { padding: 8px 12px; } }
.giris.kucuk { height: 32px; font-size: 12.5px; }
textarea.alan.kucuk { font-size: 13px; min-height: 58px; }
.belge-liste { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.belge { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--zemin-kart); font-size: 12.5px; }
.belge i.tur { font-size: 18px; color: var(--vurgu); }
.belge .ad { font-weight: 600; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.belge .meta { color: var(--soluk); font-size: 11px; }
.kaynak-kart { border: 1px solid var(--cizgi); border-radius: 10px; padding: 12px; background: var(--zemin-kart); margin-bottom: 8px; }
.kaynak-kart:hover { border-color: var(--cizgi-2); }
.kaynak-kart .baslik { font-weight: 600; font-size: 13px; margin: 6px 0 4px; }
.kaynak-kart .ozet { font-size: 12px; color: var(--murekkep-2); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kaynak-kart .eylemler { display: flex; gap: 6px; margin-top: 10px; }
.kaynak-kart .eylemler .dugme { flex: 1; height: 28px; font-size: 11.5px; padding: 0 6px; }
.detay-metin { font-size: 13.5px; line-height: 1.7; white-space: pre-wrap; }
.detay-metin h1, .detay-metin h2, .detay-metin h3 { font-family: var(--f-govde); font-size: 14px; margin: 12px 0 4px; }

@media (max-width: 1100px) {
    .modul-yerlesim, .modul-yerlesim.sag-acik { grid-template-columns: minmax(0, 1fr); }
    .sag-ray { display: none; }
    .modul-sag { position: absolute; right: 0; top: 0; bottom: 0; width: min(var(--sag), 100%); z-index: 26; box-shadow: var(--golge-2); }
}

/* ============================ araştırma (çerçeve) ============================ */

.cerceve-yerlesim { display: flex; flex-direction: column; height: 100%; }
.cerceve-serit { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px; border-bottom: 1px solid var(--cizgi); background: var(--zemin-2); font-size: 12.5px; flex-shrink: 0; }
.cerceve-serit b { font-weight: 700; }
.cerceve-serit .sag { margin-left: auto; display: flex; gap: 4px; }
.cerceve { flex: 1; width: 100%; border: 0; background: var(--zemin); display: block; }

/* ============================ ofis ============================ */

.ofis-arac { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.ofis-arac .ara-kutu { flex: 1 1 260px; }
.ofis-arac .secim { width: auto; min-width: 150px; }
.ofis-arac .giris.tarih { width: 140px; }

/* takvim */
.takvim { border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--zemin-kart); overflow: hidden; }
.takvim-ust { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--cizgi); flex-wrap: wrap; }
.takvim-ust h3 { font-family: var(--f-baslik); font-size: 18px; flex: 1; text-transform: capitalize; }
.takvim-izgara { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.takvim-gun-baslik { padding: 8px 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); text-align: center; border-bottom: 1px solid var(--cizgi); background: var(--zemin-2); }
.takvim-gun { min-height: 104px; padding: 6px; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); font-size: 12px; cursor: pointer; }
.takvim-gun:nth-child(7n) { border-right: 0; }
.takvim-gun.dis { background: var(--zemin-2); color: var(--soluk-2); }
.takvim-gun .no { font-weight: 600; font-variant-numeric: tabular-nums; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; }
.takvim-gun.bugun .no { background: var(--vurgu); color: var(--vurgu-yazi); }
.takvim-gun:hover { background: var(--zemin-2); }
.olay { display: flex; align-items: center; gap: 5px; padding: 2px 6px; border-radius: 5px; font-size: 11px; font-weight: 600; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; border-left: 3px solid; }
.olay.durusma { background: var(--kirmizi-acik); color: var(--kirmizi); border-color: var(--kirmizi); }
.olay.tebligat { background: var(--turuncu-acik); color: var(--turuncu); border-color: var(--turuncu); }
.olay.toplanti { background: var(--mavi-acik); color: var(--mavi); border-color: var(--mavi); }
.olay.arabuluculuk { background: var(--mor-acik); color: var(--mor); border-color: var(--mor); }
.olay.etkinlik { background: var(--yesil-acik); color: var(--yesil); border-color: var(--yesil); }
.olay.sure { background: var(--altin-acik); color: #7a5d1c; border-color: var(--altin); }
html[data-tema="koyu"] .olay.sure { color: var(--altin); }
.gun-listesi { display: flex; flex-direction: column; }
.gun-listesi .gun { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
.gun-listesi .gun:last-child { border-bottom: 0; }
.gun-listesi .gun .tarih { font-weight: 700; font-family: var(--f-baslik); font-size: 15px; }
.gun-listesi .gun .tarih small { display: block; font-family: var(--f-govde); font-weight: 500; font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .06em; }
.gun-listesi .gun.bugun .tarih { color: var(--vurgu); }
.olay-satir { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; border-left: 3px solid; margin-bottom: 6px; cursor: pointer; background: var(--zemin-2); }
.olay-satir .saat { font-variant-numeric: tabular-nums; font-weight: 700; width: 48px; font-size: 12.5px; }
.olay-satir .ad { font-weight: 600; font-size: 13px; }
.olay-satir .yer { font-size: 11.5px; color: var(--soluk); }
.olay-satir.durusma { border-color: var(--kirmizi); } .olay-satir.tebligat { border-color: var(--turuncu); } .olay-satir.toplanti { border-color: var(--mavi); }
.olay-satir.arabuluculuk { border-color: var(--mor); } .olay-satir.etkinlik { border-color: var(--yesil); } .olay-satir.sure { border-color: var(--altin); }
.yil-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; padding: 14px; }
.yil-ay { border: 1px solid var(--cizgi); border-radius: 8px; padding: 8px; cursor: pointer; }
.yil-ay:hover { border-color: var(--vurgu); }
.yil-ay h4 { font-size: 12px; text-transform: capitalize; margin-bottom: 4px; }
.yil-ay .mini { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; font-size: 9px; text-align: center; }
.yil-ay .mini span { padding: 2px 0; border-radius: 3px; }
.yil-ay .mini span.var { background: var(--vurgu-acik); color: var(--vurgu); font-weight: 700; }
.yil-ay .mini span.bugun { background: var(--vurgu); color: var(--vurgu-yazi); }
.yil-ay .mini span.dis { color: transparent; }

/* görev listesi */
.gorev-satir { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-kart); margin-bottom: 8px; cursor: pointer; transition: border-color .12s; }
.gorev-satir:hover { border-color: var(--cizgi-2); }
.gorev-satir .onay { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--cizgi-2); display: grid; place-items: center; cursor: pointer; flex-shrink: 0; font-size: 13px; color: transparent; }
.gorev-satir .onay.tamam { background: var(--yesil); border-color: var(--yesil); color: #fff; }
.gorev-satir .govde { flex: 1; min-width: 0; }
.gorev-satir .ad { font-weight: 600; font-size: 13.5px; }
.gorev-satir.tamamlandi .ad { text-decoration: line-through; color: var(--soluk); }
.gorev-satir .meta { font-size: 12px; color: var(--soluk); margin-top: 2px; }
.gorev-satir .sag { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.gorev-satir .tarih { font-size: 12px; color: var(--soluk); font-variant-numeric: tabular-nums; min-width: 52px; text-align: right; }
.gorev-satir .tarih.gecmis { color: var(--kirmizi); font-weight: 600; }

/* kanban */
.kanban { display: grid; grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.kanban-sutun { background: var(--zemin-2); border-radius: 12px; padding: 10px; min-height: 240px; display: flex; flex-direction: column; gap: 8px; }
.kanban-sutun.uzerinde { outline: 2px dashed var(--vurgu); outline-offset: -2px; }
.kanban-sutun-ust { display: flex; align-items: center; gap: 8px; padding: 2px 4px 6px; font-weight: 700; font-size: 13px; }
.kanban-sutun-ust .sayac { margin-left: auto; font-size: 11px; color: var(--soluk); background: var(--zemin-kart); border-radius: 999px; padding: 1px 7px; }
.kanban-kart { background: var(--zemin-kart); border: 1px solid var(--cizgi); border-radius: 9px; padding: 10px 12px; cursor: grab; box-shadow: var(--golge-1); }
.kanban-kart:active { cursor: grabbing; }
.kanban-kart.surukleniyor { opacity: .5; }
.kanban-kart .ad { font-weight: 600; font-size: 13px; }
.kanban-kart .meta { display: flex; align-items: center; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.kanban-kart .meta .tarih { font-size: 11px; color: var(--soluk); margin-left: auto; }

/* gantt */
.gantt { border: 1px solid var(--cizgi); border-radius: var(--r); overflow: auto; background: var(--zemin-kart); }
.gantt-tablo { display: grid; min-width: 720px; }
.gantt-satir { display: grid; grid-template-columns: 240px 1fr; border-bottom: 1px solid var(--cizgi); }
.gantt-satir:last-child { border-bottom: 0; }
.gantt-satir.baslik { position: sticky; top: 0; background: var(--zemin-2); z-index: 2; font-size: 11px; font-weight: 700; color: var(--soluk); }
.gantt-ad { padding: 10px 12px; font-size: 12.5px; font-weight: 600; border-right: 1px solid var(--cizgi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 8px; }
.gantt-gunler { display: grid; position: relative; }
.gantt-gun { border-right: 1px solid var(--cizgi); font-size: 10px; text-align: center; padding: 6px 0; color: var(--soluk); font-variant-numeric: tabular-nums; }
.gantt-gun.haftasonu { background: var(--zemin-2); }
.gantt-gun.bugun { background: var(--vurgu-acik); color: var(--vurgu); font-weight: 700; }
.gantt-cubuk { position: absolute; top: 9px; height: 22px; border-radius: 6px; font-size: 11px; font-weight: 600; color: #fff; padding: 0 8px; display: flex; align-items: center; white-space: nowrap; overflow: hidden; cursor: pointer; }
.gantt-cubuk.yuksek { background: var(--kirmizi); } .gantt-cubuk.orta { background: var(--turuncu); } .gantt-cubuk.dusuk { background: var(--soluk); }
.gantt-cubuk.tamamlandi { background: var(--yesil); }

/* mail */
.mail-yerlesim { display: grid; grid-template-columns: 380px minmax(0, 1fr); border: 1px solid var(--cizgi); border-radius: var(--r); overflow: hidden; background: var(--zemin-kart); height: calc(100vh - var(--ust) - 190px); min-height: 420px; }
.mail-liste { border-right: 1px solid var(--cizgi); display: flex; flex-direction: column; min-height: 0; }
.mail-liste-ust { padding: 10px; border-bottom: 1px solid var(--cizgi); display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.mail-liste-govde { flex: 1; overflow-y: auto; min-height: 0; }
.mail-oge { display: block; width: 100%; text-align: left; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--cizgi); background: transparent; cursor: pointer; }
.mail-oge:hover { background: var(--zemin-2); }
.mail-oge.aktif { background: var(--vurgu-acik); }
.mail-oge .ust { display: flex; align-items: center; gap: 8px; }
.mail-oge .gonderen { font-weight: 600; font-size: 13px; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mail-oge .tarih { font-size: 11px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.mail-oge .konu { font-size: 12.5px; color: var(--murekkep-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.mail-okuma { display: flex; flex-direction: column; min-height: 0; }
.mail-okuma-ust { padding: 14px 18px; border-bottom: 1px solid var(--cizgi); }
.mail-okuma-ust h3 { font-family: var(--f-govde); font-size: 16px; font-weight: 700; }
.mail-okuma-ust .meta { font-size: 12.5px; color: var(--soluk); margin-top: 4px; }
.mail-okuma-ust .eylemler { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.mail-okuma-govde { flex: 1; overflow: auto; padding: 18px; font-size: 13.5px; line-height: 1.65; white-space: pre-wrap; }
@media (max-width: 900px) {
    .mail-yerlesim { grid-template-columns: 1fr; height: auto; }
    .mail-liste { border-right: 0; max-height: 46vh; }
    .mail-okuma { border-top: 1px solid var(--cizgi); }
}

/* ============================ şablonlar ============================ */
.sablon-satir { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-kart); margin-bottom: 8px; cursor: pointer; transition: all .12s; }
.sablon-satir:hover { border-color: var(--vurgu); box-shadow: var(--golge-2); }
.sablon-satir .ikon { width: 36px; height: 36px; border-radius: 9px; display: grid; place-items: center; font-size: 17px; background: var(--vurgu-acik); color: var(--vurgu); flex-shrink: 0; }
.sablon-satir .govde { flex: 1; min-width: 0; }
.sablon-satir .ad { font-weight: 600; font-size: 13.5px; }
.sablon-satir .aciklama { font-size: 12px; color: var(--soluk); margin-top: 2px; }
.sablon-satir > i:last-child { color: var(--soluk-2); }

/* ============================ ayarlar ============================ */
.ayar-yerlesim { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; }
.ayar-menu { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 0; }
.ayar-menu button { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 0; background: transparent; border-radius: 8px; text-align: left; font-size: 13.5px; font-weight: 500; cursor: pointer; color: var(--murekkep-2); }
.ayar-menu button i { color: var(--soluk); font-size: 16px; }
.ayar-menu button:hover { background: var(--zemin-2); }
.ayar-menu button.aktif { background: var(--vurgu-acik); color: var(--vurgu); font-weight: 600; }
.ayar-menu button.aktif i { color: var(--vurgu); }
.ayar-bolum { margin-bottom: 26px; }
.ayar-bolum h2 { font-size: 20px; margin-bottom: 4px; }
.ayar-bolum > p { color: var(--soluk); font-size: 13px; margin-bottom: 14px; }
.ayar-satir { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--cizgi); }
.ayar-satir:last-child { border-bottom: 0; }
.ayar-satir .ad { font-weight: 600; font-size: 13.5px; }
.ayar-satir .aciklama { font-size: 12px; color: var(--soluk); margin-top: 2px; }
.tema-secenek { display: flex; gap: 10px; flex-wrap: wrap; }
.tema-kart { width: 110px; border: 2px solid var(--cizgi); border-radius: 10px; padding: 6px; cursor: pointer; background: var(--zemin-kart); }
.tema-kart.secili { border-color: var(--vurgu); }
.tema-kart .onizleme { height: 56px; border-radius: 6px; border: 1px solid var(--cizgi); display: grid; grid-template-columns: 24px 1fr; overflow: hidden; }
.tema-kart .onizleme span:first-child { background: #f6f4ee; }
.tema-kart .onizleme span:last-child { background: #fff; }
.tema-kart.koyu .onizleme span:first-child { background: #1b1a18; } .tema-kart.koyu .onizleme span:last-child { background: #131312; }
.tema-kart.sistem .onizleme { background: linear-gradient(135deg, #fff 50%, #131312 50%); }
.tema-kart.sistem .onizleme span { background: transparent !important; }
.tema-kart b { display: block; text-align: center; font-size: 12px; margin-top: 6px; }
.vurgu-secenek { display: flex; gap: 10px; }
.vurgu-nokta { width: 34px; height: 34px; border-radius: 50%; border: 3px solid transparent; cursor: pointer; display: grid; place-items: center; color: #fff; }
.vurgu-nokta.secili { border-color: var(--murekkep); }
@media (max-width: 800px) { .ayar-yerlesim { grid-template-columns: 1fr; } .ayar-menu { flex-direction: row; overflow-x: auto; position: static; } .ayar-menu button { white-space: nowrap; } }

/* ============================ yardım asistanı ============================ */
.yardim-balon { position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; border-radius: 50%; border: 0; background: var(--vurgu); color: var(--vurgu-yazi); box-shadow: var(--golge-3); cursor: pointer; display: grid; place-items: center; font-size: 22px; z-index: 120; transition: transform .12s; }
.yardim-balon:hover { transform: scale(1.06); }
.yardim-balon .nokta { position: absolute; top: 3px; right: 3px; width: 12px; height: 12px; border-radius: 50%; background: var(--altin); border: 2px solid var(--zemin); }
.yardim-panel { position: fixed; right: 20px; bottom: 82px; width: min(380px, calc(100vw - 32px)); height: min(560px, calc(100vh - 110px)); background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 16px; box-shadow: var(--golge-3); display: flex; flex-direction: column; overflow: hidden; z-index: 121; animation: bildir-gir .18s ease; }
.yardim-ust { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); background: var(--lacivert); color: #fff; }
html[data-tema="koyu"] .yardim-ust { background: var(--zemin-2); color: var(--murekkep); }
.yardim-ust .avatar { background: var(--altin); color: #1a2740; }
.yardim-ust b { display: block; font-size: 13.5px; }
.yardim-ust small { font-size: 11px; opacity: .75; }
.yardim-ust .kapat { margin-left: auto; background: transparent; border: 0; color: inherit; cursor: pointer; font-size: 18px; opacity: .8; }
.yardim-govde { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; background: var(--zemin-2); }
.yardim-mesaj { max-width: 88%; padding: 9px 12px; border-radius: 12px; font-size: 13px; line-height: 1.5; }
.yardim-mesaj.asistan { background: var(--zemin-kart); border: 1px solid var(--cizgi); border-bottom-left-radius: 4px; align-self: flex-start; }
.yardim-mesaj.kullanici { background: var(--vurgu); color: var(--vurgu-yazi); border-bottom-right-radius: 4px; align-self: flex-end; }
.yardim-eylemler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.yardim-oneriler { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 8px; background: var(--zemin-2); }
.yardim-yaz { display: flex; gap: 6px; padding: 10px; border-top: 1px solid var(--cizgi); background: var(--zemin); }
/* Akıl Hocası (Kenan Abi · 8 Eylül): avatarlı balon, ses düğmesi, ekran ipucu konuşma balonu */
.yardim-balon.avatarli { width: 60px; height: 60px; padding: 0; overflow: hidden; background: var(--zemin-kart); border: 2px solid var(--vurgu); }
.yardim-balon.avatarli img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yardim-balon.avatarli .nokta { top: 0; right: 0; }
.yardim-ust .avatar.resim { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #fff; padding: 0; display: block; flex-shrink: 0; }
.yardim-ust .avatar.resim img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yardim-ust .ses { background: transparent; border: 0; color: inherit; cursor: pointer; font-size: 17px; opacity: .7; width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; }
.yardim-ust .ses:hover { opacity: 1; background: rgba(255, 255, 255, .12); }
.yardim-ust .ses.aktif { opacity: 1; color: var(--altin); }
.yardim-konusma { position: fixed; right: 88px; bottom: 22px; width: min(340px, calc(100vw - 120px)); background: var(--zemin-kart); border: 1px solid var(--cizgi-2); border-radius: 16px; box-shadow: var(--golge-3); padding: 12px 14px 10px; z-index: 70; animation: konusma-gel .25s ease-out; }
.yardim-konusma::after { content: ""; position: absolute; right: -8px; bottom: 22px; width: 14px; height: 14px; background: var(--zemin-kart); border-right: 1px solid var(--cizgi-2); border-top: 1px solid var(--cizgi-2); transform: rotate(45deg); }
.yardim-konusma .mini { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: var(--altin-acik); display: grid; place-items: center; color: var(--altin); }
.yardim-konusma .mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yardim-konusma b { display: block; font-size: 12px; color: var(--vurgu); margin-bottom: 2px; }
.yardim-konusma p { font-size: 13px; line-height: 1.5; color: var(--murekkep); margin: 0; }
.yardim-konusma-alt { display: flex; align-items: center; gap: 6px; margin-top: 10px; }
.yardim-konusma-alt button { border: 0; background: var(--vurgu-acik); color: var(--vurgu); font-weight: 600; font-size: 12px; padding: 5px 10px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; }
.yardim-konusma-alt button.soluk { background: transparent; color: var(--soluk); font-weight: 500; }
.yardim-konusma-alt button.kapat { margin-left: auto; background: transparent; color: var(--soluk); padding: 4px; font-size: 16px; }
.yardim-konusma.soluyor { opacity: 0; transition: opacity 1.5s; }
@keyframes konusma-gel { from { opacity: 0; transform: translate(10px, 6px); } to { opacity: 1; transform: none; } }
html[data-sag-panel="acik"] .yardim-konusma { right: calc(var(--sag) + 144px); }
html[data-rapor-ray="acik"] .yardim-konusma { right: 160px; }
html[data-bant="acik"] .yardim-konusma { bottom: 80px; }
@media (prefers-reduced-motion: reduce) { .yardim-konusma { animation: none; } }
@media (max-width: 700px) { .yardim-konusma { display: none; } }
/* Akıl Hocası: fotoğraf avatar, konuşurken hareket, Dinle düğmesi (9 Eylül) */
.yardim-balon.avatarli img { object-position: 50% 30%; }
.yardim-ust .avatar.resim { position: relative; overflow: visible; }
.yardim-ust .avatar.resim img { border-radius: 50%; }
.yardim-konusma .mini.tam { width: 72px; height: 96px; border-radius: 12px; overflow: visible; position: relative; background: transparent; }
.yardim-konusma .mini.tam img { border-radius: 12px; object-position: 50% 0; }
.ses-dalgasi { position: absolute; right: -4px; bottom: -4px; display: none; align-items: flex-end; gap: 2px; height: 16px; padding: 3px 5px; border-radius: 999px; background: var(--vurgu); box-shadow: 0 0 0 2px var(--zemin); }
.ses-dalgasi i { display: block; width: 3px; height: 6px; border-radius: 2px; background: #fff; animation: dalga .9s ease-in-out infinite; }
.ses-dalgasi i:nth-child(2) { animation-delay: .15s; } .ses-dalgasi i:nth-child(3) { animation-delay: .3s; }
.konusuyor .ses-dalgasi, .yardim-balon.konusuyor .ses-dalgasi { display: inline-flex; }
.yardim-balon.avatarli { position: fixed; overflow: visible; }
.yardim-balon.avatarli img { border-radius: 50%; }
.yardim-balon.konusuyor, .avatar.konusuyor, .mini.konusuyor { animation: nabiz 1.4s ease-in-out infinite; }
.yardim-balon.konusuyor { box-shadow: 0 0 0 4px var(--vurgu-acik), var(--golge-3); }
@keyframes nabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } }
@keyframes dalga { 0%, 100% { height: 5px; } 50% { height: 13px; } }
.yardim-mesaj-alt { display: flex; justify-content: flex-end; margin-top: 6px; }
.yardim-mesaj .dinle { border: 0; background: transparent; color: var(--soluk); font-size: 11.5px; font-weight: 600; cursor: pointer; padding: 2px 6px; border-radius: 6px; display: inline-flex; align-items: center; gap: 3px; }
.yardim-mesaj .dinle:hover { background: var(--zemin-3); color: var(--murekkep); }
.yardim-mesaj .dinle.caliyor { color: var(--vurgu); background: var(--vurgu-acik); }
@media (prefers-reduced-motion: reduce) { .yardim-balon.konusuyor, .avatar.konusuyor, .mini.konusuyor { animation: none; } .ses-dalgasi i { animation: none; } }
.yardim-yaz input { flex: 1; }

/* ============================ yönetim / kartlar ============================ */
.sayi-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.sayi-kart { border: 1px solid var(--cizgi); border-radius: 10px; padding: 14px 16px; background: var(--zemin-kart); }
.sayi-kart .deger { font-family: var(--f-baslik); font-size: 28px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1; }
.sayi-kart .ad { font-size: 12px; color: var(--soluk); margin-top: 6px; }

/* ============================ eğitim ============================ */
.video-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.video-kart { border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; background: var(--zemin-kart); cursor: pointer; transition: all .12s; }
.video-kart:hover { border-color: var(--vurgu); box-shadow: var(--golge-2); transform: translateY(-1px); }
.video-kart .kapak { aspect-ratio: 16 / 9; background: var(--lacivert); display: grid; place-items: center; color: #fff; font-size: 34px; position: relative; }
.video-kart .kapak .sure { position: absolute; right: 8px; bottom: 8px; font-size: 11px; font-weight: 700; background: rgba(0, 0, 0, .55); padding: 2px 6px; border-radius: 4px; font-variant-numeric: tabular-nums; }
.video-kart .govde { padding: 12px 14px; }
.video-kart b { display: block; font-size: 13.5px; }
.video-kart p { font-size: 12px; color: var(--soluk); margin-top: 3px; }
.video-oynatici { aspect-ratio: 16 / 9; width: 100%; border: 0; border-radius: 10px; background: #000; }

/* ============================ animasyon tercihleri ============================ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* ============================ modül: sol panel sekmeleri (NotebookLM) ============================ */

.modul-sol-sekmeler { display: flex; gap: 2px; padding: 8px 10px 0; border-bottom: 1px solid var(--cizgi); }
.modul-sol-sekmeler button { flex: 1; height: 32px; border: 0; background: transparent; border-radius: 8px 8px 0 0; font-size: 12.5px; font-weight: 600; color: var(--soluk); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.modul-sol-sekmeler button:hover { color: var(--murekkep); background: var(--zemin-3); }
.modul-sol-sekmeler button.aktif { color: var(--vurgu); box-shadow: inset 0 -2px 0 var(--vurgu); }
.modul-sol-sekmeler .sayac { font-size: 10.5px; background: var(--zemin-3); color: var(--murekkep-2); border-radius: 999px; padding: 1px 6px; }
.modul-sol-sekmeler button.aktif .sayac { background: var(--vurgu-acik); color: var(--vurgu); }
.sol-bolum { padding: 8px 6px 4px; }
.sol-bolum-ust { display: flex; align-items: center; gap: 6px; padding: 6px 6px 4px; }
.sol-bolum-ust .ust-etiket { flex: 1; }
.sol-bolum-ust .dugme-ikon { width: 24px; height: 24px; }
.sol-oge { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 8px; border: 0; background: transparent; border-radius: 8px; cursor: pointer; text-align: left; font: inherit; color: var(--murekkep); }
.sol-oge:hover { background: var(--zemin-3); }
.sol-oge.aktif { background: var(--zemin-kart); box-shadow: var(--golge-1); }
.sol-oge input[type=checkbox] { accent-color: var(--vurgu); width: 15px; height: 15px; flex-shrink: 0; margin: 0; }
.sol-oge i.tur { font-size: 17px; color: var(--vurgu); flex-shrink: 0; }
.sol-oge i.tur.uyap { color: var(--lacivert); }
.sol-oge i.tur.mevzuat { color: var(--yesil); }
.sol-oge i.tur.ictihat { color: var(--mavi); }
.sol-oge .govde { flex: 1; min-width: 0; }
.sol-oge .ad { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sol-oge .meta { font-size: 11px; color: var(--soluk); display: flex; align-items: center; gap: 5px; margin-top: 1px; }
.sol-oge .meta .durum { display: inline-flex; align-items: center; gap: 3px; }
.sol-oge .meta .durum.okunuyor { color: var(--turuncu); }
.sol-oge .meta .durum.okundu { color: var(--yesil); }
.sol-oge .meta .durum.hata { color: var(--kirmizi); }
.sol-oge .kaldir { opacity: 0; width: 22px; height: 22px; }
.sol-oge:hover .kaldir { opacity: 1; }
.sol-oge .atif { flex-shrink: 0; }
.sol-bos { padding: 14px 10px; font-size: 12px; color: var(--soluk); line-height: 1.5; }
.sol-ekle { margin: 6px 6px 8px; }
.sol-ekle .dugme { width: 100%; justify-content: center; }
.sol-ilerleme { margin: 4px 8px 8px; font-size: 11.5px; color: var(--murekkep-2); display: flex; align-items: center; gap: 6px; }
.sol-ilerleme .cubuk { flex: 1; height: 4px; border-radius: 2px; background: var(--zemin-3); overflow: hidden; }
.sol-ilerleme .cubuk i { display: block; height: 100%; background: var(--vurgu); transition: width .2s; }

/* ============================ modül: rapor rayı (Dava, Savcılık) ============================ */

.modul-yerlesim.rayli { grid-template-columns: 280px minmax(0, 1fr) 80px; }
.modul-yerlesim.rayli.sag-acik { grid-template-columns: 280px minmax(0, 1fr) var(--sag) 80px; }
html[data-sol-panel="kapali"] .modul-yerlesim.rayli { grid-template-columns: 0 minmax(0, 1fr) 80px; }
html[data-sol-panel="kapali"] .modul-yerlesim.rayli.sag-acik { grid-template-columns: 0 minmax(0, 1fr) var(--sag) 80px; }
.rapor-ray { border-left: 1px solid var(--cizgi); background: var(--zemin-2); display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.rapor-ray-ust { display: flex; gap: 2px; padding: 6px 4px 0; border-bottom: 1px solid var(--cizgi); }
.rapor-ray-ust button { flex: 1; min-width: 0; height: 26px; padding: 0 2px; border: 0; background: transparent; border-radius: 7px 7px 0 0; font: inherit; font-size: 10px; font-weight: 700; color: var(--soluk); cursor: pointer; }
.rapor-ray-ust button:hover { color: var(--murekkep); background: var(--zemin-3); }
.rapor-ray-ust button.aktif { color: var(--vurgu); box-shadow: inset 0 -2px 0 var(--vurgu); }
.soru-dugme .no { font-style: normal; font-size: 12px; font-weight: 700; font-family: var(--f-baslik); color: var(--soluk-2); line-height: 1; }
.soru-dugme:hover .no { color: var(--vurgu); }
.rapor-ray-ust .ust-etiket { font-size: 9.5px; letter-spacing: .08em; }
.rapor-ray-liste { flex: 1; min-height: 0; overflow-y: auto; padding: 6px 5px 10px; display: flex; flex-direction: column; gap: 3px; scrollbar-width: thin; }
.rapor-ray .grup { font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk-2); text-align: center; padding: 6px 0 2px; }
.rapor-dugme { position: relative; width: 70px; min-height: 52px; padding: 5px 2px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--murekkep-2); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font: inherit; }
.rapor-dugme i { font-size: 17px; }
.rapor-dugme span { flex-shrink: 0; font-size: 9px; line-height: 1.15; text-align: center; max-width: 68px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; }
.rapor-dugme:hover { background: var(--zemin-kart); border-color: var(--cizgi-2); color: var(--vurgu); }
.rapor-dugme.hazir { color: var(--vurgu); }
.rapor-dugme.hazir::after { content: ""; position: absolute; top: 5px; right: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--yesil); }
.rapor-dugme.calisiyor { color: var(--turuncu); }
.rapor-dugme.calisiyor i { animation: rapor-don 1s linear infinite; }
@keyframes rapor-don { to { transform: rotate(360deg); } }
.rapor-dugme.pasif { opacity: .45; cursor: not-allowed; }

/* rapor penceresi */
.sayfa.rapor { width: min(1080px, 100%); max-height: min(92vh, 1000px); }
.rapor-govde { font-size: 13.5px; line-height: 1.65; }
.rapor-govde table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 12.5px; }
.rapor-govde th, .rapor-govde td { border: 1px solid var(--cizgi); padding: 6px 8px; text-align: left; vertical-align: top; }
.rapor-govde th { background: var(--zemin-2); font-weight: 700; }
.rapor-govde h1, .rapor-govde h2, .rapor-govde h3 { font-family: var(--f-govde); margin: 14px 0 6px; }
.rapor-govde h1 { font-size: 17px; } .rapor-govde h2 { font-size: 15px; } .rapor-govde h3 { font-size: 14px; }
.rapor-grafikler { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; margin: 12px 0 18px; }
.rapor-grafik { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; background: var(--zemin-kart); }
.rapor-grafik b { display: block; font-size: 12.5px; margin-bottom: 6px; }
.rapor-grafik canvas { width: 100% !important; height: 220px !important; }
.rapor-ust-bilgi { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--soluk); margin-bottom: 10px; }
.rapor-bekle { display: grid; place-items: center; gap: 10px; padding: 40px 20px; text-align: center; color: var(--soluk); font-size: 13px; }

/* sağ panel: kaynak detayı */
/* İlişkili maddeler (Kenan Abi, 9 Eylül): madde metninin altında HE ilişki tablosundan gelen maddeler */
.iliskili-maddeler { margin: 20px 0 8px; border-top: 1px solid var(--cizgi); padding-top: 12px; }
.iliskili-baslik { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--murekkep-2); margin-bottom: 8px; }
.iliskili-baslik > i { color: var(--yesil); font-size: 15px; }
.iliskili-baslik .sayi { margin-left: auto; font-size: 11px; font-weight: 600; letter-spacing: 0; color: var(--soluk); background: var(--zemin-2); border-radius: 999px; padding: 1px 8px; }
.iliskili-liste { display: flex; flex-direction: column; gap: 5px; }
.iliskili-kanun { font-size: 11.5px; font-weight: 600; color: var(--soluk); margin: 6px 0 1px; }
.iliskili-bos { font-size: 12.5px; color: var(--soluk); padding: 4px 2px; }
.iliskili-satir { display: flex; align-items: stretch; gap: 8px; }
.iliskili-satir .iliskili-sec { align-self: center; width: 15px; height: 15px; margin: 0; flex-shrink: 0; accent-color: var(--yesil); cursor: pointer; }
.iliskili-alt { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--cizgi); }
.iliskili-tumu { border: 0; background: transparent; color: var(--soluk); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; padding: 4px 6px; border-radius: 6px; }
.iliskili-tumu:hover { color: var(--murekkep); background: var(--zemin-2); }
.iliskili-not { flex-basis: 100%; font-size: 11.5px; color: var(--soluk); }
.iliskili-madde { display: flex; align-items: flex-start; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: 1px solid var(--cizgi-2); border-radius: 10px; background: var(--zemin-kart); cursor: pointer; font: inherit; color: inherit; transition: border-color .12s, background .12s; }
.iliskili-madde:hover, .iliskili-madde:focus-visible { border-color: var(--yesil); background: var(--zemin-2); outline: none; }
.iliskili-madde > b { flex-shrink: 0; min-width: 48px; font-size: 12.5px; color: var(--yesil); padding-top: 1px; white-space: nowrap; }
.iliskili-madde .icerik { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.iliskili-madde .alt { font-size: 12.5px; font-weight: 600; line-height: 1.3; }
.iliskili-madde .ozet { font-size: 12px; color: var(--murekkep-2); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.iliskili-madde > i { color: var(--soluk); font-size: 16px; flex-shrink: 0; align-self: center; }
.sag-detay-ust { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.sag-detay-ust b { flex: 1; min-width: 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sag-detay-eylemler { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.sag-detay-eylemler .dugme { height: 28px; font-size: 11.5px; }

@media (max-width: 1100px) {
    .modul-yerlesim.rayli, .modul-yerlesim.rayli.sag-acik { grid-template-columns: minmax(0, 1fr) 74px; }
    .rapor-dugme { width: 64px; }
}
@media (max-width: 640px) {
    .modul-yerlesim.rayli, .modul-yerlesim.rayli.sag-acik { grid-template-columns: minmax(0, 1fr); }
    .rapor-ray { position: fixed; right: 8px; bottom: 76px; width: 52px; max-height: 50vh; border: 1px solid var(--cizgi); border-radius: 12px; box-shadow: var(--golge-2); z-index: 24; }
}

/* ============================ paketler ============================ */

.paket-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 14px 0; }
.paket-kart { position: relative; border: 1px solid var(--cizgi); border-radius: 14px; padding: 18px 16px 16px; background: var(--zemin-kart); display: flex; flex-direction: column; gap: 8px; --pk: var(--vurgu); }
.paket-kart.onerilen { border-color: var(--pk); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pk) 18%, transparent); }
.paket-kart .onerilen-etiket { position: absolute; top: -10px; left: 14px; background: var(--pk); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; }
.paket-kart .vaat { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pk); }
.paket-kart h3 { font-family: var(--f-baslik); font-size: 22px; font-weight: 600; }
.paket-kart .slogan { font-size: 13.5px; font-weight: 600; }
.paket-kart .aciklama { font-size: 12.5px; color: var(--murekkep-2); line-height: 1.5; }
.paket-kart .fiyat { font-family: var(--f-baslik); font-size: 24px; font-weight: 600; margin-top: 4px; }
.paket-kart .fiyat small { font-family: var(--f-govde); font-size: 12px; font-weight: 500; color: var(--soluk); }
.paket-kart .etiket { font-size: 11.5px; color: var(--soluk); }
.paket-kart ul { list-style: none; padding: 0; margin: 4px 0 0; display: grid; gap: 5px; font-size: 12.5px; }
.paket-kart ul li { display: flex; gap: 6px; align-items: flex-start; line-height: 1.4; }
.paket-kart ul li i { color: var(--pk); font-size: 14px; flex-shrink: 0; margin-top: 1px; }
.paket-kart .dugme { margin-top: auto; justify-content: center; }
.paket-kart .dugme-birincil { background: var(--pk); border-color: var(--pk); }
.paket-kapasite { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 8px 0 14px; }
.paket-kapasite th, .paket-kapasite td { border: 1px solid var(--cizgi); padding: 7px 10px; text-align: center; }
.paket-kapasite th:first-child, .paket-kapasite td:first-child { text-align: left; font-weight: 600; }
.paket-kapasite thead th { background: var(--zemin-2); }
.paket-karsilastirma { width: 100%; border-collapse: collapse; font-size: 12px; }
.paket-karsilastirma th, .paket-karsilastirma td { border-bottom: 1px solid var(--cizgi); padding: 6px 8px; text-align: center; }
.paket-karsilastirma th:first-child, .paket-karsilastirma td:first-child { text-align: left; }
.paket-karsilastirma tr.kalin td:first-child { font-weight: 700; }
.paket-karsilastirma thead th { position: sticky; top: 0; background: var(--zemin); }
.paket-deger { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; border-radius: 6px; font-size: 11px; font-weight: 600; padding: 0 6px; }
.paket-deger.var { background: var(--yesil-acik); color: var(--yesil); }
.paket-deger.yok { color: var(--soluk-2); }
.paket-deger.sinirli { background: var(--altin-acik); color: #7a5d1c; }
.paket-deger.kismi { background: var(--turuncu-acik); color: var(--turuncu); }
.paket-deger.opsiyon { background: var(--mavi-acik); color: var(--mavi); }
.paket-not { font-size: 12.5px; color: var(--murekkep-2); line-height: 1.55; }
.paket-oneri { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px; background: var(--vurgu-acik); color: var(--vurgu); font-size: 12.5px; font-weight: 600; margin: 6px 0 4px; }

/* Rapor rayı açıkken yardım balonu rayın soluna kayar (üst üste binmesin). */
html[data-rapor-ray="acik"] .yardim-balon { right: 92px; }
html[data-rapor-ray="acik"] .yardim-panel { right: 92px; }
@media (max-width: 640px) { html[data-rapor-ray="acik"] .yardim-balon { right: 16px; } html[data-rapor-ray="acik"] .yardim-panel { right: 8px; } }

/* ============================ belge güvenlik bilgilendirmesi ============================ */

.guvenlik p { font-size: 13.5px; line-height: 1.6; margin-bottom: 10px; }
.guvenlik .ust-etiket { margin: 12px 0 8px; display: block; }
.guvenlik ul { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 9px; }
.guvenlik ul li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.5; }
.guvenlik ul li i { font-size: 17px; color: var(--vurgu); flex-shrink: 0; margin-top: 1px; }
.guvenlik a { color: var(--vurgu); font-weight: 600; }
.guvenlik-onay { display: flex; align-items: center; gap: 9px; padding: 11px 13px; border: 1px solid var(--cizgi-2); border-radius: 10px; background: var(--zemin-2); font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 4px; }
.guvenlik-onay input { accent-color: var(--vurgu); width: 16px; height: 16px; margin: 0; }
.guvenlik-serit { display: flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 11.5px; color: var(--soluk); }
.guvenlik-serit i { font-size: 14px; color: var(--yesil); }
.guvenlik-serit button { border: 0; background: transparent; color: var(--vurgu); font: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer; text-decoration: underline; padding: 0; }

/* ============================ UYAP şeridi ve paneli ============================ */

.bant { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; align-items: center; gap: 10px; height: 62px; padding: 0 12px 0 14px; background: var(--zemin-2); border-top: 1px solid var(--cizgi); box-shadow: 0 -6px 18px rgba(0,0,0,.06); }
html[data-bant="acik"] body { padding-bottom: 62px; }
html[data-bant="acik"] .kabuk { height: calc(100vh - 62px); }
.bant-ust { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--murekkep-2); flex-shrink: 0; padding-right: 10px; border-right: 1px solid var(--cizgi); height: 38px; }
.bant-ust i { font-size: 17px; color: var(--vurgu); }
.bant-ust b { font-size: 12.5px; }
.bant-ust .kucuk { color: var(--soluk); }
.nokta-yesil, .nokta-kirmizi { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
.nokta-yesil { background: var(--yesil); box-shadow: 0 0 0 3px var(--yesil-acik); }
.nokta-kirmizi { background: var(--kirmizi); box-shadow: 0 0 0 3px var(--kirmizi-acik); }
.bant-kartlar { flex: 1; min-width: 0; overflow: hidden; padding: 6px 2px; position: relative; }
.bant-kartlar.sabit { overflow-x: auto; scrollbar-width: thin; }
.bant-ray { display: flex; gap: 8px; width: max-content; padding-right: var(--bant-bosluk, 8px); }
.bant-ray.kayan { animation: bant-kay var(--bant-sure, 60s) linear infinite; }
.bant-kartlar:hover .bant-ray.kayan, .bant-ray.duruk { animation-play-state: paused; }
@keyframes bant-kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .bant-ray.kayan { animation: none; } .bant-kartlar { overflow-x: auto; } }
.bant-kart { flex: 0 0 auto; max-width: 260px; display: flex; align-items: center; gap: 9px; padding: 6px 11px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-kart); cursor: pointer; font: inherit; text-align: left; }
.bant-kart:hover { border-color: var(--vurgu); background: var(--vurgu-acik); }
.bant-kart.yeni { border-color: var(--vurgu); box-shadow: 0 0 0 2px var(--vurgu-acik); }
.bant-kart .tur { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; flex-shrink: 0; font-size: 14px; }
.bant-kart .tur.evrak { background: var(--altin-acik); color: #7a5d1c; }
.bant-kart .tur.safahat { background: var(--mavi-acik); color: var(--mavi); }
.bant-kart .tur.tebligat { background: var(--turuncu-acik); color: var(--turuncu); }
.bant-kart .tur.dosya { background: var(--yesil-acik); color: var(--yesil); }
.bant-kart .govde { min-width: 0; display: grid; }
.bant-kart .govde b { font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bant-kart .govde span { font-size: 11px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bant-sag { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
html[data-bant="acik"] .yardim-balon { bottom: 78px; }
html[data-bant="acik"] .yardim-panel { bottom: 78px; }
@media (max-width: 760px) {
    .bant { height: 54px; padding-left: 10px; }
    html[data-bant="acik"] body { padding-bottom: 54px; }
    html[data-bant="acik"] .kabuk { height: calc(100vh - 54px); }
    .bant-ust b, .bant-ust .kucuk, .bant-ust .rozet { display: none; }
    .bant-sag .dugme { display: none; }
}

.uyap-durum { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 4px 0 2px; }
.uyap-durum .uyari { margin: 0; flex: 1 1 320px; }
.uyap-liste { border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-kart); overflow: hidden; }
.uyap-kayit { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid var(--cizgi); cursor: pointer; }
.uyap-kayit:last-child { border-bottom: 0; }
.uyap-kayit:hover { background: var(--zemin-2); }
.uyap-kayit .govde { flex: 1; min-width: 0; }
.uyap-kayit .ad { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uyap-kayit .meta { font-size: 11.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
.uyap-kayit .sag { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.uyap-tur { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0; font-size: 16px; }
.uyap-tur.evrak { background: var(--altin-acik); color: #7a5d1c; }
.uyap-tur.safahat { background: var(--mavi-acik); color: var(--mavi); }
.uyap-tur.tebligat { background: var(--turuncu-acik); color: var(--turuncu); }
.uyap-tur.dosya { background: var(--yesil-acik); color: var(--yesil); }
.uyap-onizleme-ust { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
@media (max-width: 700px) { .uyap-kayit .sag .dugme { display: none; } }
.uyap-dugme { position: relative; }
.uyap-ustcubuk-sayac:not(:empty) { position: absolute; top: 2px; right: 2px; min-width: 15px; height: 15px; padding: 0 4px; border-radius: 999px; background: var(--vurgu); color: var(--vurgu-yazi); font-size: 9.5px; font-weight: 700; display: grid; place-items: center; }

/* ==================== Modül dosyaları (UYAP Uzman) ==================== */
.solmenu-modul .solmenu-oge.alt { display: none; }
.solmenu-modul.acik .solmenu-oge.alt { display: flex; }
.solmenu-oge.alt { margin-left: 18px; font-size: 12.5px; opacity: .92; }
.solmenu-oge.alt i { font-size: 15px; }
html[data-sol="dar"] .solmenu-oge.alt { margin-left: 0; padding: 3px 0 7px; margin-top: -3px; }
html[data-sol="dar"] .solmenu-oge.alt i { font-size: 14px; color: var(--soluk); }
html[data-sol="dar"] .solmenu-oge.alt::before { content: ""; position: absolute; left: 50%; top: -3px; width: 10px; height: 8px; border-left: 1px solid var(--cizgi-2); border-bottom: 1px solid var(--cizgi-2); border-radius: 0 0 0 5px; transform: translateX(-14px); }
html[data-sol="dar"] .solmenu-oge.alt.aktif i { color: var(--vurgu-yazi); }
html[data-sol="dar"] .solmenu-oge.alt.aktif::before { border-color: var(--vurgu); }

.dosya-yerlesim { display: grid; grid-template-columns: minmax(0,1fr) 320px; height: 100%; min-height: 0; }
.dosya-ana { min-width: 0; overflow: auto; padding: 20px 22px 28px; }
.dosya-analiz { border-left: 1px solid var(--cizgi); background: var(--zemin-2); display: flex; flex-direction: column; min-height: 0; }
.dosya-analiz-ust { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--cizgi); font-size: 13px; }
.dosya-analiz-ust i { color: var(--vurgu); }
.dosya-analiz-kunye { padding: 10px 14px; border-bottom: 1px solid var(--cizgi); display: grid; gap: 2px; }
.dosya-analiz-kunye b { font-size: 13px; }
.dosya-analiz-kunye span { font-size: 11.5px; color: var(--soluk); }
.dosya-analiz-liste { flex: 1; min-height: 0; overflow: auto; padding: 8px; display: flex; flex-direction: column; gap: 6px; }
.dosya-analiz-liste.uzerinde { background: var(--vurgu-acik); outline: 2px dashed var(--vurgu); outline-offset: -6px; }
.dosya-analiz-bos { display: grid; place-items: center; gap: 8px; padding: 26px 16px; text-align: center; color: var(--soluk); }
.dosya-analiz-bos i { font-size: 24px; }
.dosya-analiz-bos p { font-size: 12.5px; line-height: 1.5; }
.dosya-analiz-alt { border-top: 1px solid var(--cizgi); padding: 10px 12px; display: grid; gap: 8px; }

.dosya-suzgec { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-kart); margin-bottom: 14px; }
.dosya-suzgec .etiket { display: block; margin-bottom: 4px; }
.suzgec-alan.esne { flex: 1; min-width: 200px; }
.suzgec-alan.esne .satir-esnek { justify-content: flex-end; gap: 10px; }

.dosya-liste { display: flex; flex-direction: column; gap: 8px; }
.dosya-kart { border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-kart); overflow: hidden; }
.dosya-kart.acik { border-color: var(--vurgu); box-shadow: var(--golge-1); }
.dosya-ust { display: flex; align-items: center; gap: 12px; padding: 11px 14px; cursor: pointer; }
.dosya-ust:hover { background: var(--zemin-2); }
.dosya-ust .govde { flex: 1; min-width: 0; }
.dosya-ust .ad { display: flex; gap: 8px; align-items: baseline; font-size: 13.5px; }
.dosya-ust .ad b { font-weight: 700; }
.dosya-ust .ad span { color: var(--soluk); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dosya-ust .meta { font-size: 11.5px; color: var(--soluk); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dosya-ust .sag { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.dosya-sayac { display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.dosya-sayac i { font-size: 13px; }
.dosya-detay { border-top: 1px solid var(--cizgi); background: var(--zemin-2); }
.dosya-detay-ust { display: flex; align-items: center; gap: 10px; padding: 8px 12px; flex-wrap: wrap; }
.dosya-detay-ust .sag { margin-left: auto; }
.dosya-detay-ara { display: flex; align-items: center; gap: 8px; padding: 0 12px 8px; color: var(--soluk); }
.dosya-detay-ara .giris { flex: 1; }
.dosya-ogeler { max-height: 340px; overflow: auto; border-top: 1px solid var(--cizgi); background: var(--zemin-kart); }
.uyap-kayit.oge { cursor: grab; }
.uyap-kayit.oge.secili { background: var(--vurgu-acik); }
.uyap-kayit.oge.suruklenen { opacity: .5; }
.uyap-kayit.mini { padding: 7px 9px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--zemin-kart); gap: 8px; }
.uyap-kayit.mini .uyap-tur { width: 26px; height: 26px; font-size: 14px; }
.uyap-kayit.mini .ad { font-size: 12.5px; }
.sekmeler.kucuk .sekme { height: 28px; font-size: 12px; }

@media (max-width: 1100px) {
    .dosya-yerlesim { grid-template-columns: minmax(0,1fr); }
    .dosya-analiz { border-left: 0; border-top: 1px solid var(--cizgi); max-height: 46vh; }
}

/* Bant: canlı rozet, süzgeç ve hukuk kaynağı kartları */
.bant-canli { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--vurgu); }
.nokta-atim { width: 7px; height: 7px; border-radius: 50%; background: var(--vurgu); box-shadow: 0 0 0 0 var(--vurgu); animation: atim 1.8s infinite; }
@keyframes atim { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--vurgu) 55%, transparent); } 70% { box-shadow: 0 0 0 7px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
@media (prefers-reduced-motion: reduce) { .nokta-atim { animation: none; } }
.bant-suzgec { display: inline-flex; gap: 2px; padding: 2px; background: var(--zemin-3); border-radius: 8px; }
.bant-suzgec button { border: 0; background: transparent; height: 24px; padding: 0 9px; border-radius: 6px; font-size: 11.5px; font-weight: 600; color: var(--soluk); cursor: pointer; }
.bant-suzgec button.aktif { background: var(--zemin-kart); color: var(--vurgu); box-shadow: var(--golge-1); }
.bant-kart .tur.ictihat { background: var(--mor-acik, var(--mavi-acik)); color: var(--mor, var(--mavi)); }
.bant-kart .tur.mevzuat { background: var(--yesil-acik); color: var(--yesil); }
.bant-kart.dosya { border-color: color-mix(in srgb, var(--vurgu) 45%, var(--cizgi)); }
@media (max-width: 760px) { .bant-suzgec button { padding: 0 6px; } .bant-canli span:last-child { display: none; } }

/* ==================== Rapor düğmeleri (sohbetin üstü) ve sağ panel listeleri ==================== */
.modul-araclar { position: relative; border-bottom: 1px solid var(--cizgi); background: var(--zemin-2); padding: 6px 12px; }
.arac-serit { display: flex; gap: 6px; align-items: center; overflow-x: auto; scrollbar-width: none; padding: 0 22px; }
.arac-serit::-webkit-scrollbar { display: none; }
.arac-cip { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--zemin-kart); color: var(--murekkep-2); font: inherit; font-size: 12px; font-weight: 600; white-space: nowrap; cursor: pointer; flex-shrink: 0; }
.arac-cip i { font-size: 15px; color: var(--soluk); }
.arac-cip:hover { border-color: var(--vurgu); color: var(--vurgu); }
.arac-cip:hover i { color: var(--vurgu); }
.arac-cip.hazir { border-color: color-mix(in srgb, var(--yesil) 55%, var(--cizgi)); }
.arac-cip.hazir i { color: var(--yesil); }
.arac-cip.calisiyor i { color: var(--turuncu); animation: rapor-don 1s linear infinite; }
.arac-cip.aktif { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-yazi); }
.arac-cip.aktif i, .arac-cip.aktif .sayac { color: var(--vurgu-yazi); }
.arac-cip.soru { background: var(--vurgu-acik); border-color: transparent; color: var(--vurgu); }
.arac-cip.soru i { color: var(--vurgu); }
.arac-cip .sayac { font-size: 10.5px; font-weight: 700; color: var(--soluk); }
.arac-ayrac { width: 1px; height: 18px; background: var(--cizgi-2); flex-shrink: 0; margin: 0 2px; }
.arac-ok { position: absolute; top: 6px; height: 30px; width: 22px; border: 0; background: linear-gradient(90deg, var(--zemin-2), transparent); color: var(--soluk); cursor: pointer; display: grid; place-items: center; }
.arac-ok.sol { left: 12px; }
.arac-ok.sag { right: 12px; background: linear-gradient(270deg, var(--zemin-2), transparent); }
.arac-ok:hover { color: var(--vurgu); }

.modul-yerlesim.sag-acik.sag-genis { --sag: min(720px, 48vw); }
.kaynak-liste { border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-kart); overflow: hidden; }
.kaynak-satir { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-bottom: 1px solid var(--cizgi); cursor: pointer; }
.kaynak-satir:last-child { border-bottom: 0; }
.kaynak-satir:hover { background: var(--zemin-2); }
.kaynak-satir.secili { background: var(--vurgu-acik); }
.kaynak-satir input { accent-color: var(--vurgu); flex-shrink: 0; }
.kaynak-satir .tur { color: var(--soluk); font-size: 15px; width: 26px; text-align: center; flex-shrink: 0; }
.kaynak-satir .govde { flex: 1; min-width: 0; }
.kaynak-satir .ad { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kaynak-satir .meta { font-size: 11px; color: var(--soluk); margin-top: 1px; }
.sag-secim-cubugu { position: sticky; bottom: 0; margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-kart); box-shadow: var(--golge-2); }
.soru-satir { display: flex; align-items: flex-start; gap: 10px; width: 100%; text-align: left; padding: 9px 10px; margin-bottom: 6px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-kart); font: inherit; color: var(--murekkep); cursor: pointer; }
.soru-satir:hover { border-color: var(--vurgu); }
.soru-satir .no { font-style: normal; font-weight: 700; font-family: var(--f-baslik); color: var(--vurgu); min-width: 20px; }
.soru-satir span { display: grid; gap: 2px; min-width: 0; }
.soru-satir b { font-size: 12.5px; }
.soru-satir small { font-size: 11.5px; color: var(--soluk); line-height: 1.4; }
.rapor-ust-bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.rapor-eylemler { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; }
.modul-sag-govde .rapor-govde { font-size: 13px; }
@media (max-width: 700px) { .arac-cip span:not(.sayac) { display: none; } .arac-cip { padding: 0 9px; } }

/* Föy ekranında sağ panel açıkken asistan balonu ve paneli panelin soluna kayar; raporları örtmez. */
@media (min-width: 1101px) {
    html[data-sag-panel="acik"] .yardim-balon { right: calc(var(--sag) + 76px); }
    html[data-sag-panel="acik"] .yardim-panel { right: calc(var(--sag) + 76px); height: min(480px, calc(100vh - 140px)); }
    html[data-sag-panel="acik"] .modul-yerlesim.sag-genis ~ * .yardim-panel { right: 20px; }
}

/* ==================== Föy ekranı: sağ ray, rapor listesi, ilerleme, kaynak kartları ==================== */
.sag-ray { border-left: 1px solid var(--cizgi); background: var(--zemin-2); display: flex; flex-direction: column; align-items: stretch; gap: 2px; padding: 8px 5px; overflow-y: auto; scrollbar-width: none; }
.sag-ray-dugme { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 2px 7px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--murekkep-2); cursor: pointer; font: inherit; }
.sag-ray-dugme i { font-size: 18px; }
.sag-ray-dugme span { font-size: 9.5px; font-weight: 600; letter-spacing: .01em; }
.sag-ray-dugme .sayac { position: absolute; top: 3px; right: 4px; min-width: 15px; height: 15px; padding: 0 4px; border-radius: 999px; background: var(--vurgu); color: var(--vurgu-yazi); font-size: 9px; font-weight: 700; display: grid; place-items: center; letter-spacing: 0; }
.sag-ray-dugme:hover { background: var(--zemin-kart); border-color: var(--cizgi-2); color: var(--vurgu); }
.sag-ray-dugme.aktif { background: var(--zemin-kart); border-color: var(--cizgi-2); color: var(--vurgu); box-shadow: var(--golge-1); }
.sag-ray-dugme.calisiyor i { color: var(--turuncu); animation: rapor-don 1s linear infinite; }
.modul-sag-ust { display: flex; align-items: center; gap: 8px; padding: 10px 8px 8px 14px; border-bottom: 1px solid var(--cizgi); font-size: 13px; min-height: 44px; }
.modul-sag-ust b { font-size: 13.5px; }
.rapor-liste { display: flex; flex-direction: column; gap: 4px; }
.rapor-satir { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-kart); color: var(--murekkep); font: inherit; cursor: pointer; }
.rapor-satir:hover { border-color: var(--vurgu); }
.rapor-satir .simge { width: 30px; height: 30px; border-radius: 9px; background: var(--zemin-2); display: grid; place-items: center; color: var(--vurgu); font-size: 16px; flex-shrink: 0; }
.rapor-satir .govde { flex: 1; min-width: 0; display: grid; gap: 1px; }
.rapor-satir .govde b { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rapor-satir .govde small { font-size: 11px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rapor-satir.hazir .simge { background: var(--yesil-acik); color: var(--yesil); }
.rapor-satir .hazir-isaret { color: var(--yesil); }
.rapor-satir.calisiyor .simge i { color: var(--turuncu); animation: rapor-don 1s linear infinite; }
.rapor-satir.pasif { opacity: .55; cursor: not-allowed; }
.belge-listesi { display: flex; flex-direction: column; gap: 2px; }
.modul-sag-govde .sol-oge .kaldir { opacity: 1; }

.asama-kutu { border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-2); margin: 2px 0 8px; overflow: hidden; }
.asama-baslik { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; border: 0; background: transparent; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--murekkep-2); cursor: pointer; text-align: left; }
.asama-baslik .donen i { display: inline-block; color: var(--vurgu); animation: rapor-don 1s linear infinite; }
.asama-baslik > span:nth-child(2) { flex: 1; }
.asama-liste { padding: 2px 10px 8px 14px; display: grid; gap: 4px; }
.asama-satir { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--murekkep-2); }
.asama-not { padding: 6px 12px 8px; font-size: 12px; color: var(--turuncu, #b26a00); border-top: 1px dashed var(--cizgi); }
.asama-satir i { width: 16px; text-align: center; color: var(--soluk-2); }
.asama-satir[data-durum="tamam"] i { color: var(--yesil); }
.asama-satir[data-durum="calisiyor"] i { color: var(--vurgu); animation: rapor-don 1s linear infinite; }
.asama-satir[data-durum="bekliyor"] { color: var(--soluk); }
.asama-satir .metin { flex: 1; }
.asama-kutu.dar { background: transparent; border-color: transparent; margin: 0 0 4px; }
.asama-kutu.dar .asama-baslik { padding: 2px 0 6px; font-size: 12px; }
.asama-kutu.dar .asama-baslik .donen i { animation: none; }

.kaynak-kartlar { display: grid; gap: 8px; margin-top: 12px; }
.kaynak-kart-mini { border: 1px solid var(--cizgi); border-left: 3px solid var(--mavi); border-radius: 10px; padding: 9px 11px; background: var(--zemin-2); }
.kaynak-kart-mini.mevzuat { border-left-color: var(--yesil); }
.kaynak-kart-mini .ust { display: flex; align-items: center; gap: 6px; min-width: 0; }
.kaynak-kart-mini .ust b { flex: 1; min-width: 0; font-size: 12.5px; }
.kaynak-kart-mini .ozet { font-size: 12.5px; line-height: 1.5; color: var(--murekkep-2); margin-top: 6px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kaynak-kart-mini .ozet.soluk { color: var(--soluk); font-style: italic; }
.kaynak-kart-mini .eylemler { display: flex; gap: 6px; margin-top: 8px; }
.kaynak-kart-mini .eylemler .dugme { height: 26px; font-size: 11.5px; }
.sonuc-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.sonuc-cip { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--zemin-kart); font: inherit; font-size: 12px; font-weight: 600; color: var(--murekkep-2); cursor: pointer; }
.sonuc-cip.ictihat i { color: var(--mavi); } .sonuc-cip.mevzuat i { color: var(--yesil); }
.sonuc-cip:hover { border-color: var(--vurgu); color: var(--vurgu); }

/* Destek: gömülü asistan; editör/araştırma: balon sol altta */
.destek-asistan { margin-bottom: 4px; }
.yardim-panel.gomulu { position: static; width: 100%; height: 520px; max-height: none; border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: var(--golge-1); }
/* Destek (Kenan Abi, 9 Eylül akşam): sol talep/SSS, sağ Akıl Hocası; asistan kapatılınca tek sütun ortalanır */
.destek-ekran { max-width: 1240px; }
.destek-yerlesim { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); gap: 28px; align-items: start; }
.destek-yerlesim.tek { grid-template-columns: minmax(0, 860px); justify-content: center; }
.destek-sag { position: sticky; top: 16px; }
.destek-yerlesim.tek .destek-sag { position: static; grid-column: 1; display: flex; justify-content: center; }
.destek-yerlesim.tek .destek-sag .destek-asistan-ac { margin-top: -8px; margin-bottom: 8px; }
.destek-yerlesim .yardim-panel.gomulu { height: min(640px, calc(100vh - 150px)); }
@media (max-width: 1000px) { .destek-yerlesim { grid-template-columns: minmax(0, 1fr); } .destek-sag { position: static; order: -1; } }
/* Kişisel hafıza (Ayarlar › Yapay zekâ) */
.hafiza-liste { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.hafiza-satir { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 10px; font-size: 13px; }
.hafiza-satir .esne { min-width: 0; }
.yardim-ipucu-secenek { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.yardim-ipucu-secenek button { border: 1px solid var(--cizgi-2); background: transparent; color: var(--soluk); font-size: 11.5px; font-weight: 500; padding: 3px 9px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.yardim-ipucu-secenek button:hover { color: var(--murekkep); border-color: var(--soluk); }
html[data-ekran="editor"] .yardim-balon, html[data-ekran="arastirma"] .yardim-balon, html[data-ekran="sablonlar"] .yardim-balon { right: auto; left: 20px; width: 42px; height: 42px; opacity: .85; }
html[data-ekran="editor"] .yardim-panel, html[data-ekran="arastirma"] .yardim-panel, html[data-ekran="sablonlar"] .yardim-panel { right: auto; left: 20px; }
html[data-bant="acik"][data-ekran="editor"] .yardim-balon, html[data-bant="acik"][data-ekran="arastirma"] .yardim-balon { bottom: 74px; }


/* ===== Grafikli raporlar: tespit zinciri, gösterge, zaman çizelgesi, ısı haritası, SKOR panosu (Kenan Abi 5 Eylül) ===== */
.rapor-satir.skor { border-color: var(--vurgu); background: linear-gradient(90deg, var(--vurgu-acik), var(--zemin-kart) 70%); margin-top: 2px; }
.rapor-satir.skor .simge { background: var(--vurgu); color: var(--vurgu-yazi); }
.rapor-satir.skor.hazir .simge { background: var(--vurgu); color: var(--vurgu-yazi); }
.skor-rozet { min-width: 34px; height: 24px; padding: 0 7px; border-radius: 12px; color: #fff; font-weight: 700; font-size: 12px; display: grid; place-items: center; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.rapor-grafikler { grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.rapor-grafik { min-width: 0; }
.rapor-grafik.radar canvas { height: 290px !important; }
.rapor-grafik.scatter canvas { height: 270px !important; }
.grafik-yetersiz { display: flex; gap: 8px; align-items: center; color: var(--soluk); font-size: 12.5px; padding: 18px 6px; }
.grafik-yetersiz i { font-size: 16px; }
.grafik-not { font-size: 11.5px; color: var(--soluk); margin-top: 6px; line-height: 1.4; }
.gosterge-kap { position: relative; height: 150px; }
.gosterge-kap canvas { height: 150px !important; }
.gosterge-deger { position: absolute; left: 0; right: 0; bottom: 12px; text-align: center; pointer-events: none; }
.gosterge-deger b { display: block; font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
.gosterge-deger small { font-size: 11px; color: var(--soluk); }
.zaman-liste { display: grid; gap: 5px; margin-top: 4px; }
.zaman-satir { display: grid; grid-template-columns: minmax(80px, auto) minmax(70px, 1fr) minmax(0, 1.3fr); gap: 8px; align-items: center; font-size: 12px; }
.zaman-satir .tarih { color: var(--soluk); font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 11px; }
.zaman-satir .ray { position: relative; height: 10px; background: var(--zemin-3); border-radius: 5px; overflow: visible; }
.zaman-satir .ray i { position: absolute; top: 0; bottom: 0; border-radius: 5px; background: var(--mavi); }
.zaman-satir .ray s { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--vurgu); text-decoration: none; opacity: .8; }
.zaman-satir.gecmis .ray i { background: var(--soluk-2); }
.zaman-satir.kritik .ray i { background: var(--kirmizi); }
.zaman-satir.yaklasan .ray i { background: var(--turuncu); }
.zaman-satir.tamam .ray i { background: var(--yesil); }
.zaman-satir .ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }
.zaman-aciklama { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; font-size: 10.5px; color: var(--soluk); margin-top: 8px; }
.zaman-aciklama i { width: 10px; height: 10px; border-radius: 5px; background: var(--mavi); margin-right: 4px; display: inline-block; }
.zaman-aciklama i.gecmis { background: var(--soluk-2); } .zaman-aciklama i.kritik { background: var(--kirmizi); } .zaman-aciklama i.yaklasan { background: var(--turuncu); } .zaman-aciklama i.tamam { background: var(--yesil); } .zaman-aciklama i.bugun { width: 2px; border-radius: 0; background: var(--vurgu); }
.isi-tablo { display: grid; gap: 3px; font-size: 11px; margin-top: 4px; overflow-x: auto; }
.isi-baslik, .isi-satir { color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-self: center; }
.isi-baslik { text-align: center; font-size: 10px; }
.isi-satir { padding-right: 6px; cursor: default; }
.isi-hucre { text-align: center; padding: 7px 2px; border-radius: 4px; font-variant-numeric: tabular-nums; }
.tespit-baslik { margin: 10px 0 4px; }
.grafik-tespitler { display: grid; gap: 3px; }
.tespit { border: 1px solid var(--cizgi); border-radius: 8px; background: var(--zemin); transition: box-shadow .2s; }
.tespit-bas { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; padding: 6px 8px; background: none; border: 0; color: var(--murekkep); font: inherit; font-size: 12px; cursor: pointer; }
.tespit-bas .ok { transition: transform .15s; color: var(--soluk); flex-shrink: 0; }
.tespit.acik .tespit-bas .ok { transform: rotate(90deg); }
.tespit-bas b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tespit-madde { font-size: 10.5px; padding: 1px 7px; border-radius: 10px; background: var(--altin-acik); color: var(--altin); white-space: nowrap; max-width: 40%; overflow: hidden; text-overflow: ellipsis; }
.tespit-atif { display: inline-flex; gap: 3px; flex-shrink: 0; }
.tespit-govde { padding: 0 10px 8px 28px; font-size: 12px; color: var(--murekkep-2); display: grid; gap: 4px; line-height: 1.45; }
.tespit.vurgulu { box-shadow: 0 0 0 2px var(--vurgu); }
.rapor-pano { border: 1px solid var(--cizgi); border-radius: 12px; padding: 12px; background: var(--zemin-kart); margin-bottom: 14px; display: grid; gap: 10px; }
.pano-ust { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.pano-genel { width: 170px; flex-shrink: 0; }
.pano-sonuc { flex: 1; min-width: 180px; display: grid; gap: 4px; }
.pano-sonuc b { font-size: 16px; line-height: 1.3; }
.pano-sonuc small { color: var(--soluk); font-size: 11.5px; }
.pano-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 8px; }
.pano-kart { border-left: 3px solid var(--soluk-2); background: var(--zemin-2); border-radius: 8px; padding: 8px 10px; display: grid; gap: 2px; min-width: 0; }
.pano-kart small { font-size: 10px; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pano-kart b { font-size: 16px; line-height: 1.15; font-variant-numeric: tabular-nums; word-break: break-word; }
.pano-kart span { font-size: 11px; color: var(--murekkep-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pano-kart.kirmizi { border-left-color: var(--kirmizi); } .pano-kart.turuncu { border-left-color: var(--turuncu); } .pano-kart.yesil { border-left-color: var(--yesil); } .pano-kart.mavi { border-left-color: var(--mavi); }
.pano-kriterler { display: grid; gap: 6px; }
.pano-kriter { display: grid; grid-template-columns: minmax(110px, 1.2fr) minmax(70px, 2fr) 52px auto; gap: 8px; align-items: center; font-size: 12px; }
.pano-kriter .ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pano-kriter .cubuk { height: 8px; background: var(--zemin-3); border-radius: 4px; overflow: hidden; }
.pano-kriter .cubuk i { display: block; height: 100%; border-radius: 4px; }
.pano-kriter b { text-align: right; font-variant-numeric: tabular-nums; font-size: 11.5px; }
.pano-kriter small { grid-column: 1 / -1; color: var(--soluk); font-size: 11px; margin-top: -3px; }
.pano-listeler { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.pano-liste { border-radius: 8px; padding: 8px 10px; font-size: 12px; background: var(--zemin-2); }
.pano-liste.kirmizi { background: var(--kirmizi-acik); } .pano-liste.turuncu { background: var(--turuncu-acik); }
.pano-liste b { display: flex; align-items: center; gap: 5px; margin-bottom: 4px; }
.pano-liste ul { margin: 0; padding-left: 18px; display: grid; gap: 3px; line-height: 1.4; }
.sayfa.rapor .pano-kartlar { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }


/* ===== Kenan Abi 6 Eylül: künye kutusu, sonuç blokları, mükerrer belge uyarısı ===== */
.kaynak-kunye { margin: 8px 6px 10px; padding: 10px 12px; border-left: 3px solid var(--altin); background: var(--altin-acik); border-radius: 0 8px 8px 0; font-size: 12.5px; line-height: 1.4; }
.kaynak-kunye b { display: block; font-size: 13.5px; }
.kaynak-kunye .alt { color: var(--murekkep-2); margin-top: 2px; }
.sonuclar { margin-top: 10px; }
.sonuc-cip .ok { margin-left: 2px; transition: transform .15s; }
.sonuc-cip.acik { background: var(--vurgu-acik); border-color: var(--vurgu); color: var(--vurgu); }
.sonuc-cip.acik .ok { transform: rotate(180deg); }
.sonuc-blok { margin-top: 8px; display: grid; gap: 8px; }
.sonuc-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sonuc-kart { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; background: var(--zemin-kart); display: grid; gap: 4px; cursor: pointer; min-width: 0; align-content: start; }
.sonuc-kart:hover { border-color: var(--vurgu); }
.sonuc-kart .ust { display: flex; align-items: center; gap: 6px; }
.sonuc-kart b { font-size: 12.5px; line-height: 1.35; }
.sonuc-kart .alt { font-size: 11.5px; color: var(--murekkep-2); }
.sonuc-kart .ozet { font-size: 12px; color: var(--soluk); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.45; }
.sonuc-kart .eylemler { display: flex; gap: 6px; margin-top: 2px; flex-wrap: wrap; }
.sonuc-tumu { justify-self: start; background: none; border: 0; color: var(--vurgu); font: inherit; font-size: 12px; cursor: pointer; display: flex; align-items: center; gap: 4px; padding: 2px 0; }
.mukerrer-uyari { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 8px 10px; border-radius: 8px; background: var(--turuncu-acik); color: var(--turuncu); margin-bottom: 8px; }
.mukerrer-uyari .esne { flex: 1; }
@media (max-width: 720px) { .sonuc-izgara { grid-template-columns: 1fr; } }


/* ===== Prompt kütüphanesi (yönetim) ve uzun hazır soru menüsü ===== */
.acilir { max-height: 72vh; overflow-y: auto; }
.onay-kutu { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; }
.onay-kutu input { accent-color: var(--vurgu); }
.modul-sag-govde .ust-etiket + .soru-satir { margin-top: 2px; }

/* ============================================================
   MOBİL VE TABLET (Kenan Abi, 6 Eylül): dar ekranda sağ ray üstte yatay şerit,
   sağ panel tam ekran örtü, üst eylemler kaydırılabilir, kurulum satırları
   alt alta, yardım balonu panel ve editörle çakışmaz.
   ============================================================ */
@media (max-width: 1100px) {
    .modul-yerlesim, .modul-yerlesim.sag-acik, .modul-yerlesim.sag-acik.sag-genis { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); position: relative; }
    .sag-ray { order: -1; display: flex; flex-direction: row; align-items: stretch; gap: 4px; padding: 6px 10px; border-left: 0; border-bottom: 1px solid var(--cizgi); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .sag-ray::-webkit-scrollbar { display: none; }
    .sag-ray-dugme { flex: 0 0 auto; flex-direction: row; gap: 6px; padding: 6px 10px; border-radius: 999px; min-height: 34px; }
    .sag-ray-dugme i { font-size: 16px; }
    .sag-ray-dugme span { font-size: 12px; }
    .sag-ray-dugme .sayac { position: static; margin-left: 2px; }
    .modul-sag { position: absolute; inset: 0; width: 100%; max-width: 100%; z-index: 40; border-left: 0; box-shadow: none; }
    .modul-orta { grid-row: 2; }
    html[data-sag-panel="acik"] .yardim-balon, html[data-sag-panel="acik"] .yardim-panel { display: none; }
}
@media (max-width: 640px) {
    :root { --sag: 100%; }
    .modul-ust { padding: 6px 12px; gap: 6px; }
    .modul-ust .baslik { width: 100%; font-size: 13.5px; }
    .modul-ust .sag { margin-left: 0; width: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
    .modul-ust .sag::-webkit-scrollbar { display: none; }
    .modul-ust .sag .dugme, .modul-ust .sag .dugme-ikon { flex-shrink: 0; }
    .sohbet-ic { padding: 0 12px; }
    .sohbet-akis { padding-top: 14px; }
    .mesaj { gap: 8px; margin-bottom: 14px; }
    .mesaj .kim { width: 26px; height: 26px; font-size: 13px; }
    .balon { padding: 9px 12px; }
    .yazici-sarmal { padding: 6px 10px 10px; }
    .yazici textarea { font-size: 16px; }   /* iOS odaklanınca yakınlaştırmasın */
    .yazici-arac { padding: 0 7px; font-size: 11.5px; }
    .yazici-not { font-size: 10.5px; }
    .kurulum { padding: 12px 12px 20px; }
    .kurulum-adim-ust { flex-wrap: wrap; }
    .kurulum-adim-ust h3 { flex: 1 1 auto; min-width: 0; }
    .kurulum-adim-ust .gecis { width: 100%; display: flex; }
    .kurulum-adim-ust .gecis button { flex: 1; justify-content: center; }
    .kurulum-satir { align-items: stretch; flex-direction: column; gap: 6px; }
    .kurulum-satir .giris, .kurulum-satir .secim { width: 100%; }
    .kurulum-satir .kucuk { text-align: left; min-width: 0; }
    .kurulum-alt { flex-direction: column; align-items: stretch; }
    .kurulum-alt .dugme { justify-content: center; }
    .kurulum-yazici textarea { font-size: 16px; min-height: 84px; }
    .kurulum-sarmal .kurulum { padding-top: 14px; padding-bottom: 28px; }
    .kurulum-yazici-ust { padding: 8px 10px 0 12px; }
    .kurulum-gecis button { padding: 5px 8px; font-size: 11px; }
    .kurulum-gecis button i { display: none; }
    .kurulum-yazici-alt .baslat { flex: 1 1 100%; margin-left: 0; justify-content: center; margin-top: 4px; }
    .kurulum-taraf .giris { flex: 1 1 120px; width: auto; }
    .kurulum-sonuc-alt .dugme { flex: 1 1 auto; justify-content: center; }
    .modul-sag-govde { padding: 10px; }
    .rapor-eylemler .dugme { flex: 1 1 auto; justify-content: center; }
    .rapor-grafikler { grid-template-columns: 1fr; }
    .pano-kriter { grid-template-columns: minmax(90px, 1fr) minmax(60px, 1.4fr) 44px auto; gap: 6px; }
    .pano-genel { width: 150px; }
    .zaman-satir { grid-template-columns: minmax(70px, auto) 1fr; }
    .zaman-satir .ad { grid-column: 1 / -1; white-space: normal; font-size: 11.5px; }
    .yardim-balon { width: 44px; height: 44px; right: 12px; bottom: 14px; }
    html[data-bant="acik"] .yardim-balon { bottom: 66px; }
    html[data-bant="acik"] .yardim-panel { bottom: 120px; height: min(560px, calc(100vh - 170px)); }
    .yardim-panel { right: 8px; left: 8px; width: auto; }
    html[data-ekran="editor"] .yardim-balon, html[data-ekran="arastirma"] .yardim-balon, html[data-ekran="sablonlar"] .yardim-balon { display: none; }
    .cerceve-serit > span.soluk, .cerceve-serit > .rozet { display: none; }
    .cerceve-serit .sag .dugme { padding: 0 9px; }
    .dosya-analiz { max-height: 36vh; }
    .dosya-analiz-bos { padding: 12px 14px; }
    .dosya-analiz-bos i { font-size: 18px; }
    .dosya-suzgec { padding: 10px 12px; }
    .acilir { max-width: 92vw; }
    .ustcubuk .dugme-birincil { padding: 0 10px; }
    .ekran-baslik .eylemler { width: 100%; }
    .ekran-baslik .eylemler .dugme { flex: 1 1 auto; justify-content: center; }
    .sonuc-kart .eylemler .dugme { flex: 1 1 auto; justify-content: center; }
    .kaynak-kunye { margin: 6px 0 8px; }
}
@media (max-width: 400px) {
    .sag-ray-dugme span { font-size: 11px; }
    .ustcubuk .ekran-adi { font-size: 12.5px; }
    .yazici-arac i { font-size: 14px; }
}
/* Telefonda sohbetli ekranlarda yüzen yardım balonu gönder düğmesini örtüyordu; üst çubuktaki soru işareti aynı paneli açar. */
@media (max-width: 640px) {
    html[data-ekran="sohbet"] .yardim-balon, html[data-ekran="dava"] .yardim-balon, html[data-ekran="savcilik"] .yardim-balon, html[data-ekran="icra"] .yardim-balon,
    html[data-ekran="sozlesme"] .yardim-balon, html[data-ekran="arabuluculuk"] .yardim-balon, html[data-ekran="sigortatahkim"] .yardim-balon { display: none; }
}

/* Dilekçeler sekmesi: grup çipleri ve satır simgesi */
.dilekce-gruplar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.soru-satir i.no.ri-draft-line { color: var(--altin); font-size: 15px; margin-top: 1px; }
/* Destek sayfasında asistan gömülü; yüzen balon aynı asistanı tekrar etmesin. */
html[data-ekran="destek"] .yardim-balon { display: none; }
/* Gömülü ekran şeritleri (Araştırma, Şablonlar, LexWrite) telefonda taşmasın: yatay kaydırılır. */
@media (max-width: 640px) {
    .cerceve-serit { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; gap: 8px; }
    .cerceve-serit::-webkit-scrollbar { display: none; }
    .cerceve-serit > * { flex-shrink: 0; }
    .cerceve-serit .sag { margin-left: auto; }
}

/* Yazılı kullanım rehberi (Kenan Abi, 12 Eylül) */
.sayfa.genis .sayfa-govde:has(.rehber) { padding: 0; }
.rehber { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 60vh; max-height: calc(86vh - 130px); }
.rehber-yan { border-right: 1px solid var(--cizgi); padding: 12px; display: flex; flex-direction: column; gap: 8px; overflow: auto; background: var(--zemin-2); }
.rehber-liste { display: flex; flex-direction: column; gap: 2px; }
.rehber-sekme { border: 0; background: transparent; text-align: left; padding: 7px 10px; border-radius: 8px; font: inherit; font-size: 13px; color: var(--murekkep-2); cursor: pointer; display: flex; align-items: center; gap: 6px; }
.rehber-sekme:hover { background: var(--zemin-kart); color: var(--murekkep); }
.rehber-sekme.aktif { background: var(--vurgu-acik); color: var(--vurgu); font-weight: 600; }
.rehber-icerik { overflow: auto; padding: 18px 26px 26px; }
.rehber-ekran + .rehber-ekran { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.rehber-ekran h2 { font-family: var(--f-baslik); font-size: 21px; margin-bottom: 4px; }
.rehber-ozet { color: var(--murekkep-2); font-size: 13.5px; line-height: 1.55; margin-bottom: 10px; }
.rehber-ekran h3 { font-family: var(--f-govde); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); margin: 18px 0 8px; }
.rehber-ogeler { margin: 0; display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 6px 14px; font-size: 13.5px; line-height: 1.55; }
.rehber-ogeler dt { font-weight: 700; color: var(--murekkep); }
.rehber-ogeler dd { margin: 0; color: var(--murekkep-2); }
.rehber-adimlar, .rehber-ipuclari { margin: 0; padding-left: 22px; font-size: 13.5px; line-height: 1.6; color: var(--murekkep-2); }
.rehber-adimlar li + li, .rehber-ipuclari li + li { margin-top: 4px; }
.yardim-ust .rehber-dugme { margin-right: 2px; }
@media (max-width: 760px) {
    .rehber { grid-template-columns: 1fr; max-height: none; }
    .rehber-yan { border-right: 0; border-bottom: 1px solid var(--cizgi); max-height: 34vh; }
    .rehber-ogeler { grid-template-columns: 1fr; gap: 2px; }
    .rehber-ogeler dd { margin-bottom: 8px; }
}

/* Akıl Hocası üst çubukta (16 Eylül): sağ alttaki yüzen düğme kaldırıldı; balon ve panel üstten açılır */
.ust-dugmeler .yardim-balon.ustte { position: static; width: 36px; height: 36px; font-size: 18px; box-shadow: none; flex-shrink: 0; }
.ust-dugmeler .yardim-balon.ustte.avatarli { width: 38px; height: 38px; border-width: 2px; }
.ust-dugmeler .yardim-balon.ustte .nokta { top: -2px; right: -2px; width: 10px; height: 10px; }
.yardim-panel { top: calc(var(--ust) + 8px); bottom: auto; right: 12px; height: min(560px, calc(100vh - var(--ust) - 24px)); }
html[data-bant="acik"] .yardim-panel { height: min(560px, calc(100vh - var(--ust) - 84px)); }
.yardim-konusma { top: calc(var(--ust) + 10px); bottom: auto; right: 12px; }
.yardim-konusma::after { top: -8px; bottom: auto; right: 30px; border-right: 0; border-top: 1px solid var(--cizgi-2); border-left: 1px solid var(--cizgi-2); transform: rotate(45deg); }
html[data-bant="acik"] .yardim-konusma { bottom: auto; }
@media (max-width: 640px) { .yardim-konusma { right: 8px; width: min(340px, calc(100vw - 16px)); } }
/* Kenan Abi (17 Eylül): Akıl Hocası tutulup taşınır. Başlık tutamaktır; taşınınca ok işareti gizlenir. */
.yardim-panel:not(.gomulu) .yardim-ust { cursor: grab; touch-action: none; user-select: none; }
.yardim-panel .tasima-ipucu { color: var(--soluk-2); font-size: 15px; display: inline-flex; margin-right: 2px; }
.yardim-panel.gomulu .tasima-ipucu { display: none; }
.yardim-konusma { cursor: grab; touch-action: none; }
.yardim-konusma button { cursor: pointer; }
.yardim-panel.tasiniyor, .yardim-konusma.tasiniyor { cursor: grabbing; user-select: none; animation: none; box-shadow: 0 18px 50px rgba(0,0,0,.28); opacity: .97; }
.yardim-panel.tasiniyor .yardim-ust { cursor: grabbing; }
.yardim-konusma.tasindi::after { display: none; }
.yardim-panel.tasindi, .yardim-konusma.tasindi { animation: none; }

/* Yönetim › Kullanım (16 Eylül) */
.kullanim-canli { display: grid; gap: 6px; }
.kullanim-satir { display: grid; grid-template-columns: 10px 1fr auto auto; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; background: var(--zemin-kart); border: 1px solid var(--cizgi); font-size: 13px; }
.kullanim-satir .isik { width: 10px; height: 10px; border-radius: 50%; background: var(--yesil, #2f8f5b); box-shadow: 0 0 0 3px color-mix(in srgb, var(--yesil, #2f8f5b) 20%, transparent); }
.kullanim-satir .isik.soluk { background: var(--soluk); box-shadow: none; }
.kullanim-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.kullanim-tablo th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--soluk); padding: 6px 8px; border-bottom: 1px solid var(--cizgi); white-space: nowrap; }
.kullanim-tablo td { padding: 6px 8px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.kullanim-tablo td.say, .kullanim-tablo th.say { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kullanim-tablo tr:last-child td { border-bottom: 0; }
.kullanim-sar { overflow-x: auto; }
.kullanim-gun { display: flex; gap: 3px; align-items: flex-end; height: 48px; margin: 6px 0 2px; }
.kullanim-gun span { flex: 1; min-width: 6px; background: var(--vurgu); border-radius: 3px 3px 0 0; opacity: .85; }
.kullanim-gun span:hover { opacity: 1; }

/* Ağaç şeması (17 Eylül): yapay zekânın ├── └── ağacı renkli, katlanabilir düğümler olarak */
.agac { margin: 0 0 10px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-kart); overflow: hidden; }
.agac-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px; border-bottom: 1px solid var(--cizgi); background: var(--zemin-2); }
.agac-baslik { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; }
.agac-dugmeler { display: flex; gap: 4px; }
.agac-dugmeler button { border: 1px solid transparent; background: transparent; color: var(--soluk); font: inherit; font-size: 12px; padding: 3px 8px; border-radius: 6px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.agac-dugmeler button:hover { color: var(--murekkep); background: var(--zemin); }
.agac-dugmeler button.aktif { background: var(--zemin); border-color: var(--cizgi); color: var(--vurgu); font-weight: 600; }
.agac-metin { margin: 0; padding: 10px 12px; font-size: 12.5px; line-height: 1.5; overflow: auto; background: var(--zemin-2); }
.agac-metin code { background: none; padding: 0; }
ul.agac-dallar { list-style: none; margin: 0; padding: 0 0 0 22px; position: relative; }
ul.agac-kok { padding: 10px 12px 12px; }
ul.agac-dallar:not(.agac-kok)::before { content: ""; position: absolute; left: 9px; top: 0; bottom: 14px; border-left: 2px solid var(--cizgi-2); }
li.agac-oge { position: relative; margin: 6px 0; }
li.agac-oge:not(.agac-kok > li)::before { content: ""; position: absolute; left: -13px; top: 15px; width: 12px; border-top: 2px solid var(--cizgi-2); }
ul.agac-kok > li.agac-oge::before { display: none; }
li.agac-oge.kapali > ul.agac-dallar { display: none; }
.agac-dugum { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 5px 10px 5px 8px; border-radius: 10px; border: 1px solid var(--cizgi); background: var(--zemin); box-shadow: 0 1px 2px rgba(0,0,0,.04); font-size: 13px; line-height: 1.35; }
li.basliksi > .agac-dugum { font-weight: 700; }
.agac-nokta { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; background: var(--renk, var(--vurgu)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--renk, var(--vurgu)) 18%, transparent); }
.agac-yazi { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; min-width: 0; }
.agac-etiket { color: var(--murekkep); }
.agac-aciklama { color: var(--soluk); font-weight: 400; }
.agac-aciklama::before { content: "· "; }
.agac-rozet { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: 999px; background: var(--zemin-2); color: var(--soluk); white-space: nowrap; }
.agac-rozet.madde { background: var(--yesil-acik); color: var(--yesil); }
.agac-rozet.sure { background: var(--turuncu-acik); color: var(--turuncu); }
.agac-rozet.merci { background: var(--mavi-acik); color: var(--mavi); }
.agac-rozet.sonuc { background: var(--mor-acik); color: var(--mor); }
.agac-kat { border: 0; background: var(--zemin-2); color: var(--soluk); width: auto; height: 20px; padding: 0 6px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; gap: 3px; font-size: 11px; flex-shrink: 0; }
.agac-kat:hover { color: var(--murekkep); }
.agac-dugum.r-vurgu { --renk: var(--vurgu); border-color: color-mix(in srgb, var(--vurgu) 45%, var(--cizgi)); background: color-mix(in srgb, var(--vurgu) 7%, var(--zemin)); }
.agac-dugum.r-mavi { --renk: var(--mavi); border-color: color-mix(in srgb, var(--mavi) 40%, var(--cizgi)); background: color-mix(in srgb, var(--mavi) 6%, var(--zemin)); }
.agac-dugum.r-yesil { --renk: var(--yesil); border-color: color-mix(in srgb, var(--yesil) 40%, var(--cizgi)); background: color-mix(in srgb, var(--yesil) 6%, var(--zemin)); }
.agac-dugum.r-mor { --renk: var(--mor); border-color: color-mix(in srgb, var(--mor) 40%, var(--cizgi)); background: color-mix(in srgb, var(--mor) 6%, var(--zemin)); }
.agac-dugum.r-turuncu { --renk: var(--turuncu); border-color: color-mix(in srgb, var(--turuncu) 40%, var(--cizgi)); background: color-mix(in srgb, var(--turuncu) 6%, var(--zemin)); }
.agac-dugum.r-altin { --renk: var(--altin); border-color: color-mix(in srgb, var(--altin) 45%, var(--cizgi)); background: color-mix(in srgb, var(--altin) 8%, var(--zemin)); }
@media (max-width: 640px) { ul.agac-dallar { padding-left: 16px; } li.agac-oge:not(.agac-kok > li)::before { left: -10px; width: 9px; } }
@media print { .agac-ust { display: none; } .agac-metin { display: none !important; } }

/* Sohbet balonunda grafikler (17 Eylül) */
.sohbet-grafikler { margin: 12px 0 4px; }

/* ============================ Doküman Yönetimi (17 Eylül: Belge Merkezi; 18 Eylül: adı değişti) ============================
   Üç panel: süzgeçler · belge listesi · ayrıntı. Geniş ekranda yan yana; 1180px altında ayrıntı listenin üstüne
   çekmece olarak açılır; 820px altında süzgeçler listenin üstüne geçer. */
.ekran.belge-merkezi { max-width: none; padding-bottom: 24px; }
.bm-ust { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.bm-ust .ara-kutu { flex: 1 1 320px; max-width: 520px; }
.bm-govde { display: grid; grid-template-columns: 228px minmax(0, 1fr) 400px; gap: 14px; align-items: start; }
.bm-suzgec, .bm-liste, .bm-ayrinti { background: var(--zemin-kart); border: 1px solid var(--cizgi); border-radius: 12px; box-shadow: var(--golge-1); }
.bm-suzgec { padding: 12px 10px; position: sticky; top: calc(var(--ust, 56px) + 12px); max-height: calc(100vh - var(--ust, 56px) - 110px); overflow: auto; font-size: 13px; }
.bm-suzgec > .satir-esnek b { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; padding-left: 6px; }
.bm-temizle { border: 0; background: none; color: var(--vurgu); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; padding: 2px 6px; }
.bm-suzgec-bolum { margin-top: 12px; }
.bm-suzgec-bolum > .ust-etiket { padding: 0 6px 5px; font-size: 10.5px; }
.bm-suzgec-satir { display: flex; align-items: center; gap: 7px; width: 100%; border: 0; background: transparent; color: var(--murekkep-2); font: inherit; font-size: 12.5px; text-align: left; padding: 5px 7px; border-radius: 7px; cursor: pointer; }
.bm-suzgec-satir:hover { background: var(--zemin-2); }
.bm-suzgec-satir.secili { background: var(--vurgu-acik); color: var(--vurgu); font-weight: 600; }
.bm-suzgec-satir.bos { color: var(--soluk-2); }
.bm-suzgec-satir i { font-size: 14px; flex-shrink: 0; }
.bm-suzgec-satir .sayi { font-size: 11px; color: var(--soluk); flex-shrink: 0; }
.bm-suzgec-satir.secili .sayi { color: inherit; }
.giris.bm-mini-ara { height: 30px; font-size: 12px; margin: 0 0 6px; }

.bm-liste { min-width: 0; overflow: hidden; }
.bm-liste-ust { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--cizgi); }
.secim.bm-sira { height: 30px; font-size: 12px; width: auto; min-width: 150px; }
.bm-tablo { overflow-x: auto; }
.bm-satir { display: grid; grid-template-columns: 22px minmax(210px, 2.4fr) minmax(96px, .9fr) minmax(110px, 1.1fr) 92px minmax(120px, 1fr) 92px 44px; gap: 10px; align-items: center; width: 100%; min-width: 860px; padding: 9px 14px; border: 0; border-bottom: 1px solid var(--cizgi); background: transparent; color: var(--murekkep); font: inherit; font-size: 12.5px; text-align: left; cursor: pointer; }
.bm-satir:last-child { border-bottom: 0; }
.bm-satir.baslik { cursor: default; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); background: var(--zemin-2); padding-top: 7px; padding-bottom: 7px; }
.bm-satir:not(.baslik):hover { background: var(--zemin-2); }
.bm-satir.secili, .bm-satir.secili:hover { background: var(--vurgu-acik); box-shadow: inset 3px 0 0 var(--vurgu); }
.bm-satir.isaretli:not(.secili) { background: color-mix(in srgb, var(--mavi) 7%, transparent); }
.bm-satir:focus-visible { outline: 2px solid var(--vurgu); outline-offset: -2px; }
.bm-sec { display: grid; place-items: center; width: 22px; height: 22px; cursor: pointer; }
.bm-sec input { width: 15px; height: 15px; accent-color: var(--vurgu); cursor: pointer; margin: 0; }
.bm-secim-cubugu { display: flex; align-items: center; gap: 8px; padding: 8px 14px; background: var(--mavi-acik); color: var(--mavi); border-bottom: 1px solid var(--cizgi); font-size: 13px; position: sticky; top: 0; z-index: 2; }
.bm-secim-cubugu > i { font-size: 17px; }
.bm-satir > span { min-width: 0; }
.bm-ad { display: flex; align-items: center; gap: 10px; }
.bm-ad b { display: block; font-size: 13px; font-weight: 600; }
.bm-ad small { display: block; font-size: 11px; color: var(--soluk); margin-top: 1px; font-variant-numeric: tabular-nums; }
.bm-satir small { font-size: 11px; }
.bm-bicim { width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; flex-shrink: 0; font-size: 17px; background: var(--zemin-3); color: var(--soluk); }
.bm-bicim.pdf { background: var(--vurgu-acik); color: var(--vurgu); }
.bm-bicim.docx, .bm-bicim.doc { background: var(--mavi-acik); color: var(--mavi); }
.bm-bicim.udf { background: var(--mor-acik); color: var(--mor); }
.bm-bicim.html { background: var(--altin-acik); color: var(--altin); }
.bm-bicim.eposta { background: var(--turuncu-acik); color: var(--turuncu); }
.bm-bicim.buyuk { width: 42px; height: 42px; font-size: 22px; border-radius: 10px; }

.bm-ayrinti { padding: 14px; position: sticky; top: calc(var(--ust, 56px) + 12px); max-height: calc(100vh - var(--ust, 56px) - 110px); overflow: auto; min-width: 0; }
.bm-ayrinti-ust { display: flex; align-items: flex-start; gap: 10px; }
.bm-ayrinti-ust h2 { font-family: var(--f-govde); font-size: 15px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.bm-rozetler { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0; }
.bm-eylemler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.bm-eylemler .dugme { height: 32px; font-size: 12.5px; padding: 0 10px; }
.bm-eylemler .dugme-birincil { grid-column: 1 / -1; justify-content: center; height: 36px; font-size: 13px; }
.bm-ai-durum { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0; padding: 10px 12px; border-radius: 10px; background: var(--zemin-2); border: 1px solid var(--cizgi); }
.bm-ai-durum > i { font-size: 18px; color: var(--soluk); margin-top: 1px; }
.bm-ai-durum.islendi { background: var(--yesil-acik); border-color: color-mix(in srgb, var(--yesil) 30%, var(--cizgi)); }
.bm-ai-durum.islendi > i { color: var(--yesil); }
.bm-ai-durum b { display: block; font-size: 13px; }
.bm-ai-durum small { display: block; font-size: 11.5px; color: var(--murekkep-2); line-height: 1.45; margin-top: 2px; }
.bm-ayrinti .sekmeler { overflow-x: auto; scrollbar-width: none; }
.bm-ayrinti .sekmeler { gap: 0; }
.bm-ayrinti .sekmeler .sekme { padding: 0 6px; flex-shrink: 0; gap: 4px; }
.bm-ayrinti .sekmeler .sekme .sayac { padding: 0 5px; }
.bm-eylemler .dugme-ikincil { justify-content: center; white-space: nowrap; min-width: 0; }
.bm-sekme-icerik { padding-top: 12px; }
.bm-bolum-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 14px 0 8px; }
.bm-bolum-ust:first-child { margin-top: 0; }
.bm-kunye { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; }
.bm-kunye-satir { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 10px; padding: 7px 11px; font-size: 12.5px; border-bottom: 1px solid var(--cizgi); }
.bm-kunye-satir:last-child { border-bottom: 0; }
.bm-kunye-satir span { color: var(--soluk); }
.bm-kunye-satir b { font-weight: 600; overflow-wrap: anywhere; }
.bm-kesit { font-size: 12.5px; line-height: 1.6; color: var(--murekkep-2); background: var(--zemin-2); border-radius: 10px; padding: 10px 12px; }
.bm-calisma { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; margin-bottom: 10px; }
.bm-calisma.silinmis { opacity: .6; }
.bm-calisma-ust { display: flex; align-items: center; gap: 10px; }
.bm-calisma-ust b { display: block; font-size: 13px; }
.bm-calisma-ust small { display: block; font-size: 11.5px; color: var(--soluk); margin-top: 1px; }
.bm-calisma-ikon { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: var(--vurgu-acik); color: var(--vurgu); font-size: 16px; flex-shrink: 0; }
.bm-son-mesaj { font-size: 12px; color: var(--murekkep-2); margin: 8px 0 0; line-height: 1.5; }
.bm-raporlar { display: grid; gap: 4px; margin-top: 8px; }
.bm-rapor { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; background: var(--zemin-2); color: var(--murekkep); font: inherit; font-size: 12.5px; text-align: left; padding: 6px 9px; border-radius: 8px; cursor: pointer; }
.bm-rapor:hover { background: var(--mor-acik); color: var(--mor); }
.bm-rapor i { color: var(--mor); font-size: 15px; }
.bm-rapor small { color: var(--soluk); font-size: 11px; flex-shrink: 0; }
.bm-surum { display: flex; align-items: center; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--cizgi); }
.bm-surum:last-child { border-bottom: 0; }
.bm-surum b { display: block; font-size: 13px; }
.bm-surum small { display: block; font-size: 11.5px; color: var(--soluk); margin-top: 1px; overflow-wrap: anywhere; }
.bm-surum-no { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: var(--zemin-3); color: var(--soluk); flex-shrink: 0; font-variant-numeric: tabular-nums; }
.bm-surum.guncel .bm-surum-no { background: var(--yesil-acik); color: var(--yesil); }
.bm-not { border: 1px solid var(--cizgi); border-left: 3px solid var(--altin); border-radius: 8px; padding: 9px 11px; margin-top: 10px; background: var(--zemin-kart); }
.bm-not p { font-size: 13px; line-height: 1.55; white-space: pre-wrap; margin: 0 0 4px; }
.bm-gecmis-satir { display: flex; gap: 10px; padding: 7px 0; border-bottom: 1px dashed var(--cizgi); }
.bm-gecmis-satir:last-child { border-bottom: 0; }
.bm-gecmis-satir b { display: block; font-size: 12.5px; font-weight: 600; }
.bm-gecmis-satir small { display: block; font-size: 11px; color: var(--soluk); }
.bm-gecmis-ikon { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--zemin-3); color: var(--soluk); font-size: 14px; flex-shrink: 0; }
.bm-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.bm-form .form-alan { margin-top: 0; }
.bm-form .form-alan.genis { grid-column: 1 / -1; }
.bm-birak { display: grid; justify-items: center; gap: 6px; text-align: center; padding: 28px 18px; border: 2px dashed var(--cizgi-2); border-radius: 12px; background: var(--zemin-2); cursor: pointer; transition: border-color .15s, background .15s; }
.bm-birak:hover, .bm-birak.ustunde { border-color: var(--vurgu); background: var(--vurgu-acik); }
.bm-birak.sabit { cursor: default; }
.bm-birak.sabit:hover { border-color: var(--cizgi-2); background: var(--zemin-2); }
.bm-birak i { font-size: 30px; color: var(--vurgu); }
.bm-birak b { font-size: 14px; overflow-wrap: anywhere; }
.bm-birak small { font-size: 12px; color: var(--soluk); max-width: 56ch; line-height: 1.5; }
.bm-onizleme.kagit { background: #fff; color: #1a1a19; border: 1px solid var(--cizgi); border-radius: 6px; padding: 34px 40px; font-family: "Times New Roman", Georgia, serif; font-size: 15px; line-height: 1.65; white-space: pre-wrap; max-height: 62vh; overflow: auto; box-shadow: var(--golge-1); }
.bm-onizleme.kagit p { margin: 0 0 8px; }
.bm-fark-govde { border: 1px solid var(--cizgi); border-radius: 8px; max-height: 56vh; overflow: auto; font-family: ui-monospace, Consolas, monospace; font-size: 12px; line-height: 1.55; }
.bm-fark-satir { display: grid; grid-template-columns: 22px minmax(0, 1fr); padding: 1px 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
.bm-fark-satir > span:first-child { color: var(--soluk); user-select: none; }
.bm-fark-satir.eklendi { background: var(--yesil-acik); }
.bm-fark-satir.silindi { background: var(--vurgu-acik); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--vurgu) 50%, transparent); }
.dugme.bekliyor, .secenek.bekliyor { opacity: .6; pointer-events: none; }
/* e-posta: önizleme başlığı, "E-postadan al" seçicisi */
.bm-eposta-ust { display: flex; align-items: center; gap: 10px; padding: 10px 12px; margin-bottom: 10px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--zemin-2); }
.bm-eposta-ust b { display: block; font-size: 13.5px; overflow-wrap: anywhere; }
.bm-eposta-ust small { display: block; font-size: 12px; color: var(--soluk); margin-top: 1px; overflow-wrap: anywhere; }
.bm-onizleme.kagit.eposta { font-family: var(--f-govde); font-size: 14px; white-space: normal; padding: 22px 26px; }
.bm-posta { display: grid; grid-template-columns: minmax(240px, 5fr) minmax(0, 7fr); gap: 12px; min-height: 320px; }
.bm-posta-liste { border: 1px solid var(--cizgi); border-radius: 10px; padding: 8px; max-height: 46vh; overflow: auto; }
.bm-posta-ust { display: flex; gap: 6px; align-items: center; margin-bottom: 6px; position: sticky; top: -8px; background: var(--zemin); padding-top: 2px; z-index: 1; }
.bm-posta-oge { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; cursor: pointer; border-bottom: 1px solid var(--cizgi); }
.bm-posta-oge:last-child { border-bottom: 0; }
.bm-posta-oge:hover { background: var(--zemin-2); }
.bm-posta-oge.aktif { background: var(--vurgu-acik); }
.bm-posta-oge b { display: block; font-size: 12.5px; font-weight: 600; }
.bm-posta-oge small { display: block; font-size: 11px; color: var(--soluk); }
.bm-posta-okuma { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px; max-height: 46vh; overflow: auto; min-width: 0; }
.bm-posta-okuma .bm-onizleme.kagit { max-height: none; box-shadow: none; }
/* Belgeler | Dosyalar (19 Eylül, prototip 2.0) */
.bm-gorunum { display: inline-flex; padding: 3px; border-radius: 10px; background: var(--zemin-3); border: 1px solid var(--cizgi); flex-shrink: 0; }
.bm-gorunum button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: var(--soluk); font: inherit; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 8px; cursor: pointer; }
.bm-gorunum button:hover { color: var(--murekkep); }
.bm-gorunum button.aktif { background: var(--zemin-kart); color: var(--vurgu); box-shadow: var(--golge-1); }
.bm-gorunum button i { font-size: 15px; }
.bm-satir.dosya { grid-template-columns: 18px minmax(210px, 2.4fr) minmax(90px, .8fr) minmax(130px, 1.3fr) 48px minmax(130px, 1.1fr) 92px 92px; }
.bm-ok { color: var(--soluk); font-size: 16px; display: grid; place-items: center; }
.bm-bicim.dosya { background: var(--altin-acik); color: var(--altin); }
.bm-ic-belgeler { background: var(--zemin-2); border-bottom: 1px solid var(--cizgi); padding: 4px 0 8px 40px; min-width: 860px; }
.bm-ic-satir { display: grid; grid-template-columns: minmax(200px, 2.2fr) minmax(90px, .8fr) 130px minmax(140px, 1fr) 96px; gap: 10px; align-items: center; padding: 6px 14px 6px 0; font-size: 12.5px; border-bottom: 1px dashed var(--cizgi); }
.bm-ic-satir:last-child { border-bottom: 0; }
.bm-ic-satir.baslik { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); padding-top: 8px; }
.bm-ic-satir > span { min-width: 0; }
.bm-ic-satir .bm-bicim { width: 26px; height: 26px; font-size: 14px; border-radius: 7px; }
.bm-ic-satir .dugme-ikon { width: 28px; height: 28px; }
.bm-dosya-izi { color: var(--altin); font-weight: 600; }
.bm-dosya-izi i { font-size: 12px; }
.bm-baglanti { display: inline-flex; align-items: center; gap: 5px; border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: var(--vurgu); cursor: pointer; text-align: left; overflow-wrap: anywhere; }
.bm-baglanti:hover { text-decoration: underline; }
.bm-secici-liste { border: 1px solid var(--cizgi); border-radius: 10px; padding: 6px; max-height: 38vh; overflow: auto; }
.bm-fark-ozet { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--soluk); margin-top: 8px; min-height: 18px; }
.bm-fark-ozet .eklenen { color: var(--yesil); }
.bm-fark-ozet .cikarilan { color: var(--vurgu); }
/* analize gönder formu */
.bm-gonderilecekler { display: flex; flex-wrap: wrap; gap: 5px; }
.bm-modul-sec { grid-template-columns: repeat(auto-fit, minmax(94px, 1fr)); gap: 8px; }
.bm-modul-sec .secenek { padding: 10px 8px; }
.bm-hedef { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 10px; cursor: pointer; margin-bottom: 8px; }
.bm-hedef.secili { border-color: var(--vurgu); background: var(--vurgu-acik); }
.bm-hedef input[type="radio"] { margin-top: 3px; accent-color: var(--vurgu); }
.bm-hedef b { font-size: 13px; }
@media (max-width: 820px) { .bm-posta { grid-template-columns: minmax(0, 1fr); } }
details.ayar-gelismis { border-bottom: 1px solid var(--cizgi); }
details.ayar-gelismis > summary { padding: 12px 16px; font-size: 12.5px; color: var(--soluk); cursor: pointer; list-style-position: inside; }
details.ayar-gelismis > summary:hover { color: var(--murekkep); }
details.ayar-gelismis > .ayar-satir { border-bottom: 0; padding-top: 4px; }
@media (max-width: 1380px) { .bm-govde { grid-template-columns: 204px minmax(0, 1fr) 360px; } }
@media (max-width: 1180px) {
    .bm-govde { grid-template-columns: 204px minmax(0, 1fr); }
    .bm-ayrinti { display: none; }
    .bm-govde.ayrinti-acik .bm-ayrinti { display: block; position: fixed; top: calc(var(--ust, 56px) + 8px); right: 8px; bottom: 8px; width: min(440px, calc(100vw - 16px)); max-height: none; z-index: 60; box-shadow: var(--golge-3); }
}
@media (max-width: 820px) {
    .bm-govde { grid-template-columns: minmax(0, 1fr); }
    .bm-suzgec { position: static; max-height: 220px; }
    .bm-form { grid-template-columns: minmax(0, 1fr); }
}