:root {
    --lacivert: #0e2744;
    --lacivert-2: #163552;
    --mavi: #1f6feb;
    --mavi-koyu: #1558c0;
    --zemin: #f6f8fb;
    --cizgi: #e5e9f0;
    --yazi: #0f172a;
    --soluk: #64748b;
    --marka: #1aa6b7;
    --yan-genis: 264px;
    --yan-dar: 76px;
    --ust-yukseklik: 64px;
    --tamam: #0e7a4b;
    --uyari: #9a6700;
    --hata: #b42318;
    --golge: 0 10px 30px rgba(14, 39, 68, .08);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--yazi); background: var(--zemin); -webkit-font-smoothing: antialiased; }
a { color: var(--mavi); text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
img { max-width: 100%; }

.giris-govde {
    min-height: 100vh;
    background: radial-gradient(circle at 15% 10%, rgba(26, 166, 183, .10) 0, transparent 35%),
                radial-gradient(circle at 85% 90%, rgba(31, 111, 235, .08) 0, transparent 40%),
                #f7f9fc;
    display: grid;
    place-items: center;
    padding: 32px 16px;
}
.giris { width: min(440px, 100%); text-align: center; }
.logo-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; padding: 14px 22px; display: inline-block; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.logo-kutu img { height: 56px; width: auto; display: block; }
.giris-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 18px; padding: 28px 26px 24px; text-align: left; box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px rgba(15, 23, 42, .06); }
.giris-kart h1 { margin: 0 0 6px; font-size: 26px; letter-spacing: -.01em; }
.soluk { color: var(--soluk); margin: 0 0 16px; }

.gs-govde {
    --gs-marka: #1aa6b7;
    --gs-cizgi: #dfe6ee;
    --gs-yazi: #0f172a;
    --gs-soluk: #64748b;
    min-height: 100vh;
    background: #fff;
    color: var(--gs-yazi);
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.gs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); min-height: 100vh; }
.gs svg { width: 18px; height: 18px; flex: none; display: block; }

.gs-form-taraf { display: flex; flex-direction: column; padding: 32px clamp(24px, 5vw, 64px); }
.gs-ust img { height: 44px; width: auto; display: block; }
.gs-form-kutu { flex: 1; display: flex; flex-direction: column; justify-content: center; width: min(400px, 100%); margin: 0 auto; padding: 40px 0; }
.gs-form-kutu h1 { margin: 0; font-size: 30px; font-weight: 700; letter-spacing: -.02em; }
.gs-aciklama { margin: 8px 0 28px; color: var(--gs-soluk); font-size: 15px; }
.gs-alt { text-align: center; color: #94a3b8; font-size: 13px; }

.gs-hata { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 20px; padding: 12px 14px; border: 1px solid #fecaca; border-radius: 12px; background: #fef2f2; color: #b42318; font-size: 14px; line-height: 1.45; }
.gs-hata svg { margin-top: 1px; }

.gs-etiket { display: block; margin: 0 0 8px; font-size: 13px; font-weight: 600; color: #334155; }
.gs-goz:focus-visible { outline: 2px solid var(--mavi); outline-offset: 2px; }

.gs-girdi { position: relative; margin-bottom: 18px; }
.gs-girdi > svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94a3b8; pointer-events: none; transition: color .15s; }
.gs-girdi input { width: 100%; height: 48px; padding: 0 44px 0 42px; border: 1px solid var(--gs-cizgi); border-radius: 12px; background: #fff; font-size: 15px; outline: none; transition: border-color .15s, box-shadow .15s; }
.gs-girdi input::placeholder { color: #a8b3c2; }
.gs-girdi input:hover { border-color: #c8d3df; }
.gs-girdi input:focus { border-color: var(--mavi); box-shadow: 0 0 0 4px rgba(31, 111, 235, .12); }
.gs-girdi:focus-within > svg { color: var(--mavi); }
.gs-goz { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #94a3b8; cursor: pointer; }
.gs-goz:hover { color: var(--gs-yazi); background: #f1f5f9; }
.gs-goz .gs-goz-kapali, .gs-goz[aria-pressed="true"] .gs-goz-ac { display: none; }
.gs-goz[aria-pressed="true"] .gs-goz-kapali { display: block; }

.gs-gonder { width: 100%; height: 50px; margin-top: 6px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; background: linear-gradient(180deg, #2f7cf0, var(--mavi)); color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; box-shadow: 0 1px 2px rgba(15, 23, 42, .12), 0 8px 20px rgba(31, 111, 235, .25); transition: transform .15s, box-shadow .15s, filter .15s; }
.gs-gonder:hover { filter: brightness(.96); box-shadow: 0 1px 2px rgba(15, 23, 42, .12), 0 10px 24px rgba(31, 111, 235, .32); }
.gs-gonder:hover svg { transform: translateX(3px); }
.gs-gonder svg { transition: transform .15s; }
.gs-gonder:active { transform: translateY(1px); }
.gs-gonder:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(31, 111, 235, .25); }
.gs-gonder.yukleniyor { pointer-events: none; opacity: .85; }
.gs-gonder.yukleniyor svg { animation: gs-kay 1s ease-in-out infinite; }
@keyframes gs-kay { 50% { transform: translateX(4px); } }

.gs-guven { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 22px 0 0; color: #94a3b8; font-size: 12.5px; }
.gs-guven svg { width: 14px; height: 14px; }

.gs-tanitim {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 48px clamp(32px, 5vw, 80px);
    margin: 12px 12px 12px 0;
    border-radius: 24px;
    border: 1px solid #e6edf4;
    background:
        radial-gradient(circle at 85% 12%, rgba(26, 166, 183, .16) 0, transparent 38%),
        radial-gradient(circle at 10% 95%, rgba(31, 111, 235, .12) 0, transparent 42%),
        linear-gradient(180deg, #f8fbfe, #f2f7fb);
}
.gs-tanitim::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(15, 23, 42, .07) 1px, transparent 1px);
    background-size: 22px 22px;
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 75%);
    mask-image: linear-gradient(180deg, #000, transparent 75%);
}
.gs-tanitim-ic { position: relative; max-width: 500px; }
.gs-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid #d6eef1; border-radius: 999px; background: rgba(255, 255, 255, .8); color: #0e7f8d; font-size: 12.5px; font-weight: 600; }
.gs-rozet i { width: 7px; height: 7px; border-radius: 50%; background: var(--gs-marka); box-shadow: 0 0 0 4px rgba(26, 166, 183, .18); }
.gs-tanitim h2 { margin: 22px 0 14px; font-size: clamp(28px, 2.6vw, 38px); line-height: 1.18; font-weight: 700; letter-spacing: -.025em; }
.gs-tanitim h2 em { font-style: normal; background: linear-gradient(90deg, var(--gs-marka), var(--mavi)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gs-tanitim-ic > p { margin: 0 0 32px; color: #475569; font-size: 16px; line-height: 1.6; }
.gs-ozellik { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.gs-ozellik li { display: flex; gap: 14px; align-items: flex-start; padding: 16px; border: 1px solid rgba(226, 232, 240, .9); border-radius: 16px; background: rgba(255, 255, 255, .78); box-shadow: 0 1px 2px rgba(15, 23, 42, .03), 0 8px 24px rgba(15, 23, 42, .04); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.gs-ozellik li > span { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(180deg, #e8f7f9, #dff1f4); color: #0e8a99; }
.gs-ozellik li:nth-child(2) > span { background: linear-gradient(180deg, #eef4ff, #e3edff); color: var(--mavi); }
.gs-ozellik li:nth-child(3) > span { background: linear-gradient(180deg, #ecfdf3, #dcfae8); color: #15803d; }
.gs-ozellik strong { display: block; font-size: 15px; font-weight: 600; }
.gs-ozellik small { display: block; margin-top: 3px; color: var(--gs-soluk); font-size: 13.5px; line-height: 1.5; }

@media (max-width: 960px) {
    .gs { grid-template-columns: 1fr; }
    .gs-tanitim { display: none; }
    .gs-ust { display: flex; justify-content: center; }
}
@media (max-width: 420px) {
    .gs-form-taraf { padding: 24px 18px; }
    .gs-form-kutu { padding: 28px 0; }
    .gs-form-kutu h1 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .gs *, .gs *::before { transition: none !important; animation: none !important; }
}

.pn-govde { min-height: 100vh; }
.pn-govde svg { flex: none; }

.pn-yan {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 40;
    width: var(--yan-genis);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-right: 1px solid var(--cizgi);
    transition: width .2s ease, transform .2s ease;
}
.pn-marka { height: var(--ust-yukseklik); display: flex; align-items: center; padding: 0 20px; border-bottom: 1px solid var(--cizgi); flex: none; overflow: hidden; }
.pn-marka-logo { height: 36px; width: auto; display: block; }
.pn-marka-amblem { display: none; width: 34px; height: 34px; object-fit: contain; }
.pn-nav { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 16px 12px; }
.pn-nav-baslik { display: block; padding: 0 12px 8px; color: #94a3b8; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.pn-nav-oge { position: relative; display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 12px; margin: 2px 0; border-radius: 9px; color: #475569; font-size: 14px; font-weight: 500; white-space: nowrap; transition: background .15s, color .15s; }
.pn-nav-oge svg { width: 19px; height: 19px; color: #94a3b8; transition: color .15s; }
.pn-nav-oge span { overflow: hidden; text-overflow: ellipsis; }
.pn-nav-oge:hover { background: #f1f5f9; color: var(--yazi); }
.pn-nav-oge:hover svg { color: #475569; }
.pn-nav-oge.aktif { background: #eef4ff; color: var(--mavi); font-weight: 600; }
.pn-nav-oge.aktif svg { color: var(--mavi); }
.pn-nav-oge.aktif::before { content: ""; position: absolute; left: -12px; top: 9px; bottom: 9px; width: 3px; border-radius: 0 3px 3px 0; background: var(--mavi); }
.pn-yan-alt { padding: 12px; border-top: 1px solid var(--cizgi); }
.pn-cikis:hover { background: #fef2f2; color: var(--hata); }
.pn-cikis:hover svg { color: var(--hata); }

.pn-ana { margin-left: var(--yan-genis); min-width: 0; min-height: 100vh; display: flex; flex-direction: column; transition: margin-left .2s ease; }
.pn-ust { position: sticky; top: 0; z-index: 30; height: var(--ust-yukseklik); display: flex; align-items: center; gap: 14px; padding: 0 24px; background: rgba(255, 255, 255, .88); border-bottom: 1px solid var(--cizgi); -webkit-backdrop-filter: saturate(1.6) blur(10px); backdrop-filter: saturate(1.6) blur(10px); }
.pn-ac, .pn-zil { position: relative; width: 38px; height: 38px; flex: none; display: grid; place-items: center; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; color: #475569; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.pn-ac:hover, .pn-zil:hover { background: #f8fafc; color: var(--yazi); border-color: #d5dce6; }
.pn-ac svg, .pn-zil svg { width: 19px; height: 19px; }
.pn-ac-ok { transition: transform .2s; transform-origin: 14px 12px; }
.pn-dar .pn-ac-ok { transform: scaleX(-1); }
.pn-zil b { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: #ef4444; color: #fff; font-size: 10.5px; line-height: 14px; text-align: center; font-weight: 700; }
.pn-yol { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; color: #94a3b8; }
.pn-yol a { color: var(--soluk); }
.pn-yol a:hover { color: var(--yazi); }
.pn-yol strong { color: var(--yazi); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-ara { position: relative; margin-left: auto; width: min(340px, 34vw); }
.pn-ara svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: #94a3b8; pointer-events: none; }
.pn-ara input { width: 100%; height: 38px; padding: 0 12px 0 38px; border: 1px solid var(--cizgi); border-radius: 10px; background: #f8fafc; font-size: 14px; outline: none; transition: border-color .15s, box-shadow .15s, background .15s; }
.pn-ara input::placeholder { color: #94a3b8; }
.pn-ara input:focus { background: #fff; border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.pn-kim { display: flex; align-items: center; gap: 10px; padding: 4px 10px 4px 4px; border-radius: 12px; color: var(--yazi); transition: background .15s; }
.pn-kim:hover { background: #f1f5f9; }
.pn-avatar { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--marka), var(--mavi)); color: #fff; font-size: 13px; font-weight: 600; }
.pn-kim-yazi { display: flex; flex-direction: column; line-height: 1.25; max-width: 180px; }
.pn-kim-yazi strong { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-kim-yazi small { color: var(--soluk); font-size: 12px; }
.pn-ac:focus-visible, .pn-zil:focus-visible, .pn-kim:focus-visible, .pn-nav-oge:focus-visible { outline: 2px solid var(--mavi); outline-offset: 2px; }

.pn-icerik { flex: 1; width: 100%; max-width: 1480px; margin: 0 auto; padding: 28px 28px 40px; }
.pn-perde { position: fixed; inset: 0; z-index: 35; background: rgba(15, 23, 42, .4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }

.pn-dar .pn-yan { width: var(--yan-dar); }
.pn-dar .pn-ana { margin-left: var(--yan-dar); }
.pn-dar .pn-marka { justify-content: center; padding: 0; }
.pn-dar .pn-marka-logo, .pn-dar .pn-nav-baslik, .pn-dar .pn-nav-oge span { display: none; }
.pn-dar .pn-marka-amblem { display: block; }
.pn-dar .pn-nav-oge { justify-content: center; padding: 0; }

@media (max-width: 1024px) {
    .pn-yan, .pn-dar .pn-yan { width: var(--yan-genis); transform: translateX(-100%); box-shadow: none; }
    .pn-mobil-acik .pn-yan { transform: none; box-shadow: 0 20px 50px rgba(15, 23, 42, .2); }
    .pn-ana, .pn-dar .pn-ana { margin-left: 0; }
    .pn-dar .pn-marka { justify-content: flex-start; padding: 0 20px; }
    .pn-dar .pn-marka-logo { display: block; }
    .pn-dar .pn-marka-amblem { display: none; }
    .pn-dar .pn-nav-baslik, .pn-dar .pn-nav-oge span { display: block; }
    .pn-dar .pn-nav-oge { justify-content: flex-start; padding: 0 12px; }
    .pn-ust { padding: 0 16px; gap: 10px; }
    .pn-kim-yazi { display: none; }
    .pn-kim { padding: 0; }
    .pn-icerik { padding: 20px 16px 32px; }
}
@media (max-width: 640px) {
    .pn-ara { display: none; }
    .pn-yol { margin-right: auto; }
    .pn-yol a, .pn-yol span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .pn-yan, .pn-ana, .pn-ac-ok { transition: none; }
}

.sayfa-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.sayfa-bas h1 { margin: 0; font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
.sayfa-alt { margin: 4px 0 0; color: var(--soluk); font-size: 14px; }
.eylemler { display: flex; gap: 8px; flex-wrap: wrap; }

.kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 20px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.kart + .kart, .tablo-kutu + .kart, .kart + .tablo-kutu { margin-top: 14px; }
.ozet { display: flex; flex-wrap: wrap; gap: 18px 28px; margin-bottom: 16px; }
.ozet div strong { display: block; font-size: 22px; }
.ozet div span { color: var(--soluk); font-size: 13px; }

.tablo-kutu { overflow: auto; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 12px 16px; border-bottom: 1px solid #eef1f5; vertical-align: top; font-size: 14px; }
th { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--soluk); background: #f8fafc; border-bottom-color: var(--cizgi); white-space: nowrap; }
tbody tr { transition: background .12s; }
tbody tr:hover { background: #fafcff; }
tr:last-child td { border-bottom: 0; }
.islemler { display: flex; gap: 8px; align-items: center; }

.btn { border: 1px solid transparent; border-radius: 9px; padding: 8px 16px; cursor: pointer; background: var(--mavi); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; font-weight: 600; box-shadow: 0 1px 2px rgba(15, 23, 42, .08); transition: background .15s, border-color .15s, box-shadow .15s; }
.btn:hover { background: var(--mavi-koyu); }
.btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(31, 111, 235, .25); }
.btn-hayalet { background: #fff; color: var(--yazi); border-color: var(--cizgi); }
.btn-hayalet:hover { background: #f8fafc; border-color: #d5dce6; }
.btn-tehlike { background: #fdeceb; color: var(--hata); }
.btn-tehlike:hover { background: #f8d4d2; }
.btn-kucuk { padding: 4px 8px; font-size: 13px; }
.btn-tam { width: 100%; margin-top: 8px; }
a.btn { text-decoration: none; }

.alan { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.alan span { font-size: 13px; font-weight: 500; color: #334155; }
.alan input, .alan select, .alan textarea { border: 1px solid #dbe2ea; border-radius: 9px; padding: 9px 12px; background: #fff; width: 100%; outline: none; transition: border-color .15s, box-shadow .15s; }
.alan input:focus, .alan select:focus, .alan textarea:focus, .filtre input:focus, .filtre select:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.form-tam { grid-column: 1 / -1; }
.filtre { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.filtre input, .filtre select { border: 1px solid #dbe2ea; border-radius: 9px; padding: 8px 12px; background: #fff; outline: none; }

.rozet { display: inline-block; border-radius: 999px; padding: 2px 8px; font-size: 12px; background: #eef2f6; color: #31465e; }
.rozet-tamam { background: #e7f6ee; color: var(--tamam); }
.rozet-uyari { background: #fff6e0; color: var(--uyari); }
.rozet-hata { background: #fdeceb; color: var(--hata); }
.rozet-mavi { background: #e7f0ff; color: #1558c0; }
.uyari { border: 1px solid transparent; border-radius: 10px; padding: 11px 14px; margin: 0 0 16px; font-size: 14px; }
.uyari-tamam { background: #ecfdf3; border-color: #bbf0d0; color: var(--tamam); }
.uyari-uyari { background: #fffbeb; border-color: #fde68a; color: var(--uyari); }
.uyari-hata { background: #fef2f2; border-color: #fecaca; color: var(--hata); }
.bos { padding: 28px 16px; text-align: center; color: var(--soluk); }

.adimlar { display: flex; flex-direction: column; gap: 6px; }
.adim { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 8px; background: #f7f9fb; }
.adim.bitti { background: #e7f6ee; }
.adim .no { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 1px solid var(--cizgi); font-size: 12px; }
.satir-satiri { display: grid; grid-template-columns: 2fr 80px 90px 80px 32px; gap: 8px; margin-bottom: 8px; }
.etiket-onizleme { border: 1px dashed #9eb0c4; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; background: #fff; }
.iki { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }
@media (max-width: 900px) {
    .form-grid, .iki, .satir-satiri { grid-template-columns: 1fr; }
}

.istat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.istat { display: flex; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 18px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.istat small { display: block; color: var(--soluk); font-size: 11.5px; font-weight: 600; letter-spacing: .05em; }
.istat strong { display: block; margin: 2px 0; font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: -.02em; }
.istat em { font-style: normal; font-size: 13px; font-weight: 500; }
.istat em.yesil { color: #16a34a; }
.istat em.turuncu { color: #ea580c; }
.istat em.soluk { color: var(--soluk); }
.istat em.pembe { color: #db2777; }
.istat-ikon, .ev-zil { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex: none; }
.istat-ikon { background: #eef4ff; color: var(--mavi); }
.istat-ikon svg, .ev-zil svg { width: 22px; height: 22px; fill: currentColor; }
.istat-pdf .istat-ikon { background: #fff7ed; color: #ea580c; }
.istat-uzman .istat-ikon { background: #ecfeff; color: #0e8a99; }
.istat-gorev .istat-ikon { background: #fdf2f8; color: #db2777; }
.ev-zil { width: 36px; height: 36px; border-radius: 10px; background: #fef2f2; color: #dc2626; }
.ev-zil svg { width: 19px; height: 19px; }
.ev-liste { margin: 0 0 8px; padding-left: 18px; }
.ev-liste li { padding: 3px 0; }
.ev-liste a { color: #334155; }
.ev-liste a:hover { color: var(--mavi); }
.ev-panel { margin-top: 16px; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.ev-panel summary { display: flex; align-items: center; gap: 12px; padding: 16px 20px; cursor: pointer; list-style: none; border-radius: 14px; }
.ev-panel summary:hover { background: #fafbfc; }
.ev-panel[open] > summary { border-bottom: 1px solid #eef1f5; border-radius: 14px 14px 0 0; }
.ev-panel summary::-webkit-details-marker { display: none; }
.ev-panel h2 { margin: 0; font-size: 16px; font-weight: 600; }
.ev-panel h3 { margin: 16px 0 6px; font-size: 14.5px; font-weight: 600; }
.ev-panel-ic { padding: 16px 20px 18px; }
.ev-teklif { margin-left: auto; color: var(--mavi); font-size: 14px; font-weight: 500; }
.ev-ok { width: 8px; height: 8px; border-right: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8; transform: rotate(45deg); margin-left: auto; margin-right: 4px; }
.ev-teklif + .ev-ok { margin-left: 12px; }
.ev-panel[open] > summary .ev-ok { transform: rotate(225deg); margin-top: 4px; }
.ev-zil-mavi { background: #eef4ff; color: var(--mavi); }
.ev-kucuk { margin: 0 0 10px; color: var(--soluk); font-size: 11.5px; font-weight: 600; letter-spacing: .06em; }
.ev-kucuk-ara { margin-top: 18px; }
.gk-satir { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
.gk { display: flex; align-items: center; gap: 10px; border-radius: 12px; padding: 10px 12px; }
.gk i { width: 28px; height: 28px; border-radius: 999px; display: grid; place-items: center; color: #fff; font-style: normal; font-weight: 700; }
.gk strong { display: block; font-size: 22px; line-height: 1; }
.gk span { color: #475569; font-size: 13px; }
.gk-yesil { background: #ecfdf3; }
.gk-yesil i { background: #16a34a; }
.gk-kirmizi { background: #fef2f2; }
.gk-kirmizi i { background: #ef4444; }
.gk-turuncu { background: #fff7ed; }
.gk-turuncu i { background: #f59e0b; }
.ev-serit-bas, .ev-serit-satir, .ev-firma-satir { display: grid; grid-template-columns: 1fr 42px 42px 64px; align-items: center; }
.ev-serit-genis, .ev-firma-satir { grid-template-columns: 1.4fr repeat(5, 72px); }
.ev-serit-bas { background: #f8fafc; color: var(--soluk); border: 1px solid #eef1f5; border-radius: 9px; padding: 9px 12px; font-size: 12px; font-weight: 600; letter-spacing: .02em; }
.ev-serit-bas span:not(:first-child), .ev-serit-satir b, .ev-firma-satir b { text-align: center; }
.c-yesil { color: #16a34a; }
.c-kirmizi { color: #dc2626; }
.c-turuncu { color: #ea580c; }
.ev-serit-satir { padding: 10px 12px; border-bottom: 1px solid #eef1f5; font-size: 14px; }
.ev-firma-grup { background: #f8fafc; border: 1px solid #eef1f5; border-radius: 10px; margin-top: 8px; overflow: hidden; }
.ev-firma-grup summary { display: flex; align-items: center; gap: 8px; padding: 10px 12px; cursor: pointer; list-style: none; }
.ev-firma-grup summary::-webkit-details-marker { display: none; }
.ev-firma-grup em { background: #dbeafe; color: #1d4ed8; border-radius: 999px; padding: 2px 8px; font-style: normal; font-size: 12px; }
.ev-kisi { width: 22px; height: 22px; color: #2563eb; display: grid; }
.ev-kisi svg { width: 18px; height: 18px; fill: currentColor; }
.ev-firma-satir { padding: 8px 12px 8px 36px; background: #fff; border-top: 1px solid #eef2f6; font-size: 14px; }
.ev-daire { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; color: #fff; font-style: normal; font-size: 12px; }
.ev-daire-turuncu { background: #f59e0b; }
.ev-daire-kirmizi { background: #ef4444; }
.ev-daire-gri { background: #94a3b8; }
.ev-daire-mavi { background: #2563eb; }
.ev-moduller { margin-top: 28px; }
.ev-moduller-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.ev-moduller-bas h2 { margin: 0; font-size: 17px; font-weight: 600; }
.ev-ara { position: relative; width: min(320px, 100%); }
.ev-ara svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: #94a3b8; pointer-events: none; }
.ev-ara input { width: 100%; height: 38px; padding: 0 12px 0 38px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; font-size: 14px; outline: none; }
.ev-ara input:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.modul-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 12px; }
.modul { display: flex; align-items: center; gap: 12px; min-width: 0; background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; padding: 14px; color: var(--yazi); box-shadow: 0 1px 2px rgba(15, 23, 42, .04); transition: border-color .15s, box-shadow .15s, transform .15s; }
.modul:hover { border-color: #c9d8f5; box-shadow: 0 6px 16px rgba(15, 23, 42, .07); transform: translateY(-1px); }
.modul span { width: 38px; height: 38px; flex: none; border-radius: 10px; display: grid; place-items: center; background: #eef4ff; color: var(--mavi); }
.modul span svg { width: 20px; height: 20px; }
.modul strong { font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.modul[hidden] { display: none; }
.modul-bos { text-align: center; color: var(--soluk); }
.ev-panel-ic { overflow-x: auto; }
@media (max-width: 639px) {
    .gk-satir { grid-template-columns: 1fr; }
    .ev-panel summary, .ev-panel-ic { padding-left: 16px; padding-right: 16px; }
}
@media (min-width: 640px) {
    .istat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
    .istat-grid { grid-template-columns: repeat(4, 1fr); }
}

.fy-sekmeler { display: flex; gap: 4px; margin: -4px 0 20px; border-bottom: 1px solid var(--cizgi); overflow-x: auto; }
.fy-sekmeler a { margin-bottom: -1px; padding: 10px 14px; border-bottom: 2px solid transparent; color: var(--soluk); font-size: 14px; font-weight: 500; white-space: nowrap; transition: color .15s, border-color .15s; }
.fy-sekmeler a:hover { color: var(--yazi); }
.fy-sekmeler a.secili { color: var(--mavi); font-weight: 600; border-bottom-color: var(--mavi); }
.fy-icerik { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 20px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.fy-duz { background: transparent; border: 0; padding: 0; box-shadow: none; }
.fy-arac { display: flex; align-items: center; gap: 10px; }
.fy-arac select, .fy-ara input, .fy-ekle select { border: 1px solid #e2e8f0; border-radius: 10px; padding: 8px 12px; background: #fff; }
.fy-arac select { min-width: 260px; }
.fy-buyut { margin-left: auto; width: 36px; height: 36px; border: 1px solid #e2e8f0; border-radius: 10px; display: grid; place-items: center; color: #64748b; }
.fy-ara { margin-top: 10px; }
.fy-ara input { width: 100%; }
.fy-ozet { display: flex; align-items: center; gap: 18px; margin: 12px 0; color: #334155; }
.fy-ozet b { font-size: 16px; }
.fy-bina, .fy-kutu { display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: -2px; background: #64748b; }
.fy-bina { clip-path: polygon(50% 0, 100% 28%, 100% 100%, 0 100%, 0 28%); }
.fy-kutu { clip-path: polygon(8% 20%, 50% 0, 92% 20%, 92% 100%, 8% 100%); background: #16a34a; }
.fy-dagilim { margin-left: auto; border: 1px solid #bfdbfe; background: #eff6ff; color: #1d4ed8; border-radius: 10px; padding: 8px 12px; cursor: pointer; }
.fy-dagilim-kutu { border: 1px solid #e2e8f0; border-radius: 10px; margin-bottom: 12px; }
.fy-dagilim-kutu ul { list-style: none; margin: 0; padding: 8px 12px; }
.fy-dagilim-kutu li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #f1f5f9; }
.fy-tablo-kutu { overflow-x: auto; }
.fy-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.fy-tablo th { text-align: left; background: #f8fafc; color: #64748b; font-weight: 650; padding: 10px 8px; border-bottom: 1px solid #e2e8f0; }
.fy-tablo td { padding: 12px 8px; border-bottom: 1px solid #eef2f6; vertical-align: top; }
.fy-tablo a { color: #2563eb; font-weight: 650; }
.fy-sayi { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 7px; border-radius: 999px; background: #dcfce7; color: #15803d; }
.fy-mailler { color: #64748b; max-width: 220px; }
.fy-ata { min-width: 220px; }
.fy-cip, .fy-ekle { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.fy-cip span { color: #334155; font-size: 13px; }
.fy-cip button { width: 18px; height: 18px; border: 0; border-radius: 999px; background: #ef4444; color: #fff; cursor: pointer; line-height: 18px; padding: 0; }
.fy-ekle button { border: 0; background: transparent; color: #2563eb; cursor: pointer; font-weight: 650; }
.fy-sil { width: 28px; height: 28px; border: 0; border-radius: 6px; background: #ef4444; cursor: pointer; }
.fy-oran { margin: 0 0 16px; border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.fy-oran summary { padding: 12px 16px; cursor: pointer; font-weight: 600; }
.fy-oran ul { list-style: none; margin: 0; padding: 0 16px 10px; }
.fy-oran li { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-top: 1px solid #f1f5f9; font-size: 13.5px; }
.fy-atama { display: flex; flex-direction: column; align-items: stretch; gap: 6px; min-width: 220px; }
.uz-tablo .fy-not { max-width: 190px; white-space: normal; }
.fy-kisi { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 3px 3px 3px 8px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fafbfd; }
.fy-kisi span { font-size: 12.5px; font-weight: 600; }
.fy-kisi button { width: 22px; height: 22px; border: 0; border-radius: 6px; background: transparent; color: #94a3b8; cursor: pointer; }
.fy-kisi button:hover { background: #fef2f2; color: var(--hata); }
.fy-atama .fy-ekle { margin: 0; }
.fy-atama .fy-ekle select { height: 36px; width: auto; max-width: none; min-width: 9.5em; flex: 1 1 auto; padding: 0 1.6em 0 10px; line-height: 34px; box-sizing: border-box; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; }
.fy-atama .fy-ekle button { height: 36px; padding: 0 10px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; color: var(--mavi); font-weight: 600; cursor: pointer; }
a.uz-sayi { color: inherit; }

.fd { margin: 0; background: #eef3f8; color: #172033; }
.fd-ust { display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: #12325a; color: #fff; }
.fd-geri { color: #fff; font-size: 22px; text-decoration: none; }
.fd-ust strong { display: block; font-size: 18px; }
.fd-ust span { color: #c5d6ea; font-size: 13px; }
.fd-istat { margin-left: auto; display: flex; gap: 8px; }
.fd-istat span { background: rgba(255,255,255,.14); border-radius: 999px; padding: 6px 12px; font-size: 13px; }
.fd-istat .yesil { background: #16a34a; }
.fd-govde { padding: 14px 16px 28px; }
.fd-serit { background: #163e6b; color: #fff; border-radius: 10px; margin-bottom: 10px; }
.fd-serit summary { display: flex; align-items: center; gap: 8px; padding: 12px 14px; cursor: pointer; list-style: none; font-weight: 700; }
.fd-serit summary::-webkit-details-marker { display: none; }
.fd-duzenle, .fd-yukle { margin-left: auto; background: rgba(255,255,255,.12); color: #fff; border-radius: 8px; padding: 6px 10px; font-weight: 650; font-size: 13px; }
.fd-bilgi { background: #fff; color: #172033; padding: 12px 14px; border-radius: 0 0 10px 10px; }
.fd-bilgi p { margin: 4px 0; }
.fd-arac { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.fd-btn { border: 0; border-radius: 8px; padding: 8px 12px; font-weight: 650; font-size: 13px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }
.fd-btn.yesil { background: #16a34a; color: #fff; }
.fd-btn.koyu { background: #1e293b; color: #fff; }
.fd-btn.gri { background: #e2e8f0; color: #334155; }
.fd-btn.cerceve { background: #fff; color: #6d28d9; border: 1px solid #c4b5fd; }
.fd-filtre { background: #fff; border-radius: 12px; padding: 12px; margin-bottom: 8px; }
.fd-filtre p { margin: 0 0 8px; font-weight: 700; }
.fd-filtre div { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
.fd-filtre label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #64748b; }
.fd-filtre select, .fd-filtre input { border: 1px solid #e2e8f0; border-radius: 8px; padding: 6px 8px; min-width: 110px; }
.fd-aralik { display: flex; gap: 4px; }
.fd-kaydir { color: #64748b; font-size: 13px; }
.fd-tablo-kutu { overflow-x: auto; background: #fff; border-radius: 12px; }
.fd-tablo { width: max-content; min-width: 100%; border-collapse: collapse; font-size: 13px; }
.fd-tablo th { background: #0f2744; color: #fff; text-align: left; padding: 10px 8px; white-space: nowrap; }
.fd-tablo td { padding: 10px 8px; border-bottom: 1px solid #eef2f6; vertical-align: middle; white-space: nowrap; }
.fd-tablo img { width: 42px; height: 42px; }
.fd-tablo td a { display: block; color: #2563eb; font-size: 12px; }
.fd-yesil { color: #15803d; font-weight: 700; }
.fd-kirmizi { color: #dc2626; font-weight: 700; }
.fd-rozet { font-style: normal; border-radius: 999px; padding: 3px 8px; font-size: 12px; font-weight: 700; }
.fd-rozet.beklemede, .fd-rozet.taslak { background: #ffedd5; color: #c2410c; }
.fd-rozet.onaylandi { background: #dcfce7; color: #15803d; }
.fd-rozet.reddedildi { background: #fee2e2; color: #dc2626; }
.fd-anahtar { width: 42px; height: 24px; border: 0; border-radius: 999px; background: #f87171; position: relative; cursor: pointer; }
.fd-anahtar:after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; }
.fd-anahtar.acik { background: #22c55e; }
.fd-anahtar.acik:after { left: 21px; }
.fd-islem { display: flex; gap: 6px; align-items: center; }
.fd-islem a { color: #334155; font-size: 16px; }
.fd-islem button { width: 26px; height: 26px; border: 0; border-radius: 6px; background: #ef4444; cursor: pointer; }
.fd-giris { max-width: 760px; margin: -8px 0 16px; color: var(--soluk); font-size: 14px; line-height: 1.55; }
.fd-logo { width: 72px; height: 72px; object-fit: contain; border: 1px solid var(--cizgi); border-radius: 16px; background: #fff; }
.fd-kisiler, .fd-sozlesme { list-style: none; margin: 0; padding: 0; }
.fd-kisiler li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #f1f5f9; }
.fd-kisiler li:last-child { border-bottom: 0; }
.fd-kisiler strong { display: block; font-size: 14px; }
.fd-kisiler small, .fd-sozlesme small { display: block; color: var(--soluk); font-size: 12.5px; }
.fd-sozlesme li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #f1f5f9; }
.fd-sozlesme li:last-child { border-bottom: 0; }
.fd-sozlesme small { flex-basis: 100%; }
.fd-filtre summary { font-weight: 600; }
.fd-filtre-grid { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; padding: 0 16px 14px; }
.fd-filtre-grid label { display: flex; flex-direction: column; gap: 4px; min-width: 140px; color: var(--soluk); font-size: 12px; font-weight: 600; }
.fd-filtre-grid select, .fd-filtre-grid input { height: 36px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; padding: 0 8px; font-weight: 500; color: var(--yazi); }
.fd-araclar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; }
.fd-araclar span { margin-left: auto; color: var(--soluk); font-size: 13px; }
.fd-rapor { display: flex; align-items: center; gap: 10px; min-width: 220px; }
.fd-qr { width: 40px; height: 40px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.fd-ikili { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }

.btn svg { width: 16px; height: 16px; flex: none; }
.rozet { font-weight: 500; white-space: nowrap; }
.rozet + .rozet { margin-left: 4px; }
.alan-ipucu { color: #94a3b8; font-size: 12.5px; }
.sag { text-align: right; }

.uz-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin-bottom: 20px; }
.uz-ozet-kutu { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 16px 18px; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.uz-ozet-kutu > i { width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 12px; }
.uz-ozet-kutu > i svg { width: 21px; height: 21px; }
.uz-ozet-kutu > div { min-width: 0; }
.uz-ozet-kutu small { display: block; color: var(--soluk); font-size: 12.5px; font-weight: 500; }
.uz-ozet-kutu strong { display: block; font-size: 22px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uz-ozet-kutu strong.uz-metin { padding: 4px 0 3px; font-size: 15px; font-weight: 600; }
.uz-ozet-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.uz-ozet-6 .uz-ozet-kutu { gap: 12px; padding: 14px; }
.uz-ozet-6 .uz-ozet-kutu > i { width: 38px; height: 38px; }
.uz-ozet-kutu em { display: block; color: #94a3b8; font-size: 12px; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uz-mavi > i, i.uz-mavi { background: #eef4ff; color: var(--mavi); }
.uz-turkuaz > i { background: #ecfeff; color: #0e8a99; }
.uz-yesil > i { background: #ecfdf3; color: #16a34a; }
.uz-turuncu > i { background: #fff7ed; color: #ea580c; }
.uz-kirmizi > i { background: #fef2f2; color: #dc2626; }
.uz-gri > i { background: #f1f5f9; color: #64748b; }

.uz-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px; background: #fff; border: 1px solid var(--cizgi); border-bottom: 0; border-radius: 14px 14px 0 0; }
.uz-arac + .tablo-kutu { border-radius: 0 0 14px 14px; }
.uz-arac select { height: 38px; padding: 0 10px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; font-size: 14px; outline: none; }
.uz-arac select:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.uz-arac .btn { height: 38px; }
.uz-arama { position: relative; flex: 1 1 280px; }
.uz-arama svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; color: #94a3b8; pointer-events: none; }
.uz-arama input { width: 100%; height: 38px; padding: 0 12px 0 38px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; font-size: 14px; outline: none; }
.uz-arama input:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.uz-temizle { color: var(--soluk); font-size: 13.5px; }
.uz-temizle:hover { color: var(--hata); }
.uz-sonuc { margin-left: auto; color: var(--soluk); font-size: 13px; white-space: nowrap; }

.uz-tablo th, .uz-tablo td { padding-left: 12px; padding-right: 12px; }
.uz-tablo th:first-child, .uz-tablo td:first-child { padding-left: 16px; }
.uz-tablo th:last-child, .uz-tablo td:last-child { padding-right: 16px; }
.uz-tablo td { vertical-align: middle; }
.uz-tablo .uz-alt { white-space: nowrap; }
.uz-kisi { display: flex; align-items: center; gap: 12px; min-width: 200px; }
.uz-kisi a { color: var(--yazi); font-weight: 600; }
.uz-kisi a:hover { color: var(--mavi); }
.uz-kisi small, .uz-alt { display: block; color: var(--soluk); font-size: 12.5px; margin-top: 2px; }
.uz-alt.turuncu { color: #ea580c; font-weight: 500; }
.uz-avatar { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--marka), var(--mavi)); color: #fff; font-size: 13.5px; font-weight: 600; }
.uz-avatar.pasif { background: #cbd5e1; color: #475569; }
.uz-avatar.buyuk { width: 72px; height: 72px; font-size: 24px; }
.uz-soluk { color: #94a3b8; }
.uz-belgeler { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 190px; }
.uz-belge { padding: 2px 7px; border: 1px solid #dbeafe; border-radius: 6px; background: #eff6ff; color: #1d4ed8; font-size: 11.5px; font-weight: 600; cursor: default; }
.uz-belge.yok { border-style: dashed; border-color: #cbd5e1; background: transparent; color: #94a3b8; }
.uz-belge-tarih { flex-basis: 100%; margin-top: 2px; }
.uz-sayi { font-weight: 600; font-variant-numeric: tabular-nums; }
.uz-islem { display: flex; justify-content: flex-end; gap: 4px; }
.uz-islem form { margin: 0; }
.uz-ikon-btn { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff; color: #64748b; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.uz-ikon-btn svg { width: 16px; height: 16px; }
.uz-ikon-btn:hover { background: #f8fafc; color: var(--mavi); border-color: #c9d8f5; }
.uz-ikon-btn.tehlike:hover { background: #fef2f2; color: var(--hata); border-color: #fecaca; }
.uz-bos .bos { padding: 48px 16px; }

.uz-profil { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-bottom: 20px; padding: 24px; background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.uz-profil-bilgi { flex: 1; min-width: 260px; }
.uz-profil-bilgi h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.uz-profil-bilgi h2 .rozet { font-size: 12px; }
.uz-profil-unvan { margin: 4px 0 12px; color: var(--soluk); }
.uz-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; color: #475569; font-size: 13.5px; }
.uz-meta span { display: inline-flex; align-items: center; gap: 7px; }
.uz-meta svg { width: 16px; height: 16px; color: #94a3b8; }
.uz-meta a { color: inherit; }
.uz-meta a:hover { color: var(--mavi); }
.uz-profil-eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.uz-profil-eylem form { margin: 0; }

.uz-sekmeler { display: flex; gap: 2px; margin: 0 0 20px; box-shadow: inset 0 -1px 0 var(--cizgi); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.uz-sekmeler::-webkit-scrollbar { display: none; }
.uz-sekmeler a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 2px solid transparent; color: var(--soluk); font-size: 14px; font-weight: 500; white-space: nowrap; transition: color .15s, border-color .15s; }
.uz-sekmeler a:hover { color: var(--yazi); }
.uz-sekmeler a.secili { color: var(--mavi); font-weight: 600; border-bottom-color: var(--mavi); }
.uz-say { min-width: 20px; padding: 1px 7px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11.5px; font-weight: 600; text-align: center; }
.uz-sekmeler a.secili .uz-say { background: #eef4ff; color: var(--mavi); }

.uz-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.uz-sutun { display: grid; gap: 20px; }
.uz-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); overflow: hidden; }
.uz-kart-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-bottom: 1px solid #eef1f5; }
.uz-kart-bas h3 { margin: 0; font-size: 15px; font-weight: 600; }
.uz-kart-ic { padding: 18px 20px; }
.uz-kart > .tablo-kutu { border: 0; border-radius: 0; box-shadow: none; }
.uz-kart > .bos { padding: 36px 16px; }
.uz-tumu { font-size: 13.5px; font-weight: 500; }
.uz-tanim { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 12px 16px; margin: 0; font-size: 14px; }
.uz-tanim dt { color: var(--soluk); }
.uz-tanim dd { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.uz-etiketler { display: flex; flex-wrap: wrap; gap: 6px; }
.uz-etiket { padding: 3px 10px; border-radius: 999px; background: #ecfeff; color: #0e7f8d; font-size: 12.5px; font-weight: 500; }
.uz-not { margin: 0; color: var(--soluk); font-size: 13.5px; line-height: 1.55; }
.uz-notlar { margin: 0; font-size: 14px; line-height: 1.6; white-space: normal; }
.uz-dagilim { display: flex; height: 10px; overflow: hidden; border-radius: 999px; background: #f1f5f9; }
.uz-dagilim span { height: 100%; }
.uz-lejant { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px; color: #475569; font-size: 13px; }
.uz-lejant span { display: inline-flex; align-items: center; gap: 6px; }
.uz-lejant i { width: 9px; height: 9px; border-radius: 50%; }
.uz-dagilim .uz-yesil, .uz-lejant .uz-yesil { background: #22c55e; }
.uz-dagilim .uz-turuncu, .uz-lejant .uz-turuncu { background: #f59e0b; }
.uz-dagilim .uz-kirmizi, .uz-lejant .uz-kirmizi { background: #ef4444; }
.uz-dagilim .uz-gri, .uz-lejant .uz-gri { background: #cbd5e1; }
.uz-liste { list-style: none; margin: 0; padding: 0; }
.uz-liste li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; border-bottom: 1px solid #eef1f5; }
.uz-liste li:last-child { border-bottom: 0; }
.uz-liste li > div { min-width: 0; }
.uz-liste a { color: var(--yazi); font-weight: 500; }
.uz-liste a:hover { color: var(--mavi); }
.uz-liste small { display: block; margin-top: 2px; color: var(--soluk); font-size: 12.5px; }
.uz-ata { display: flex; gap: 8px; margin: 0; }
.uz-ata select { height: 36px; min-width: 240px; max-width: 100%; padding: 0 10px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; }
.uz-asama { width: 120px; height: 6px; overflow: hidden; border-radius: 999px; background: #f1f5f9; }
.uz-asama span { display: block; height: 100%; background: var(--mavi); }

.uz-form { display: grid; gap: 20px; max-width: 980px; }
.uz-bolum { padding: 22px 24px 10px; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); scroll-margin-top: 80px; }
.uz-bolum-bas { margin-bottom: 18px; }
.uz-bolum-bas h3 { margin: 0; font-size: 16px; font-weight: 600; }
.uz-bolum-bas p { margin: 4px 0 0; color: var(--soluk); font-size: 13.5px; }
.uz-bolum .form-grid { gap: 2px 18px; }
.uz-zorunlu { color: var(--hata); font-weight: 600; }
.uz-bilgi { margin: 0 0 16px; padding: 10px 14px; border: 1px solid #dbeafe; border-radius: 10px; background: #f5f9ff; color: #1e40af; font-size: 13.5px; }
.uz-hatalar { margin: 6px 0 0; padding-left: 18px; }
.uz-form-alt { position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: flex-end; gap: 10px; padding: 14px 0; background: linear-gradient(rgba(246, 248, 251, 0), var(--zemin) 35%); }

@media (max-width: 1600px) {
    .uz-ozet-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
    .uz-iki { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .uz-ozet-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .uz-sonuc { margin-left: 0; }
    .uz-arac select, .uz-arac .btn { flex: 1 1 140px; }
    .uz-profil { padding: 18px; }
    .uz-profil-eylem { width: 100%; }
    .uz-tanim { grid-template-columns: 1fr; gap: 2px; }
    .uz-tanim dd { margin-bottom: 10px; }
    .uz-ata { width: 100%; }
    .uz-ata select { min-width: 0; flex: 1; }
    .uz-bolum { padding: 18px 16px 6px; }
}

a.rp-ozet-link { color: inherit; transition: border-color .15s, box-shadow .15s, transform .15s; }
a.rp-ozet-link:hover { border-color: #c9d8f5; box-shadow: 0 4px 14px rgba(15, 23, 42, .06); transform: translateY(-1px); }
.uz-arac input[type=date] { height: 38px; padding: 0 8px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; font-size: 13.5px; color: var(--yazi); outline: none; }
.uz-arac input[type=date]:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.rp-aralik { display: inline-flex; align-items: center; gap: 4px; color: #94a3b8; }

.rp-tablo th.rp-sec, .rp-tablo td.rp-sec { width: 36px; padding-right: 0; }
.rp-sec input { width: 16px; height: 16px; accent-color: var(--mavi); cursor: pointer; vertical-align: middle; }
.rp-rapor { min-width: 220px; max-width: 360px; }
.rp-rapor a { color: var(--yazi); font-weight: 600; }
.rp-rapor a:hover { color: var(--mavi); }
.rp-rapor small { display: block; margin-top: 2px; color: var(--soluk); font-size: 12.5px; }
.rp-firma { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-firma a { color: inherit; }
.rp-firma a:hover { color: var(--mavi); }
.rp-tablo td.rp-tarih { white-space: nowrap; font-variant-numeric: tabular-nums; }
.rp-vade { display: block; margin-top: 2px; color: var(--soluk); font-size: 12px; }
.rp-vade + .rp-vade { margin-top: 0; font-weight: 500; }
.rp-tablo td.rp-kisi { white-space: nowrap; }
.rp-vade-hata { color: var(--hata); }
.rp-vade-uyari { color: #ea580c; }
.rp-tablo td:has(> .rozet) { white-space: nowrap; }

.rp-sayfalama { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; color: var(--soluk); font-size: 13px; }
.rp-sayfalama div { display: flex; gap: 4px; }
.rp-sayfalama a, .rp-sayfalama div span { min-width: 34px; height: 34px; display: grid; place-items: center; padding: 0 8px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff; color: var(--yazi); font-weight: 500; }
.rp-sayfalama a:hover { border-color: #c9d8f5; color: var(--mavi); }
.rp-sayfalama span.secili { border-color: var(--mavi); background: var(--mavi); color: #fff; }
.rp-sayfalama span.pasif { color: #cbd5e1; }

.rp-toplu { position: sticky; bottom: 16px; z-index: 6; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; padding: 12px 14px; background: #0f172a; border-radius: 14px; box-shadow: 0 12px 32px rgba(15, 23, 42, .25); color: #fff; }
.rp-toplu[hidden] { display: none; }
.rp-toplu strong { margin-right: auto; font-size: 14px; }
.rp-toplu select, .rp-toplu input { height: 36px; padding: 0 10px; border: 1px solid #334155; border-radius: 9px; background: #1e293b; color: #fff; font-size: 13.5px; outline: none; }
.rp-toplu input { flex: 0 1 260px; }
.rp-toplu input::placeholder { color: #94a3b8; }
.rp-toplu .btn-hayalet { background: transparent; color: #e2e8f0; border-color: #334155; }
.rp-toplu .btn-hayalet:hover { background: #1e293b; }

.rp-bas { align-items: flex-start; }
.rp-belge { width: 64px; height: 64px; flex: none; display: grid; place-items: center; border-radius: 16px; background: #f1f5f9; color: #64748b; }
.rp-belge svg { width: 30px; height: 30px; }
.rp-belge-tamam { background: #ecfdf3; color: #16a34a; }
.rp-belge-uyari { background: #fff7ed; color: #ea580c; }
.rp-belge-hata { background: #fef2f2; color: #dc2626; }
.rp-bas h2 { line-height: 1.3; }
.rp-rozetler { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 12px; }
.rp-rozetler .rozet + .rozet { margin-left: 0; }

.rp-surec { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; padding: 18px 20px; overflow: visible; }
.rp-adimlar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.rp-adimlar li { display: flex; align-items: center; gap: 10px; color: #94a3b8; }
.rp-adimlar li + li::before { content: ""; width: 36px; height: 2px; margin-right: 2px; border-radius: 2px; background: #e2e8f0; }
.rp-adimlar li.tamam + li::before, .rp-adimlar li.aktif + li::before { background: #cbd5e1; }
.rp-adimlar li > span { width: 30px; height: 30px; flex: none; display: grid; place-items: center; border: 2px solid #e2e8f0; border-radius: 50%; background: #fff; font-size: 13px; font-weight: 700; }
.rp-adimlar strong { display: block; color: inherit; font-size: 14px; font-weight: 600; }
.rp-adimlar small { display: block; color: #94a3b8; font-size: 12px; }
.rp-adimlar li.tamam { color: #16a34a; }
.rp-adimlar li.tamam > span { border-color: #16a34a; background: #16a34a; color: #fff; }
.rp-adimlar li.aktif { color: var(--yazi); }
.rp-adimlar li.aktif > span { border-color: var(--mavi); background: #eef4ff; color: var(--mavi); }
.rp-adimlar li.rp-adim-tamam { color: #15803d; }
.rp-adimlar li.rp-adim-tamam > span { border-color: #16a34a; background: #16a34a; color: #fff; }
.rp-adimlar li.rp-adim-hata { color: var(--hata); }
.rp-adimlar li.rp-adim-hata > span { border-color: #dc2626; background: #dc2626; color: #fff; }
.rp-surec-eylem { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.rp-surec-eylem form { margin: 0; }
.rp-btn-onay { background: #16a34a; }
.rp-btn-onay:hover { background: #15803d; }
.rp-red { position: relative; }
.rp-red summary { list-style: none; }
.rp-red summary::-webkit-details-marker { display: none; }
.rp-red-kutu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 10; width: 340px; padding: 14px; background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; box-shadow: 0 12px 32px rgba(15, 23, 42, .14); }
.rp-red-kutu .alan { margin-bottom: 10px; }
.rp-red-kutu .btn { width: 100%; }
.rp-red-not { flex-basis: 100%; margin: 0; }
.rp-red-not span { color: #b45309; opacity: .8; font-size: 12.5px; }

.rp-iki { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
.rp-grup-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 12px 20px 8px; background: #f8fafc; border-top: 1px solid #eef1f5; font-size: 13.5px; font-weight: 600; }
.rp-grup-bas:first-of-type { border-top: 0; }
.rp-grup-bas small { color: var(--soluk); font-size: 12px; font-weight: 500; }
.uz-kart > .tablo-kutu + .rp-grup-bas { border-top: 1px solid #eef1f5; }
.rp-tespit td { padding: 10px 14px; vertical-align: top; }
.rp-tespit td:first-child { padding-left: 20px; }
.rp-tespit td:last-child { padding-right: 20px; }
.rp-tespit td.rp-sira { width: 36px; color: #94a3b8; font-variant-numeric: tabular-nums; }
.rp-tespit tr:last-child td { border-bottom: 0; }

.rp-sonuc { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding: 14px 16px; border-radius: 12px; background: #f1f5f9; color: #475569; }
.rp-sonuc svg { width: 24px; height: 24px; flex: none; }
.rp-sonuc strong { font-size: 16px; }
.rp-sonuc-tamam { background: #ecfdf3; color: #15803d; }
.rp-sonuc-hata { background: #fef2f2; color: #b91c1c; }
.rp-dagilim-bas { margin: 18px 0 8px; color: var(--soluk); font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.rp-kart-ic .rozet, .uz-tanim .rozet { vertical-align: middle; }

.rp-dogrula { display: flex; align-items: flex-start; gap: 16px; }
.rp-dogrula img { flex: none; padding: 6px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; }
.rp-dogrula small { display: block; color: var(--soluk); font-size: 12px; }
.rp-dogrula strong { display: block; margin: 2px 0 6px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; letter-spacing: .02em; }
.rp-dogrula a { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 500; }
.rp-dogrula a svg { width: 15px; height: 15px; }
.rp-dogrula p { margin: 10px 0 8px; font-size: 13.5px; }
.rp-dogrula form { margin: 0; }

.rp-ek { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 10px; color: var(--yazi); }
.rp-ek:hover { border-color: #c9d8f5; background: #f8fbff; }
.rp-ek svg { width: 22px; height: 22px; flex: none; color: #dc2626; }
.rp-ek span { min-width: 0; font-size: 13.5px; font-weight: 500; }
.rp-ek small { display: block; overflow: hidden; color: var(--soluk); font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.rp-fotolar { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; }
.rp-fotolar figure { position: relative; margin: 0; aspect-ratio: 1; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 10px; background: #f8fafc; }
.rp-fotolar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rp-fotolar form { position: absolute; top: 4px; right: 4px; margin: 0; }
.rp-foto-sil { width: 26px; height: 26px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 7px; background: rgba(15, 23, 42, .65); color: #fff; cursor: pointer; opacity: 0; transition: opacity .15s; }
.rp-foto-sil svg { width: 14px; height: 14px; }
.rp-fotolar figure:hover .rp-foto-sil, .rp-foto-sil:focus { opacity: 1; }

.rp-gecmis { position: relative; margin: 0; padding: 16px 20px 6px 44px; list-style: none; }
.rp-gecmis::before { content: ""; position: absolute; left: 26px; top: 22px; bottom: 22px; width: 2px; background: #eef1f5; }
.rp-gecmis li { position: relative; padding-bottom: 14px; }
.rp-gecmis li::before { content: ""; position: absolute; left: -23px; top: 4px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 1px #e2e8f0; }
.rp-gecmis li.rp-g-mavi::before { background: var(--mavi); }
.rp-gecmis li.rp-g-yesil::before { background: #16a34a; }
.rp-gecmis li.rp-g-turuncu::before { background: #f59e0b; }
.rp-gecmis li.rp-g-kirmizi::before { background: #dc2626; }
.rp-gecmis strong { display: block; font-size: 13.5px; font-weight: 600; }
.rp-gecmis small { display: block; color: var(--soluk); font-size: 12px; }
.rp-gecmis p { margin: 6px 0 0; padding: 8px 10px; border-radius: 8px; background: #f8fafc; color: #475569; font-size: 13px; }

.rp-form { max-width: 1080px; }
.rp-bolum-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.rp-sablon { max-width: 640px; }
.rp-hizli { display: flex; gap: 6px; }
.rp-hizli button { padding: 3px 9px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; color: #475569; font-size: 12px; font-weight: 500; cursor: pointer; }
.rp-hizli button:hover { border-color: var(--mavi); color: var(--mavi); }
.rp-gruplar { display: grid; gap: 14px; margin-bottom: 14px; }
.rp-grup { padding: 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fbfcfe; }
.rp-grup-ust { display: flex; gap: 10px; margin-bottom: 10px; }
.rp-grup-ad { flex: 1; height: 38px; padding: 0 12px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; font-size: 14px; font-weight: 600; outline: none; }
.rp-soru-baslik, .rp-soru { display: grid; grid-template-columns: minmax(0, 2fr) 150px minmax(0, 1.3fr) 32px; gap: 8px; align-items: center; }
.rp-soru-baslik { padding: 0 2px 6px; color: var(--soluk); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.rp-sorular { display: grid; gap: 6px; }
.rp-soru input, .rp-soru select { width: 100%; height: 36px; padding: 0 10px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; font-size: 13.5px; outline: none; }
.rp-soru input:focus, .rp-soru select:focus, .rp-grup-ad:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.rp-soru select[data-deger="Uygun"] { border-color: #bbf0d0; background: #f3fcf6; color: #15803d; }
.rp-soru select[data-deger="Uygun Değil"] { border-color: #fecaca; background: #fef6f6; color: #b91c1c; }
.rp-soru select[data-deger="Uygulanamaz"] { color: #64748b; }
.rp-ekle { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 6px 10px; border: 1px dashed #cbd5e1; border-radius: 8px; background: transparent; color: var(--mavi); font-size: 13px; font-weight: 600; cursor: pointer; }
.rp-ekle:hover { border-color: var(--mavi); background: #f5f9ff; }
.rp-ekle svg { width: 15px; height: 15px; }

@media (max-width: 1100px) {
    .rp-iki { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .rp-surec { flex-direction: column; align-items: stretch; }
    .rp-adimlar li + li::before { width: 14px; }
    .rp-adimlar small { display: none; }
    .rp-red-kutu { right: auto; left: 0; width: min(340px, calc(100vw - 48px)); }
    .rp-soru-baslik { display: none; }
    .rp-soru { grid-template-columns: minmax(0, 1fr) 32px; padding: 8px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; }
    .rp-soru input:first-child { grid-column: 1 / -1; }
    .rp-soru select { grid-column: 1 / -1; }
    .rp-toplu strong { flex-basis: 100%; }
    .rp-toplu input { flex: 1 1 100%; }
    .rp-dogrula { flex-direction: column; }
    .rp-bolum-bas .btn, .rp-grup-ust .btn { white-space: nowrap; }
    .rp-form .uz-form-alt { flex-wrap: wrap; }
    .rp-form .uz-form-alt .btn { flex: 1 1 auto; white-space: nowrap; }
    .rp-form .uz-form-alt .btn:last-child { flex-basis: 100%; order: -1; }
}

.rp-hizli { flex-wrap: wrap; }
.rp-hizli button { white-space: nowrap; }
.mh-sekmeler a svg { width: 16px; height: 16px; flex: none; }
.mh-ozet .uz-ozet-kutu strong { font-size: 19px; font-variant-numeric: tabular-nums; }
.mh-t-tamam { color: #15803d; }
.mh-t-uyari { color: #c2410c; }
.mh-t-hata { color: var(--hata); }
.mh-t-mavi { color: var(--mavi); }
.mh-tumu { color: var(--mavi); font-size: 13px; font-weight: 600; }
.mh-tumu:hover { text-decoration: underline; }
.mh-liste-bos { margin: 0; padding: 28px 20px; color: #94a3b8; font-size: 13.5px; text-align: center; }

.mh-segment { display: inline-flex; gap: 4px; margin-bottom: 18px; padding: 4px; background: #eef2f7; border-radius: 12px; }
.mh-segment a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 9px; color: #475569; font-size: 14px; font-weight: 500; white-space: nowrap; transition: background .15s, color .15s; }
.mh-segment a svg { width: 16px; height: 16px; }
.mh-segment a:hover { color: var(--yazi); }
.mh-segment a.secili { background: #fff; color: var(--yazi); font-weight: 600; box-shadow: 0 1px 3px rgba(15, 23, 42, .1); }
.mh-segment a.secili .uz-say { background: #eef4ff; color: var(--mavi); }

.mh-grafik-ozet { display: flex; flex-wrap: wrap; gap: 10px 32px; margin-bottom: 18px; }
.mh-grafik-ozet small { display: block; color: var(--soluk); font-size: 12.5px; }
.mh-grafik-ozet strong { font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mh-grafik { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 8px; height: 210px; padding-top: 8px; background: repeating-linear-gradient(to top, #eef1f5 0, #eef1f5 1px, transparent 1px, transparent 25%) 0 0 / 100% calc(100% - 22px) no-repeat; }
.mh-ay { display: flex; flex-direction: column; min-width: 0; }
.mh-cubuk { flex: 1; display: flex; align-items: flex-end; justify-content: center; gap: 3px; }
.mh-cubuk span { width: min(14px, 40%); min-height: 2px; border-radius: 4px 4px 0 0; transition: opacity .15s; }
.mh-c-gelir, .mh-l-gelir { background: #22c55e; }
.mh-c-gider, .mh-l-gider { background: #f59e0b; }
.mh-ay small { height: 22px; padding-top: 6px; color: #94a3b8; font-size: 11.5px; text-align: center; }
.mh-ay.simdi small { color: var(--yazi); font-weight: 700; }
.mh-ay:hover .mh-cubuk span { opacity: .75; }
.mh-grafik-bos { position: absolute; inset: 0 0 22px; display: grid; place-items: center; margin: 0; color: #94a3b8; font-size: 13.5px; }

.mh-liste { display: flex; flex-direction: column; }
.mh-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 20px; border-bottom: 1px solid #f1f4f8; color: var(--yazi); transition: background .12s; }
.mh-satir:last-child { border-bottom: 0; }
.mh-satir:hover { background: #fafcff; }
.mh-satir > div { min-width: 0; }
.mh-satir strong { display: block; overflow: hidden; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.mh-satir small { display: block; overflow: hidden; margin-top: 1px; color: var(--soluk); font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.mh-satir .sag { flex: none; text-align: right; }
.mh-satir .sag strong { font-variant-numeric: tabular-nums; }
.mh-satir .sag small.mh-t-hata, .mh-satir .sag small.mh-t-uyari, .mh-satir .sag small.mh-t-tamam { font-weight: 600; }
.mh-kart-alt { display: flex; justify-content: space-between; padding: 12px 20px; border-top: 1px solid #eef1f5; background: #f8fafc; font-size: 14px; }
.mh-kart-alt span { color: var(--soluk); }

.mh-tablo td.mh-tutar, .mh-tablo th.mh-tutar, .mh-tutar { font-variant-numeric: tabular-nums; white-space: nowrap; }
.mh-tablo td.sag, .mh-tablo th.sag { text-align: right; }
.mh-tablo td { vertical-align: middle; }
.mh-tablo tfoot td { border-top: 1px solid var(--cizgi); border-bottom: 0; background: #f8fafc; font-weight: 700; }
.mh-tablo tr.mh-iptal td { color: #94a3b8; }
.mh-tablo tr.mh-iptal .mh-tutar { text-decoration: line-through; }
.mh-tablo tr.mh-secili td { background: #f5f9ff; }
.mh-tablo tr.mh-devir td { background: #fbfcfe; color: var(--soluk); font-style: italic; }
.mh-tablo td.mh-sil-hucre { width: 44px; padding-top: 6px; padding-bottom: 6px; }
.mh-tablo td.mh-sil-hucre form { margin: 0; }
.mh-ekstre th, .mh-ekstre td { padding-left: 10px; padding-right: 10px; }
.mh-ekstre td:nth-child(2) { min-width: 150px; }
.mh-ekstre-filtre { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.mh-ekstre-filtre input[type=date] { height: 32px; padding: 0 8px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; font-size: 13px; outline: none; }
.mh-ekstre-filtre input[type=date]:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.mh-ekstre-filtre .btn-kucuk { height: 32px; }
.uz-kart > .tablo-kutu .mh-tablo th:first-child, .uz-kart > .tablo-kutu .mh-tablo td:first-child { padding-left: 20px; }
.uz-kart > .tablo-kutu .mh-tablo th:last-child, .uz-kart > .tablo-kutu .mh-tablo td:last-child { padding-right: 20px; }

.mh-form { max-width: 1080px; }
.mh-kalem-bas, .mh-kalem { display: grid; grid-template-columns: minmax(0, 2.4fr) 90px 100px 130px 90px 120px 32px; gap: 8px; align-items: center; }
.mh-kalem-bas { padding: 0 2px 6px; color: var(--soluk); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.mh-kalem-bas .sag { text-align: right; }
.mh-kalemler { display: grid; gap: 6px; }
.mh-kalem input, .mh-kalem select { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; font-size: 13.5px; outline: none; transition: border-color .15s, box-shadow .15s; }
.mh-kalem input:focus, .mh-kalem select:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.mh-kalem input[type=number] { text-align: right; font-variant-numeric: tabular-nums; }
.mh-kalem-tutar { overflow: hidden; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.mh-toplamlar { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 18px 32px; margin: 18px 0 12px; padding-top: 18px; border-top: 1px solid #eef1f5; }
.mh-tevkifat { flex: 0 1 340px; }
.mh-toplam { display: grid; grid-template-columns: auto auto; gap: 8px 32px; margin: 0; font-size: 14px; }
.mh-toplam dt { color: var(--soluk); }
.mh-toplam dd { margin: 0; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.mh-toplam .mh-genel { padding-top: 10px; border-top: 1px solid var(--cizgi); color: var(--yazi); font-size: 17px; font-weight: 700; }
.mh-toplamlar .mh-toplam { min-width: 300px; padding: 14px 18px; border-radius: 12px; background: #f8fafc; }
.mh-toplam-kutu { display: flex; justify-content: flex-end; padding: 16px 20px; border-top: 1px solid #eef1f5; background: #fbfcfe; }
.mh-kalem-tablo td:nth-child(2) { min-width: 200px; }

.mh-kalan { margin-bottom: 12px; }
.mh-kalan small { display: block; color: var(--soluk); font-size: 12.5px; }
.mh-kalan strong { font-size: 26px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.mh-kalan + .uz-dagilim + .uz-lejant { margin-bottom: 16px; }
.uz-lejant b { font-weight: 600; font-variant-numeric: tabular-nums; }
.mh-tanim-dar { grid-template-columns: 120px minmax(0, 1fr); }
.mh-odeme-form { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef1f5; }
.mh-odeme-form h4 { margin: 0 0 12px; font-size: 14px; font-weight: 600; }
.mh-odemeler { margin: 0; padding: 0; list-style: none; }
.mh-odemeler li { display: flex; align-items: center; gap: 12px; padding: 12px 20px; border-bottom: 1px solid #f1f4f8; }
.mh-odemeler li:last-child { border-bottom: 0; }
.mh-odemeler li > i { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #ecfdf3; color: #16a34a; }
.mh-odemeler li > i svg { width: 17px; height: 17px; }
.mh-odemeler li > div { flex: 1; min-width: 0; }
.mh-odemeler strong { display: block; font-size: 14px; font-variant-numeric: tabular-nums; }
.mh-odemeler small { display: block; color: var(--soluk); font-size: 12.5px; }
.mh-odemeler form { margin: 0; }
.mh-not { margin: 0; color: #334155; font-size: 14px; line-height: 1.6; white-space: normal; }
.mh-nes-not { margin: 14px 0 0; color: var(--soluk); font-size: 12.5px; }

.mh-acilir { margin-bottom: 20px; }
.mh-acilir summary { display: flex; align-items: center; gap: 12px; padding: 14px 20px; cursor: pointer; list-style: none; }
.mh-acilir summary::-webkit-details-marker { display: none; }
.mh-acilir summary > svg { width: 34px; height: 34px; flex: none; padding: 8px; border-radius: 10px; background: #eef4ff; color: var(--mavi); transition: transform .2s; }
.mh-acilir[open] summary > svg { transform: rotate(45deg); }
.mh-acilir summary span { font-size: 14.5px; font-weight: 600; }
.mh-acilir summary small { display: block; color: var(--soluk); font-size: 12.5px; font-weight: 400; }
.mh-acilir[open] summary { border-bottom: 1px solid #eef1f5; }
.mh-acilir .mh-hareket-form .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mh-hareket-form { margin: 0; }

.mh-yan-form { margin: 0; }
.mh-yan-alt { display: flex; justify-content: flex-end; gap: 8px; padding-top: 4px; }
.mh-yan-alt .btn-tam { margin-top: 0; }
.mh-onay-kutu { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 14px; cursor: pointer; }
.mh-onay-kutu input { width: 16px; height: 16px; accent-color: var(--mavi); }

.mh-barlar { display: grid; gap: 14px; }
.mh-bar > div { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; font-size: 13.5px; }
.mh-bar span { overflow: hidden; color: #334155; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.mh-bar strong { font-variant-numeric: tabular-nums; white-space: nowrap; }
.mh-bar strong small { margin-left: 4px; color: var(--soluk); font-weight: 500; }
.mh-bar i { display: block; height: 8px; overflow: hidden; border-radius: 999px; background: #f1f5f9; }
.mh-bar b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--marka), var(--mavi)); }

.mh-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; margin-bottom: 20px; }
.mh-kredi { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 196px; padding: 20px 22px; overflow: hidden; border-radius: 18px; background: linear-gradient(135deg, #0e2744, #1f6feb); color: #fff; box-shadow: 0 10px 24px rgba(14, 39, 68, .18); }
.mh-kredi::after { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 50%; background: rgba(255, 255, 255, .08); pointer-events: none; }
a.mh-kredi { transition: transform .15s, box-shadow .15s; }
a.mh-kredi:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(14, 39, 68, .26); }
.mh-kredi-1 { background: linear-gradient(135deg, #0f766e, #1aa6b7); }
.mh-kredi-2 { background: linear-gradient(135deg, #1e1b4b, #7c3aed); }
.mh-kredi-3 { background: linear-gradient(135deg, #1f2937, #475569); }
.mh-kredi-ust { display: flex; align-items: center; justify-content: space-between; font-size: 13.5px; font-weight: 600; opacity: .92; }
.mh-kredi-ust svg { width: 26px; height: 26px; opacity: .85; }
.mh-kredi-no { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 17px; letter-spacing: .12em; }
.mh-kredi-alt { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.mh-kredi-alt small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; opacity: .7; }
.mh-kredi-alt strong { display: block; max-width: 180px; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.mh-kredi-alt .sag { text-align: right; }
.mh-kredi-limit { height: 6px; margin-top: auto; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .22); }
.mh-kredi-limit span { display: block; height: 100%; border-radius: inherit; background: #fff; }
.mh-kredi-not { margin-top: -6px; font-size: 12px; opacity: .8; }
.mh-kredi-limit + .mh-kredi-not { margin-top: -8px; }
.mh-kart-bas { align-items: center; }
.mh-kart-bas .mh-kredi { width: 300px; min-height: 176px; flex: none; }
.mh-donem { display: flex; align-items: center; gap: 8px; }
.mh-donem strong { min-width: 110px; font-size: 14px; text-align: center; }
.mh-donem .uz-ikon-btn svg { width: 15px; height: 15px; }

@media (max-width: 1100px) {
    .mh-kalem-bas, .mh-kalem { grid-template-columns: minmax(0, 2fr) 80px 90px 110px 80px 110px 32px; }
}
@media (max-width: 860px) {
    .mh-kalem-bas { display: none; }
    .mh-kalem { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 10px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fbfcfe; }
    .mh-kalem input[name="aciklama[]"] { grid-column: 1 / -1; }
    .mh-kalem-tutar { grid-column: 1 / 4; text-align: left; }
    .mh-kalem .uz-ikon-btn { justify-self: end; }
}
@media (max-width: 760px) {
    .mh-segment { display: flex; }
    .mh-segment a { flex: 1; justify-content: center; padding: 8px 10px; }
    .mh-grafik { height: 170px; gap: 4px; }
    .mh-ay small { font-size: 10.5px; }
    .mh-cubuk { gap: 2px; }
    .mh-cubuk span { width: 42%; }
    .mh-acilir .mh-hareket-form .form-grid { grid-template-columns: 1fr; }
    .mh-toplamlar .mh-toplam { min-width: 0; width: 100%; }
    .mh-tevkifat { flex-basis: 100%; }
    .mh-kart-bas .mh-kredi { width: 100%; }
    .mh-kartlar { grid-template-columns: 1fr; }
    .mh-satir { padding: 11px 16px; }
    .mh-odemeler li { padding: 12px 16px; }
}
@media (max-width: 640px) {
    .mh-tanim-dar { grid-template-columns: 1fr; }
    .mh-kalem { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mh-kalem-tutar { grid-column: 1 / 2; }
}
.mh-harcama .rp-rapor { min-width: 160px; }

/* İş emirleri */
.ie-g-planlama { --ie: #1f6feb; --ie-a: #eef4ff; }
.ie-g-saha { --ie: #f59e0b; --ie-a: #fff7e6; }
.ie-g-rapor { --ie: #7c3aed; --ie-a: #f4efff; }
.ie-g-tamam { --ie: #16a34a; --ie-a: #ecfdf3; }
.ie-g-iptal { --ie: #94a3b8; --ie-a: #f1f5f9; }
.ie-g-acil { --ie: #dc2626; --ie-a: #fef2f2; }
.ie-gorunum { margin: 0; }
.ie-ozel { align-self: center; }
.ie-tablo .rp-rapor { min-width: 190px; }
.ie-is .rozet { margin-left: 4px; vertical-align: 1px; }
.ie-adres { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ie-tablo tr.ie-iptal td { color: #94a3b8; }
.ie-tablo tr.ie-iptal .rp-rapor a { color: #64748b; text-decoration: line-through; }
.ie-ilerleme { min-width: 170px; }
.ie-ilerleme > span { display: block; margin-bottom: 6px; color: #475569; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 210px; }
.ie-ilerleme b { color: var(--yazi); font-weight: 600; font-variant-numeric: tabular-nums; }
.ie-bar { display: block; height: 6px; overflow: hidden; border-radius: 999px; background: #eef1f5; }
.ie-bar span { display: block; height: 100%; border-radius: inherit; background: var(--ie); }
.ie-bar-buyuk { height: 10px; margin: 10px 0 18px; }
.ie-yuzde { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ie-yuzde strong { font-size: 28px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ie-yuzde span { color: var(--soluk); font-size: 13px; }
.ie-tur { margin-left: 6px; color: var(--soluk); font-size: 14px; font-weight: 500; }
.ie-harita { display: flex; width: fit-content; align-items: center; gap: 4px; margin-top: 4px; font-size: 12.5px; font-weight: 500; }
.ie-harita svg { width: 14px; height: 14px; }

/* Süreç */
.ie-surec .rp-adimlar li + li::before { width: 28px; }
.ie-canli { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; background: #fff7e6; color: #b45309; font-size: 13px; font-weight: 600; }
.ie-canli svg { width: 16px; height: 16px; animation: ie-nabiz 1.6s ease-in-out infinite; }
@keyframes ie-nabiz { 50% { opacity: .35; } }
.ie-sonraki { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #f8fafc; }
.ie-sonraki small { display: block; color: var(--soluk); font-size: 12px; }
.ie-sonraki strong { font-size: 14px; }

/* Zaman çizelgesi */
.ie-zaman { padding: 6px 20px 14px; }
.ie-zaman-grup { display: flex; align-items: center; gap: 10px; margin: 14px 0 6px; color: var(--ie); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.ie-zaman-grup::after { content: ""; flex: 1; height: 1px; background: #eef1f5; }
.ie-zaman ol { margin: 0; padding: 0; list-style: none; }
.ie-zaman li { position: relative; display: flex; gap: 12px; padding: 0 0 14px; }
.ie-zaman li::before { content: ""; position: absolute; left: 13px; top: 30px; bottom: 2px; width: 2px; background: #eef1f5; }
.ie-zaman ol li:last-child::before { display: none; }
.ie-zaman li.tamam::before { background: #bbf7d0; }
.ie-no { width: 28px; height: 28px; flex: none; display: grid; place-items: center; border: 2px solid #e2e8f0; border-radius: 50%; background: #fff; color: #94a3b8; font-size: 12px; font-weight: 700; }
.ie-zaman li.tamam .ie-no { border-color: #16a34a; background: #16a34a; color: #fff; }
.ie-zaman li.aktif .ie-no { border-color: var(--mavi); background: #eef4ff; color: var(--mavi); box-shadow: 0 0 0 4px rgba(31, 111, 235, .12); }
.ie-zaman li > div { min-width: 0; padding-top: 3px; }
.ie-zaman strong { display: block; color: #94a3b8; font-size: 14px; font-weight: 600; }
.ie-zaman li.tamam strong, .ie-zaman li.aktif strong { color: var(--yazi); }
.ie-zaman small { display: block; color: var(--soluk); font-size: 12.5px; }
.ie-zaman em { display: block; margin-top: 3px; color: #15803d; font-size: 12px; font-style: normal; font-weight: 500; }
.ie-zaman em.ie-bekliyor { color: var(--mavi); }
.ie-zaman p { margin: 6px 0 0; padding: 8px 10px; border-radius: 8px; background: #f8fafc; color: #475569; font-size: 13px; }

/* Takvim */
.ie-takvim-kart .uz-kart-bas .uz-lejant { margin: 0; }
.ie-lejant i { background: var(--ie); }
.ie-takvim { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.ie-hafta-gun { padding: 8px 10px; border-bottom: 1px solid #eef1f5; color: var(--soluk); font-size: 12px; font-weight: 600; text-align: center; text-transform: uppercase; letter-spacing: .04em; }
.ie-gun { min-height: 118px; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 6px; border-right: 1px solid #eef1f5; border-bottom: 1px solid #eef1f5; }
.ie-gun:nth-child(7n) { border-right: 0; }
.ie-gun.haftasonu { background: #fbfcfe; }
.ie-gun.diger { background: #f8fafc; }
.ie-gun.diger .ie-gun-no { color: #cbd5e1; }
.ie-gun-no { align-self: flex-start; min-width: 26px; height: 26px; display: grid; place-items: center; padding: 0 6px; border-radius: 999px; color: #475569; font-size: 13px; font-weight: 600; }
.ie-gun-no small { display: none; }
.ie-gun.bugun .ie-gun-no { background: var(--mavi); color: #fff; }
.ie-cip { display: block; min-width: 0; padding: 4px 7px; border-left: 3px solid var(--ie); border-radius: 6px; background: var(--ie-a); color: var(--yazi); font-size: 12px; line-height: 1.3; transition: filter .15s; }
.ie-cip:hover { filter: brightness(.96); }
.ie-cip b, .ie-cip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ie-cip b { font-weight: 600; }
.ie-cip small { color: #64748b; font-size: 11px; }
.ie-cip-acil { box-shadow: inset 0 0 0 1px #fca5a5; }
.ie-cip-acil b::before { content: "● "; color: #dc2626; }
.ie-g-iptal.ie-cip b { text-decoration: line-through; color: #64748b; }
.ie-daha { padding: 2px 7px; color: var(--mavi); font-size: 12px; font-weight: 600; }
.ie-plansiz { margin-top: 20px; }

/* Form */
.ie-acil { align-self: end; flex-wrap: wrap; margin: 0 0 10px; }
.ie-acil small { flex-basis: 100%; padding-left: 24px; color: var(--soluk); font-size: 12px; }

@media (max-width: 1100px) {
    .ie-surec .rp-adimlar small { display: none; }
}
@media (max-width: 760px) {
    .ie-takvim { grid-template-columns: 1fr; }
    .ie-hafta-gun, .ie-gun.bos, .ie-gun.diger { display: none; }
    .ie-gun { min-height: 0; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 10px 14px; border-right: 0; }
    .ie-gun-no { display: flex; gap: 6px; padding: 0; }
    .ie-gun-no small { display: inline; color: var(--soluk); font-size: 12px; font-weight: 500; }
    .ie-gun.bugun .ie-gun-no { padding: 0 8px; }
    .ie-gun.bugun .ie-gun-no small { color: #fff; }
    .ie-cip { flex-basis: 100%; }
    .ie-takvim-kart .mh-donem strong { min-width: 0; }
    .ie-surec .rp-adimlar li + li::before { display: none; }
    .ie-surec .rp-adimlar { gap: 10px 14px; }
    .ie-zaman { padding: 4px 16px 10px; }
}
.ie-tablo .rp-kisi, .ie-tablo .rp-tarih { white-space: nowrap; }

/* ---------- QR Kod Alanı ---------- */
.qe { display: flex; align-items: center; gap: 1.6mm; padding: 1.8mm; overflow: hidden; background: #fff; color: #000; border: .3mm solid #111827; border-radius: 1.6mm; font-family: Inter, "Segoe UI", Arial, sans-serif; line-height: 1.2; text-align: left; box-sizing: border-box; }
.qe-dikey { flex-direction: column; justify-content: center; text-align: center; }
.qe-qr { flex: none; width: var(--qe-qr); height: var(--qe-qr); }
.qe-qr svg { display: block; width: 100%; height: 100%; shape-rendering: crispEdges; }
.qe-bilgi { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: .3mm; min-width: 0; max-height: 100%; overflow: hidden; }
.qe-dikey .qe-bilgi { align-items: center; width: 100%; flex: 0 1 auto; }
.qe-bilgi > * { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qe [hidden] { display: none !important; }
.qe-logo { width: auto; height: 1.7em; margin-bottom: .5mm; object-fit: contain; object-position: left; }
.qe-dikey .qe-logo { object-position: center; }
.qe-baslik { font-size: .78em; font-weight: 800; letter-spacing: .08em; }
.qe-firma { color: #374151; font-size: .86em; }
.qe-ekipman { font-size: 1.14em; font-weight: 700; }
.qe-sonraki, .qe-sonuc { font-weight: 700; }
.qe-kod { margin-top: .3mm; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9em; font-weight: 600; letter-spacing: .03em; }

.qr-onizleme { display: grid; place-items: center; min-height: 170px; padding: 22px; border-radius: 12px; background: #f1f5f9 radial-gradient(#dbe3ec 1px, transparent 1px) 0 0 / 14px 14px; }
.qr-onizleme-ic .qe { box-shadow: 0 1px 2px rgba(15, 23, 42, .12), 0 6px 18px rgba(15, 23, 42, .08); }
.qr-olcu { margin: 10px 0 0; color: var(--soluk); font-size: 12.5px; text-align: center; }
.qr-sablon-sec { max-width: 420px; }
.qr-eylemler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

.qr-tablo td { vertical-align: middle; }
.qr-hucre { display: flex; align-items: center; gap: 12px; min-width: 220px; max-width: 340px; padding-right: 12px; }
.qr-mini { flex: none; display: block; padding: 3px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.qr-mini img { display: block; width: 44px; height: 44px; image-rendering: pixelated; }
.qr-mini:hover { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.qr-sayi strong { display: block; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.qr-sayi, .qr-tablo .rp-tarih { white-space: nowrap; }

.qr-iki { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.qr-iki + .tablo-kutu, .qr-iki + .uz-bos { margin-top: 20px; }
.qr-baglanti { display: flex; align-items: flex-start; gap: 20px; }
.qr-baglanti img { flex: none; width: 168px; height: 168px; padding: 8px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; image-rendering: pixelated; }
.qr-baglanti-bilgi { flex: 1; min-width: 0; }
.qr-baglanti-bilgi small { display: block; margin-top: 2px; color: var(--soluk); font-size: 12px; }
.qr-kod { display: block; margin: 2px 0 12px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 20px; font-weight: 700; letter-spacing: .03em; }
.qr-kopya { display: flex; gap: 6px; margin: 4px 0 14px; }
.qr-kopya input { flex: 1; min-width: 0; height: 32px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: #f8fafc; color: #475569; font-size: 12.5px; }
.qr-indir { display: flex; flex-wrap: wrap; gap: 6px; }
.qr-red-metin { margin: 0 0 12px; color: #475569; font-size: 13px; line-height: 1.5; }
.qr-red-metin strong { display: block; margin-bottom: 4px; color: var(--yazi); font-size: 14px; }

.qr-mini-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.qr-mini-ozet div { padding: 10px 12px; border-radius: 10px; background: #f8fafc; }
.qr-mini-ozet small { display: block; color: var(--soluk); font-size: 12px; }
.qr-mini-ozet strong { display: block; margin-top: 2px; font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.qr-mini-ozet .qr-kucuk { font-size: 13px; line-height: 1.6; }
.uz-dagilim .uz-mavi, .uz-lejant .uz-mavi { background: var(--mavi); }
.uz-lejant em { color: #94a3b8; font-style: normal; }
.qr-akis { margin: 0; padding: 0 0 6px; list-style: none; border-top: 1px solid #eef1f5; }
.qr-akis li { display: flex; align-items: center; gap: 12px; padding: 10px 20px; border-bottom: 1px solid #f1f4f8; }
.qr-akis li:last-child { border-bottom: 0; }
.qr-akis i { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: #eef4ff; color: var(--mavi); }
.qr-akis i svg { width: 16px; height: 16px; }
.qr-akis strong { display: block; font-size: 13.5px; font-weight: 600; }
.qr-akis small { color: var(--soluk); font-size: 12px; }

.qr-grafik { position: relative; display: grid; grid-template-columns: repeat(30, minmax(0, 1fr)); gap: 3px; height: 200px; background: repeating-linear-gradient(to top, #eef1f5 0, #eef1f5 1px, transparent 1px, transparent 25%) 0 0 / 100% calc(100% - 20px) no-repeat; }
.qr-gun { display: flex; flex-direction: column; min-width: 0; }
.qr-cubuk { flex: 1; display: flex; align-items: flex-end; justify-content: center; }
.qr-cubuk span { width: min(12px, 80%); min-height: 2px; border-radius: 3px 3px 0 0; background: #93c5fd; transition: background .15s; }
.qr-gun:hover .qr-cubuk span, .qr-gun.simdi .qr-cubuk span { background: var(--mavi); }
.qr-gun small { height: 20px; padding-top: 5px; color: #94a3b8; font-size: 11px; text-align: center; }
.qr-gun.simdi small { color: var(--yazi); font-weight: 700; }
.qr-cihaz { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.qr-cihaz svg { width: 15px; height: 15px; color: #94a3b8; }
.qr-ziyaretci { color: #64748b; font-size: 12px; }
.qr-gizlilik { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; }
.qr-gizlilik svg { flex: none; width: 16px; height: 16px; margin-top: 1px; color: #94a3b8; }

.qr-sablon-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 20px; align-items: start; }
.qr-ust-not { margin: 0 0 14px; }
.qr-sablonlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.qr-sablon { display: flex; flex-direction: column; overflow: hidden; }
.qr-sablon.secili { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.qr-sablon .qr-onizleme { min-height: 150px; border-radius: 0; }
.qr-sablon-ic { display: flex; flex-direction: column; flex: 1; gap: 6px; padding: 14px 16px; }
.qr-sablon-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.qr-sablon-bas h3 { margin: 0; font-size: 15px; font-weight: 600; }
.qr-sablon-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; color: #475569; font-size: 13px; }
.qr-sablon-alan { margin: 0; overflow: hidden; color: var(--soluk); font-size: 12.5px; white-space: nowrap; text-overflow: ellipsis; }
.qr-sablon-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: auto; padding-top: 8px; }
.qr-sablon-eylem form:last-child:has(.qr-sil) { margin-left: auto; }
.qr-sil:hover { border-color: #fecaca; background: #fef2f2; color: var(--hata); }
.qr-sablon-form { position: sticky; top: calc(var(--ust-yukseklik) + 16px); }
.qr-canli { margin-bottom: 16px; }
.qr-canli .qr-onizleme { min-height: 190px; }
.qr-olculer { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: -2px 0 14px; }
.qr-olculer small { margin-right: 2px; color: var(--soluk); font-size: 12.5px; }
.qr-yerlesim { display: flex; margin: 0; }
.qr-yerlesim label { flex: 1; cursor: pointer; }
.qr-yerlesim input { position: absolute; opacity: 0; pointer-events: none; }
.qr-yerlesim span { display: block; padding: 8px 10px; border-radius: 9px; color: #475569; font-size: 13.5px !important; font-weight: 500; text-align: center; }
.qr-yerlesim input:checked + span { background: #fff; color: var(--yazi); font-weight: 600; box-shadow: 0 1px 3px rgba(15, 23, 42, .1); }
.qr-yerlesim input:focus-visible + span { outline: 2px solid var(--mavi); }
.qr-alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; }
.qr-onay { display: flex; align-items: center; gap: 8px; padding: 5px 0; cursor: pointer; font-size: 13.5px; }
.qr-onay input { width: 16px; height: 16px; margin: 0; accent-color: var(--mavi); }
.qr-onay span { font-weight: 400 !important; color: var(--yazi) !important; }
.qr-form-alt { display: flex; gap: 8px; padding: 14px 20px; border-top: 1px solid #eef1f5; }

@media (max-width: 1600px) {
    .qr-sablon-duzen { grid-template-columns: minmax(0, 1fr) 360px; }
}
@media (max-width: 1100px) {
    .qr-iki, .qr-sablon-duzen { grid-template-columns: 1fr; }
    .qr-sablon-form { position: static; }
}
@media (max-width: 640px) {
    .qr-baglanti { flex-direction: column; align-items: center; }
    .qr-baglanti-bilgi { width: 100%; }
    .qr-mini-ozet { grid-template-columns: 1fr 1fr; }
    .qr-grafik { gap: 1px; }
    .qr-alanlar { grid-template-columns: 1fr; }
    .qr-hucre { min-width: 180px; }
}

/* Etiket yazdırma */
.qy-govde { min-height: 100vh; background: #e9edf2; }
.qy-arac { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; padding: 12px 24px; background: #fff; border-bottom: 1px solid var(--cizgi); box-shadow: 0 1px 3px rgba(15, 23, 42, .06); }
.qy-arac form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-right: auto; }
.qy-arac label { display: flex; flex-direction: column; gap: 4px; }
.qy-arac label span { color: var(--soluk); font-size: 12px; font-weight: 500; }
.qy-arac select, .qy-arac input { height: 36px; padding: 0 10px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; font-size: 13.5px; }
.qy-arac input { width: 90px; }
.qy-geri { align-self: center; margin-right: 8px; color: #475569; font-size: 14px; font-weight: 600; }
.qy-arac .btn { height: 36px; }
.qy-bilgi { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; max-width: 1100px; margin: 20px auto 0; padding: 0 24px; font-size: 14px; }
.qy-bilgi span { color: var(--soluk); }
.qy-bilgi .uyari { flex-basis: 100%; margin: 6px 0 0; }
.qy-sayfa { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 4mm; margin: 20px auto 40px; }
.qy-tekli { max-width: 1100px; padding: 0 24px; gap: 14px; }
.qy-a4 { width: 210mm; min-height: 297mm; padding: 10mm; background: #fff; box-shadow: 0 4px 24px rgba(15, 23, 42, .12); }
.qy-etiket { break-inside: avoid; page-break-inside: avoid; }
.qy-tekli .qy-etiket .qe { box-shadow: 0 2px 8px rgba(15, 23, 42, .1); }

@media print {
    .qy-govde { min-height: 0; background: #fff; }
    .qy-arac, .qy-bilgi { display: none !important; }
    .qy-sayfa { margin: 0; padding: 0; box-shadow: none; }
    .qy-a4 { width: auto; min-height: 0; }
    .qy-tekli { display: block; max-width: none; }
    .qy-tekli .qy-etiket { break-after: page; page-break-after: always; }
    .qy-tekli .qy-etiket:last-child { break-after: auto; page-break-after: auto; }
    .qy-tekli .qy-etiket .qe { box-shadow: none; }
    .qe { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* Herkese açık doğrulama sayfası */
.dg-govde { min-height: 100vh; background: radial-gradient(circle at 10% 0, rgba(26, 166, 183, .10) 0, transparent 40%), radial-gradient(circle at 100% 100%, rgba(31, 111, 235, .08) 0, transparent 45%), #f6f8fb; }
.dg { width: min(720px, 100%); margin: 0 auto; padding: 28px 16px 40px; }
.dg-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.dg-ust img { height: 30px; width: auto; }
.dg-ust span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; color: #475569; font-size: 12.5px; font-weight: 600; }
.dg-ust span svg { width: 15px; height: 15px; color: var(--marka); }
.dg-durum { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; padding: 18px 20px; border: 1px solid transparent; border-radius: 16px; }
.dg-durum i { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #fff; }
.dg-durum i svg { width: 24px; height: 24px; }
.dg-durum h1 { margin: 2px 0 4px; font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.dg-durum p { margin: 0; font-size: 14px; line-height: 1.5; }
.dg-durum small { display: block; margin-top: 6px; font-size: 12.5px; font-weight: 600; opacity: .8; }
.dg-tamam { background: #ecfdf3; border-color: #bbf0d0; color: #065f46; }
.dg-tamam i { background: #16a34a; }
.dg-uyari { background: #fffbeb; border-color: #fde68a; color: #854d0e; }
.dg-uyari i { background: #d97706; }
.dg-hata { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.dg-hata i { background: #dc2626; }
.dg-bilgi { background: #fff; border-color: var(--cizgi); color: #334155; }
.dg-bilgi i { background: var(--lacivert); }
.dg-kart { padding: 20px; margin-bottom: 14px; border: 1px solid var(--cizgi); border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px rgba(14, 39, 68, .05); }
.dg-ekipman { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #eef1f5; }
.dg-ekipman small { color: var(--soluk); font-size: 12.5px; }
.dg-ekipman h2 { margin: 2px 0 6px; font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.dg-ekipman span { display: inline-block; padding: 3px 9px; border-radius: 7px; background: #f1f5f9; color: #334155; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.dg-tanim { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px 14px; margin: 0; font-size: 14px; }
.dg-tanim dt { color: var(--soluk); }
.dg-tanim dd { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.dg-tanim dd small { display: block; color: var(--soluk); font-size: 12.5px; font-weight: 400; }
.dg-vade { margin-top: 18px; padding: 14px; border-radius: 12px; background: #f8fafc; }
.dg-vade > div:first-child, .dg-vade > div:last-child { display: flex; justify-content: space-between; gap: 8px; }
.dg-vade span { color: #475569; font-size: 13px; }
.dg-vade strong { font-size: 13px; }
.dg-vade small { color: #94a3b8; font-size: 12px; }
.dg-cubuk { height: 8px; margin: 8px 0 6px; overflow: hidden; border-radius: 999px; background: #e2e8f0; }
.dg-cubuk span { display: block; height: 100%; border-radius: 999px; background: #22c55e; }
.dg-vade-uyari .dg-cubuk span { background: #f59e0b; }
.dg-vade-hata .dg-cubuk span { background: #ef4444; }
.dg-vade-tamam strong { color: var(--tamam); }
.dg-vade-uyari strong { color: var(--uyari); }
.dg-vade-hata strong { color: var(--hata); }
.dg-kod { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed #dbe2ea; }
.dg-kod small { color: var(--soluk); font-size: 12.5px; }
.dg-kod code { font-size: 14px; font-weight: 700; letter-spacing: .03em; }
.dg-pdf { width: 100%; margin-top: 16px; padding: 12px 16px; }
.dg-not { margin: 14px 0 0; color: var(--soluk); font-size: 13px; }
.dg-form label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 600; }
.dg-form > div { display: flex; gap: 8px; }
.dg-form input { flex: 1; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid #dbe2ea; border-radius: 10px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 15px; letter-spacing: .02em; outline: none; }
.dg-form input:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.dg-form .btn { height: 44px; padding: 0 20px; }
.dg-form small { display: block; margin-top: 8px; color: var(--soluk); font-size: 12.5px; }
.dg-alt { display: flex; flex-direction: column; align-items: center; gap: 3px; margin-top: 26px; color: #64748b; font-size: 12.5px; text-align: center; }
.dg-alt strong { color: #334155; font-size: 13px; }
.dg-alt small { margin-top: 6px; color: #94a3b8; font-size: 11.5px; }
.dg-ozet { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; }
.dg-ozet div { padding: 10px 12px; border: 1px solid #eef1f5; border-radius: 10px; background: #fafbfd; }
.dg-ozet small { display: block; color: var(--soluk); font-size: 12px; }
.dg-ozet strong { display: block; margin-top: 3px; font-size: 14px; }
.dg-adimlar, .dg-surec { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.dg-adimlar li, .dg-surec li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; }
.dg-adimlar b, .dg-surec li::before { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #eef4ff; color: var(--mavi); font-size: 13px; }
.dg-adimlar strong, .dg-surec strong { display: block; font-size: 14px; }
.dg-adimlar span, .dg-surec span { display: block; margin-top: 2px; color: var(--soluk); font-size: 13px; line-height: 1.45; }
.dg-surec { counter-reset: dg; margin: 0 0 16px; }
.dg-surec li { counter-increment: dg; }
.dg-surec li::before { content: counter(dg); font-weight: 700; }
.dg-surec li.tamam::before { background: #ecfdf3; color: #15803d; }
.dg-surec li.simdi { border-color: #fde68a; background: #fffbeb; }
.dg-surec li.simdi::before { background: #f59e0b; color: #fff; }
.dg-kusur { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: #fef2f2; color: #991b1b; }
.dg-kusur strong { display: block; font-size: 13px; }
.dg-kusur p { margin: 4px 0 0; font-size: 14px; line-height: 1.5; }
.dg-form-ikinci { box-shadow: none; }
@media (max-width: 420px) {
    .dg-tanim { grid-template-columns: 1fr; gap: 2px; }
    .dg-tanim dd { margin-bottom: 8px; }
    .dg-durum { padding: 16px; }
}

/* ---------- Hesabım ---------- */
.hs-giris { max-width: 760px; margin: -8px 0 16px; color: var(--soluk); font-size: 14px; line-height: 1.55; }
.hs-uyari { margin-bottom: 12px; }
.hs-sabit { margin-top: 6px; padding-top: 14px; border-top: 1px solid #eef1f5; }
.hs-alt { display: flex; justify-content: flex-end; margin-top: 12px; }
.hs-form .rp-hizli { display: inline-flex; margin-top: 2px; }
.uz-kart-ic .ol-kal-bilgi { margin-bottom: 16px; }
a.uz-ozet-kutu { color: inherit; text-decoration: none; }
a.uz-ozet-kutu:hover { border-color: #c9d8f5; }
.ku-yetkiler a { display: inline-flex; align-items: center; gap: 6px; color: inherit; }
.ku-yetkiler a:hover { color: var(--mavi); }

/* ---------- Bildirimler ---------- */
.bd-giris { max-width: 760px; margin: -8px 0 16px; color: var(--soluk); font-size: 14px; line-height: 1.55; }
.bd-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
a.bd-ozet-link { color: var(--yazi); }
a.bd-ozet-link.secili { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.bd-ozet .uz-ozet-kutu em { white-space: normal; }
.bd-turler { display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 14px; }
.bd-turler a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; color: #334155; font-size: 13px; font-weight: 600; }
.bd-turler a span { min-width: 18px; padding: 0 6px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 12px; text-align: center; }
.bd-turler a.secili { border-color: var(--mavi); background: #f5f9ff; color: var(--mavi); }
.bd-turler a.secili span { background: #e8f0fe; color: var(--mavi); }
.bd-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
.bd-arac input[type="search"] { width: min(360px, 100%); height: 38px; padding: 0 12px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; }
.bd-arac input[type="search"]:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); outline: none; }
.bd-arac span { margin-left: auto; color: var(--soluk); font-size: 13px; }
.bd-grup { margin-bottom: 16px; }
.bd-grup h2 { margin: 0 0 8px; color: #64748b; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.bd-liste { margin: 0; padding: 0; list-style: none; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.bd-liste li { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #eef1f5; }
.bd-liste li:last-child { border-bottom: 0; }
.bd-liste li.bd-yeni { background: #f8fbff; }
.bd-ikon { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #f1f5f9; color: #64748b; }
.bd-ikon svg { width: 18px; height: 18px; }
.bd-ikon-mavi { background: #eef4ff; color: var(--mavi); }
.bd-ikon-yesil { background: #ecfdf3; color: #16a34a; }
.bd-ikon-turuncu { background: #fff7ed; color: #ea580c; }
.bd-liste li > div:nth-child(2) { flex: 1; min-width: 0; }
.bd-liste strong { margin-right: 6px; font-size: 14.5px; }
.bd-liste p { margin: 4px 0 0; color: #334155; font-size: 13.5px; line-height: 1.5; }
.bd-liste small { display: block; margin-top: 4px; color: var(--soluk); font-size: 12.5px; }
.bd-islem { display: flex; flex: none; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.bd-islem form { margin: 0; }
.bd-sinir { margin: 0; color: var(--soluk); font-size: 13px; }
@media (max-width: 900px) {
    .bd-ozet { grid-template-columns: 1fr 1fr; }
    .bd-liste li { flex-wrap: wrap; }
    .bd-islem { width: 100%; padding-left: 50px; justify-content: flex-start; }
    .bd-arac span { margin-left: 0; }
}
@media (max-width: 640px) {
    .bd-ozet { grid-template-columns: 1fr; }
}
.ol-giris { max-width: 820px; margin: -8px 0 16px; color: var(--soluk); font-size: 14px; line-height: 1.55; }
.ol-teknik { display: block; margin-top: 4px; color: #475569; font-size: 12px; }
.ol-form .uz-form-alt { position: static; background: none; }
.ol-uyari { display: flex; align-items: flex-start; gap: 10px; }
.ol-uyari svg { width: 18px; height: 18px; flex: none; margin-top: 1px; }
.ol-uyari a { font-weight: 600; white-space: nowrap; }
.uz-sekmeler a.ol-plan-sekme { margin-left: auto; color: var(--mavi); }
.uz-sekmeler a svg { width: 16px; height: 16px; flex: none; }
.ol-alet { display: flex; align-items: flex-start; gap: 12px; min-width: 220px; }
.ol-ikon { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #f1f5f9; color: #64748b; }
.ol-ikon svg { width: 19px; height: 19px; }
.ol-ikon-tamam { background: #ecfdf3; color: #16a34a; }
.ol-ikon-uyari { background: #fff7ed; color: #ea580c; }
.ol-ikon-hata { background: #fef2f2; color: #dc2626; }
.ol-envanter { display: inline-flex; align-items: center; gap: 4px; width: fit-content; margin-top: 4px; padding: 1px 7px; border-radius: 6px; background: #f1f5f9; color: #475569; font-size: 11.5px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.ol-envanter svg { width: 12px; height: 12px; }
.ol-kategori { display: inline-block; padding: 3px 9px; border-radius: 999px; background: #eef4ff; color: #1e4fa8; font-size: 12px; font-weight: 500; white-space: nowrap; }
.ol-tablo tr.ol-pasif td { opacity: .6; }
.ol-tablo .rp-tarih { white-space: nowrap; }

.ol-plan-ozet { margin-bottom: 20px; }
.ol-aylar { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 8px; padding: 18px 20px 16px; }
.ol-ay { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 116px; padding: 8px 4px; overflow: hidden; border: 1px solid #eef1f5; border-radius: 10px; background: #fafbfd; color: var(--soluk); }
.ol-ay i { position: absolute; left: 0; right: 0; bottom: 0; background: #e8f0fe; transition: background .15s; }
.ol-ay strong, .ol-ay small { position: relative; }
.ol-ay strong { font-size: 18px; font-weight: 700; color: #94a3b8; font-variant-numeric: tabular-nums; }
.ol-ay small { font-size: 11.5px; font-weight: 500; white-space: nowrap; }
.ol-ay.dolu strong { color: var(--yazi); }
.ol-ay.dolu i { background: #dbe7fd; }
.ol-ay.bu-ay { border-color: #fdba74; }
.ol-ay.bu-ay.dolu i { background: #ffedd5; }
.ol-ay:hover { border-color: var(--mavi); }
.ol-plan-not { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 12px 20px; border-top: 1px solid #eef1f5; font-size: 13.5px; font-weight: 500; }
.ol-plan-not a { display: inline-flex; align-items: center; gap: 6px; }
.ol-plan-not svg { width: 15px; height: 15px; }
.ol-plan-grup { margin-bottom: 16px; scroll-margin-top: calc(var(--ust-yukseklik) + 16px); border-left: 3px solid #93c5fd; }
.ol-plan-hata { border-left-color: #f87171; }
.ol-plan-uyari { border-left-color: #fb923c; }
.ol-plan-notr { border-left-color: #cbd5e1; }
.ol-plan-grup .mh-satir .sag { flex: none; text-align: right; }
.ol-plan-grup .mh-satir .sag small { display: block; font-size: 12px; font-weight: 600; }

.ol-kal-ust { display: flex; align-items: center; gap: 20px; }
.ol-kalan { flex: none; display: grid; place-items: center; width: 104px; height: 104px; border-radius: 50%; background: #f1f5f9; color: #475569; text-align: center; align-content: center; }
.ol-kalan strong { font-size: 30px; font-weight: 700; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ol-kalan span { margin-top: 4px; font-size: 11.5px; font-weight: 500; }
.ol-kalan-tamam { background: #ecfdf3; color: #15803d; }
.ol-kalan-uyari { background: #fff7ed; color: #c2410c; }
.ol-kalan-hata { background: #fef2f2; color: #b91c1c; }
.ol-kal-bilgi { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ol-kal-bilgi div { padding: 10px 12px; border: 1px solid #eef1f5; border-radius: 10px; background: #fafbfd; }
.ol-kal-bilgi small { display: block; color: var(--soluk); font-size: 12px; }
.ol-kal-bilgi strong { display: block; margin-top: 2px; font-size: 14.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.ol-bar { display: block; height: 8px; margin: 18px 0 6px; overflow: hidden; border-radius: 999px; background: #eef1f5; }
.ol-bar span { display: block; height: 100%; border-radius: inherit; background: #94a3b8; }
.ol-bar-tamam span { background: #22c55e; }
.ol-bar-uyari span { background: #f97316; }
.ol-bar-hata span { background: #ef4444; }
.ol-bar-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; margin-bottom: 16px; color: var(--soluk); font-size: 12.5px; }
.ol-dosya, .ol-mevcut a { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
.ol-dosya svg, .ol-mevcut svg { width: 16px; height: 16px; }
.ol-kal-ekle { margin-top: 16px; padding-top: 16px; border-top: 1px dashed var(--cizgi); }
.ol-kal-ekle > summary { list-style: none; width: fit-content; }
.ol-kal-ekle > summary::-webkit-details-marker { display: none; }
.ol-kal-ekle[open] > summary { margin-bottom: 14px; background: #fff; color: var(--yazi); border: 1px solid var(--cizgi); }
.ol-kal-form { padding: 16px; border: 1px solid #e3eaf5; border-radius: 12px; background: #f8fbff; }
.ol-kal-form .form-grid { margin: 0; }
.ol-kal-alt { display: flex; justify-content: flex-end; margin-top: 12px; }
.ol-gecmis-tablo td { vertical-align: top; }
.ol-not { display: block; margin-top: 3px; color: #475569; font-style: italic; }
.ol-zimmet { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ol-zimmet strong { display: block; font-size: 15px; }
.ol-zimmet small { color: var(--soluk); font-size: 12.5px; }
.ol-kod { padding: 2px 8px; border-radius: 6px; background: #f1f5f9; font-size: 13px; font-weight: 600; letter-spacing: .02em; }
.ol-mevcut { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 8px; padding: 8px 12px; border: 1px solid #e3eaf5; border-radius: 10px; background: #f8fbff; font-size: 13.5px; }
.ol-mevcut .mh-onay-kutu { margin: 0; padding: 0; border: 0; background: none; }

@media (max-width: 1100px) {
    .ol-aylar { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .ol-aylar { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 14px; }
    .ol-ay { height: 92px; }
    .ol-kal-ust { flex-direction: column; align-items: stretch; }
    .ol-kalan { width: 100%; height: auto; padding: 14px; border-radius: 12px; display: flex; gap: 8px; justify-content: center; align-items: baseline; }
    .ol-kal-bilgi { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
    .ol-kal-bilgi div { padding: 8px; }
    .uz-sekmeler a.ol-plan-sekme { margin-left: 0; }
}

/* ---------- Bilgi yönetimi ---------- */
.bl-belge { display: flex; align-items: flex-start; gap: 12px; min-width: 260px; }
.bl-ikon { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #f1f5f9; color: #64748b; }
.bl-ikon svg { width: 19px; height: 19px; }
.bl-ikon-standart { background: #e6f7f9; color: #0e7490; }
.bl-ikon-yonetmelik { background: #ecfdf3; color: #15803d; }
.bl-ikon-talimat { background: #fff7ed; color: #c2410c; }
.bl-tablo .rp-rapor > a { display: inline-flex; align-items: center; gap: 4px; }
.bl-sabit { display: inline-grid; color: #c2410c; }
.bl-sabit svg { width: 14px; height: 14px; }
.bl-etiketler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.bl-etiketler .rozet { margin-left: 0; }
.bl-tur { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.bl-tur-standart { background: #e6f7f9; color: #0e7490; }
.bl-tur-yonetmelik { background: #ecfdf3; color: #15803d; }
.bl-tur-talimat { background: #fff7ed; color: #c2410c; }
.bl-tablo tr.bl-pasif td { opacity: .6; }
.bl-tablo .rp-tarih { white-space: nowrap; }
.bl-dosya { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.bl-dosya svg { width: 15px; height: 15px; }
.bl-dosya small { color: var(--soluk); font-weight: 500; }
.bl-dosya:hover { border-color: var(--mavi); }
.bl-okundu, .bl-onay-say { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: #15803d; }
.bl-onay-say { padding: 2px 8px; border-radius: 999px; background: #fff7ed; color: #c2410c; }
.bl-onay-say.tamam { background: #ecfdf3; color: #15803d; }
.bl-okundu svg, .bl-onay-say svg { width: 13px; height: 13px; }
.bl-okudum-btn { background: #16a34a; border-color: #16a34a; }
.bl-okudum-btn:hover { background: #15803d; border-color: #15803d; }
.bl-kelimeler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.bl-kelimeler a { padding: 3px 10px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 12.5px; font-weight: 500; }
.bl-kelimeler a:hover { background: #eef4ff; color: var(--mavi); }
.bl-onizleme { display: block; width: 100%; height: 640px; border: 0; background: #f1f5f9; }
.bl-gorsel { padding: 16px; background: #f8fafc; text-align: center; }
.bl-gorsel img { max-height: 640px; border-radius: 8px; box-shadow: 0 2px 8px rgba(15, 23, 42, .08); }
.bl-surumler { margin: 0; padding: 0; list-style: none; }
.bl-surumler li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 20px; border-bottom: 1px solid #f1f4f8; }
.bl-surumler li:last-child { border-bottom: 0; }
.bl-surumler li > div:first-of-type { flex: 1; min-width: 0; }
.bl-surumler strong { display: block; overflow: hidden; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.bl-surumler small { color: var(--soluk); font-size: 12.5px; }
.bl-surumler p { margin: 4px 0 0; color: #475569; font-size: 13px; }
.bl-surumler li.guncel { background: #f8fbff; }
.bl-rev { flex: none; min-width: 74px; padding: 4px 8px; border-radius: 8px; background: #f1f5f9; color: #475569; font-size: 12px; font-weight: 700; text-align: center; }
.bl-surumler li.guncel .bl-rev { background: #1f6feb; color: #fff; }
.bl-okuyanlar { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.bl-okuyanlar li { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid #f1f4f8; font-size: 13.5px; }
.bl-okuyanlar li:last-child { border-bottom: 0; }
.bl-okuyanlar li > span:not(.uz-avatar) { flex: 1; min-width: 0; font-weight: 500; }
.bl-okuyanlar .uz-avatar { width: 30px; height: 30px; font-size: 11.5px; }
.bl-okuyanlar small { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.bl-okuyanlar small svg { width: 13px; height: 13px; }
.bl-dosya-kart { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 12px; color: var(--yazi); }
.bl-dosya-kart:hover { border-color: var(--mavi); background: #fafcff; }
.bl-dosya-kart > span { position: relative; width: 44px; height: 52px; flex: none; display: grid; place-items: center; border-radius: 8px; background: #fef2f2; color: #dc2626; }
.bl-dosya-kart > span svg { width: 24px; height: 24px; }
.bl-dosya-kart b { position: absolute; bottom: 4px; font-size: 9px; letter-spacing: .04em; }
.bl-dosya-kart div { min-width: 0; }
.bl-dosya-kart strong { display: block; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.bl-dosya-kart small { color: var(--soluk); font-size: 12.5px; }
@media (max-width: 700px) {
    .bl-onizleme { height: 460px; }
    .bl-surumler li { padding: 12px 14px; }
    .bl-rev { min-width: 60px; }
}

/* Uzman atama takibi */
.at-d-planlandi { --ie: #1f6feb; --ie-a: #eef4ff; }
.at-d-devam { --ie: #f59e0b; --ie-a: #fff7e6; }
.at-d-tamamlandi { --ie: #16a34a; --ie-a: #ecfdf3; }
.at-d-gecikti { --ie: #dc2626; --ie-a: #fef2f2; }
.at-d-iptal { --ie: #94a3b8; --ie-a: #f1f5f9; }
.at-d-iptal.ie-cip b { color: #64748b; text-decoration: line-through; }
.rp-vade-mavi { color: var(--mavi); }
.at-arac-tek { margin-bottom: 16px; }
.at-gorev { display: flex; align-items: flex-start; gap: 12px; min-width: 230px; }
.at-tablo .rp-rapor { min-width: 0; }
.at-tablo .at-firma { display: block; max-width: 230px; }
.at-tablo .rp-tarih { white-space: nowrap; }
.at-ikon { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 10px; background: var(--ie-a, #f1f5f9); color: var(--ie, #64748b); }
.at-ikon svg { width: 18px; height: 18px; }
.at-tablo .rozet { margin-left: 4px; }
.at-tarih { font-weight: 600; font-variant-numeric: tabular-nums; }
.at-firma a { color: var(--yazi); font-weight: 500; }
.at-firma a:hover { color: var(--mavi); }
.at-pasif td { opacity: .62; }
.at-pasif td:last-child { opacity: 1; }
.at-kisi { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.at-kisi .uz-avatar { width: 30px; height: 30px; font-size: 11.5px; }
.at-kisi b { display: block; font-size: 13.5px; font-weight: 500; }
.at-kisi small { display: block; color: var(--soluk); font-size: 12px; }

.at-takvim-kart .uz-kart-bas { flex-wrap: wrap; gap: 12px; }
.ie-lejant i.at-izin-i, .at-izin { --ie: #a855f7; --ie-a: #faf5ff; }
.ie-lejant i.at-izin-i { background: repeating-linear-gradient(135deg, #c084fc 0 3px, #f3e8ff 3px 6px); }
.at-izin { background: repeating-linear-gradient(135deg, #faf5ff 0 6px, #f3e8ff 6px 12px); cursor: default; }
.at-izin b { color: #7e22ce; }
.at-gun-bas { display: flex; align-items: center; gap: 4px; min-height: 26px; }
.at-gun-bas .ie-gun-no { margin-right: auto; }
.at-gun-saat { padding: 1px 6px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 11px; font-style: normal; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.at-gun-saat.fazla { background: #fef2f2; color: #dc2626; }
.at-gun-ekle { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; color: #94a3b8; opacity: 0; transition: opacity .15s, background .15s, color .15s; }
.at-gun-ekle svg { width: 14px; height: 14px; }
.ie-gun:hover .at-gun-ekle, .at-gun-ekle:focus-visible { opacity: 1; }
.at-gun-ekle:hover { background: #eef4ff; color: var(--mavi); }

.at-yuk-kart .uz-kart-bas { flex-wrap: wrap; gap: 12px; }
.at-sirala { margin: 0; }
.at-sirala a { padding: 6px 12px; font-size: 13px; }
.at-yuk-tablo td { vertical-align: middle; }
.at-yuk-tablo .rp-tarih { white-space: nowrap; }
.at-yuk-tablo .uz-kisi { min-width: 170px; }
.at-doluluk { display: flex; align-items: center; gap: 8px; width: 120px; }
.at-doluluk .ol-bar { flex: 1; margin: 0; }
.at-doluluk b { min-width: 36px; font-size: 13px; font-variant-numeric: tabular-nums; text-align: right; }
.at-isi { display: grid; grid-template-columns: repeat(var(--gun, 31), 7px); gap: 1px; }
.at-isi i, .at-isi-lejant i { width: 7px; height: 18px; border-radius: 2px; background: #eef1f5; }
.at-isi-lejant i { width: 9px; height: 12px; border-radius: 3px; }
.at-isi i.hs { opacity: .55; }
.at-isi i.bg { box-shadow: 0 0 0 1.5px #0f172a; }
.at-isi .s1, .at-isi-lejant .s1 { background: #bfdbfe; }
.at-isi .s2, .at-isi-lejant .s2 { background: #60a5fa; }
.at-isi .s3, .at-isi-lejant .s3 { background: #1d4ed8; }
.at-isi .s4, .at-isi-lejant .s4 { background: #dc2626; }
.at-isi i.iz, .at-isi-lejant i.iz { background: repeating-linear-gradient(135deg, #c084fc 0 2px, #f3e8ff 2px 4px); }
.at-isi i.iz.s1, .at-isi i.iz.s2, .at-isi i.iz.s3, .at-isi i.iz.s4 { box-shadow: inset 0 -6px 0 #dc2626; }
.at-yuk-not { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; padding: 12px 20px 16px; border-top: 1px solid #eef1f5; }
.at-yuk-not .uz-lejant { margin: 0; }
.at-yuk-not small { color: var(--soluk); font-size: 12.5px; }

.at-firma-tablo td { vertical-align: middle; }
.at-firma-tablo .rp-tarih { white-space: nowrap; }
.at-firma-tablo .rp-rapor { min-width: 170px; }
.at-firma-tablo .at-cipler { min-width: 305px; max-width: 360px; }
.at-firma-tablo .at-ata { min-width: 175px; }
.at-cipler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 180px; }
.at-cip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 3px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.at-cip > span:not(.uz-avatar) { padding-right: 6px; }
.at-cip .uz-avatar { width: 22px; height: 22px; font-size: 9.5px; }
.at-cip.pasif { color: #94a3b8; border-style: dashed; }
.at-cip form { margin: 0; }
.at-cip button { width: 20px; height: 20px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #94a3b8; font-size: 15px; line-height: 1; cursor: pointer; }
.at-cip button:hover { background: #fef2f2; color: #dc2626; }
.at-ata { display: flex; gap: 6px; min-width: 200px; margin: 0; }
.at-ata select { flex: 1; min-width: 0; height: 32px; padding: 0 8px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; font-size: 13px; }

.at-bas { align-items: flex-start; }
.at-tarih-kutu { width: 76px; flex: none; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; text-align: center; box-shadow: 0 1px 2px rgba(15, 23, 42, .05); }
.at-tarih-kutu small { display: block; padding: 4px 0; background: var(--ie, #94a3b8); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.at-tarih-kutu strong { display: block; padding-top: 6px; font-size: 28px; font-weight: 700; line-height: 1.1; }
.at-tarih-kutu span { display: block; padding-bottom: 8px; color: var(--soluk); font-size: 12px; }
.at-diger summary { padding-left: 10px; padding-right: 10px; }
.at-diger summary svg { margin: 0; }
.rp-red-kutu.at-menu { width: 240px; padding: 6px; }
.at-menu form { margin: 0; }
.at-menu-oge { width: 100%; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-radius: 8px; background: none; color: var(--yazi); font: inherit; font-size: 13.5px; font-weight: 500; text-align: left; cursor: pointer; }
.at-menu-oge svg { width: 16px; height: 16px; color: #64748b; }
.at-menu-oge:hover { background: #f1f5f9; color: var(--yazi); }
.at-menu-oge.tehlike, .at-menu-oge.tehlike svg { color: #dc2626; }
.at-menu-oge.tehlike:hover { background: #fef2f2; }
.ol-kal-bilgi.at-zaman { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.at-sonuc { border-color: #bbf7d0; }
.at-ayni-gun { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin: 16px 0 6px; padding-top: 14px; border-top: 1px solid #eef1f5; font-size: 13.5px; }
.at-ayni-gun span { font-size: 12.5px; }
.at-mini-liste { margin: 0 -20px; }
.at-mini-liste .mh-satir { padding-top: 9px; padding-bottom: 9px; }
.at-alt-baslik { display: flex; justify-content: space-between; gap: 10px; padding: 12px 20px 8px; border-top: 1px solid #eef1f5; background: #f8fafc; color: #475569; font-size: 13px; font-weight: 600; }
.at-alt-baslik a { font-weight: 500; }
.uz-kart > .mh-liste.at-mini-liste { margin: 0; }

.at-form .rp-hizli { margin-top: 8px; }
.at-iki-alan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.at-iki-alan .alan { margin-bottom: 0; }
.rp-red-kutu .at-iki-alan { gap: 8px; margin-bottom: 10px; }
.at-acil { align-self: end; flex-wrap: wrap; margin: 0 0 10px; }
.at-acil small { flex-basis: 100%; padding-left: 24px; color: var(--soluk); font-size: 12px; }
.at-uyarilar { display: block; margin-bottom: 18px; }
.at-uyarilar .uz-hatalar { margin: 8px 0 12px; }
.at-uyarilar .mh-onay-kutu { margin: 0; font-weight: 600; }
.at-form [data-at-tekrar-sayi][hidden] { display: none; }
.at-panel { margin-bottom: 20px; }

@media (max-width: 1100px) {
    .ol-kal-bilgi.at-zaman { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .at-gun-bas { flex: 1 1 100%; }
    .at-gun-ekle { opacity: 1; }
    .at-takvim-kart .ie-gun { gap: 6px; }
    .at-takvim-kart .ie-cip { flex: 1 1 100%; }
    .at-tarih-kutu { width: 64px; }
    .at-tarih-kutu strong { font-size: 24px; }
    .at-iki-alan { grid-template-columns: 1fr 1fr; }
    .at-ata { min-width: 170px; }
    .at-yuk-not { padding: 12px 14px; }
}

/* ---------- Kullanıcılar ---------- */
.rozet-mor { background: #f3e8ff; color: #7e22ce; }
.rozet-turkuaz { background: #e0f7fa; color: #0e7490; }
.uz-mor > i { background: #f5f3ff; color: #7c3aed; }
.ku-bilgi { display: flex; align-items: flex-start; gap: 10px; }
.ku-bilgi svg { width: 18px; height: 18px; flex: none; margin-top: 1px; }
.ku-tablo .uz-kisi { min-width: 230px; }
.ku-tablo .uz-kisi small { overflow-wrap: anywhere; }
.ku-tablo td .uz-alt { white-space: normal; }
.ku-bag { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.ku-bag svg { width: 15px; height: 15px; flex: none; color: #94a3b8; }
.ku-bag a { color: var(--yazi); font-weight: 500; }
.ku-bag a:hover { color: var(--mavi); }
.ku-bag-hucre { max-width: 240px; }
.ku-giris { display: block; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.ku-giris.eski { color: #ea580c; }
.ku-meta .ku-bag svg { width: 16px; height: 16px; }
.ku-roller { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.ku-rol { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
.ku-rol:hover { border-color: #c9d8f5; }
.ku-rol input { width: 16px; height: 16px; flex: none; margin: 2px 0 0; accent-color: var(--mavi); }
.ku-rol b { display: block; font-size: 14px; font-weight: 600; }
.ku-rol small { display: block; margin-top: 3px; color: var(--soluk); font-size: 12.5px; line-height: 1.45; }
.ku-rol:has(input:checked) { border-color: var(--mavi); background: #f5f9ff; box-shadow: 0 0 0 3px rgba(31, 111, 235, .1); }
.ku-rol:has(input:disabled) { cursor: not-allowed; }
.ku-rol:has(input:disabled:not(:checked)) { opacity: .55; }
.ku-sifre-alan { min-width: 0; margin: 0; padding: 0; border: 0; }
.ku-sifre-alan[hidden], .ku-form [data-ku-bag][hidden] { display: none; }
.ku-sifre-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.ku-sifre-alt .ku-guc { flex: 1 1 240px; max-width: 360px; margin: 0; }
.ku-guc { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.ku-guc i { position: relative; flex: 1; height: 5px; border-radius: 5px; background: #e2e8f0; overflow: hidden; }
.ku-guc i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 5px; background: #dc2626; transition: width .2s, background .2s; }
.ku-guc small { min-width: 44px; color: var(--soluk); font-size: 12px; font-weight: 600; }
.ku-guc[data-seviye="1"] i::after { width: 33%; }
.ku-guc[data-seviye="2"] i::after { width: 66%; background: #f59e0b; }
.ku-guc[data-seviye="3"] i::after { width: 100%; background: #16a34a; }
.ku-guc[data-seviye="1"] small { color: #dc2626; }
.ku-guc[data-seviye="2"] small { color: #b45309; }
.ku-guc[data-seviye="3"] small { color: #16a34a; }
.ku-yetkiler { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; padding: 0; list-style: none; }
.ku-yetkiler li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fafbfd; color: #475569; font-size: 12.5px; }
.ku-yetkiler svg { width: 14px; height: 14px; color: #94a3b8; }
.ku-guvenlik { margin-bottom: 16px; }
.ku-aktivite { grid-template-columns: minmax(0, 1fr) auto; }
.ku-aktivite dd { text-align: right; }
@media (max-width: 900px) {
    .ku-roller { grid-template-columns: 1fr; }
}

.ay-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.ay-bas h1 { margin: 0; font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
.ay-bas p { max-width: 760px; margin: 6px 0 0; color: var(--soluk); font-size: 14px; line-height: 1.55; }
.ay-bas .btn { flex: none; }
.ay-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ay-i-mavi { background: #eef4ff; color: var(--mavi); }
.ay-i-yesil { background: #ecfdf3; color: #16a34a; }
.ay-i-turuncu { background: #fff7ed; color: #ea580c; }
.ay-i-gri { background: #f1f5f9; color: #64748b; }
.ay .uz-ozet-kutu strong, .ay .uz-ozet-kutu em { white-space: normal; }
.ay-sekme { position: sticky; top: var(--ust-yukseklik); z-index: 20; display: flex; gap: 2px; margin: 0 0 16px; padding-top: 8px; background: var(--zemin); box-shadow: inset 0 -1px 0 var(--cizgi); overflow-x: auto; scrollbar-width: none; }
.ay-sekme::-webkit-scrollbar { display: none; }
.ay-sekme a { padding: 10px 14px; border-bottom: 2px solid transparent; color: var(--soluk); font-size: 14px; font-weight: 500; white-space: nowrap; }
.ay-sekme a:hover { color: var(--yazi); }
.ay-sekme a.secili { color: var(--mavi); font-weight: 600; border-bottom-color: var(--mavi); }
.ay-govde { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.ay-form-ic { display: grid; gap: 16px; min-width: 0; }
.ay .uz-bolum { scroll-margin-top: 128px; }
.ay .alan > label { font-size: 13px; font-weight: 500; color: #334155; }
.ay-hatali input, .ay-hatali textarea { border-color: #f3b4b0; background: #fffafa; }
.ay-hata-metin { color: var(--hata); }
.ay-saat, .ay-renk, .ay-gizli { display: flex; align-items: center; gap: 8px; }
.ay-saat input, .ay-renk input[type="text"], .ay-gizli input { width: auto; flex: 1; min-width: 0; }
.ay-saat em { color: var(--soluk); font-style: normal; font-size: 13px; font-weight: 600; }
.ay .ay-renk input[type="color"] { width: 42px; height: 38px; flex: none; padding: 3px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; cursor: pointer; }
.ay-renk input[type="text"] { font-variant-numeric: tabular-nums; letter-spacing: .04em; text-transform: uppercase; }
.ay-gizli .btn { height: 38px; flex: none; }
.ay-servis { margin-bottom: 14px; padding: 16px 16px 6px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fafbfd; }
.ay-servis-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.ay-servis-bas h4 { margin: 0; font-size: 14.5px; font-weight: 600; }
.ay-servis-bas p { margin: 3px 0 0; color: var(--soluk); font-size: 13px; line-height: 1.45; }
.ay-temizle { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: #475569; font-size: 13.5px; }
.ay-temizle input { width: 16px; height: 16px; margin: 0; accent-color: var(--hata); }
.ay-kaydet { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; }
.ay-kaydet p { margin: 0; color: var(--soluk); font-size: 13px; line-height: 1.45; }
.ay-yan { position: sticky; top: 124px; display: grid; gap: 16px; }
.ay-kagit { padding: 16px 16px 12px; border: 1px solid #e6ebf2; border-radius: 12px; background: #fff; box-shadow: 0 8px 20px rgba(15, 23, 42, .04); }
.ay-kagit-ust { padding-bottom: 8px; border-bottom: 2px solid #1565c0; }
.ay-kagit-ust strong, .ay-kagit-ust span { display: block; }
.ay-kagit-ust strong { font-size: 13px; }
.ay-kagit-ust span, .ay-kagit-imza, .ay-kagit footer { color: var(--soluk); font-size: 11.5px; line-height: 1.45; }
.ay-kagit [data-ay-hedef].bos::before { content: attr(data-bos); color: #cbd5e1; font-weight: 500; }
.ay-kagit-baslik { margin: 12px 0 8px; font-size: 13px; font-weight: 700; }
.ay-kagit-satir { display: block; height: 7px; margin: 7px 0; border-radius: 99px; background: #eef2f6; }
.ay-kagit-satir.kisa { width: 62%; }
.ay-kagit-imza { margin: 14px 0 0; white-space: pre-line; }
.ay-kagit footer { margin-top: 12px; padding-top: 8px; border-top: 1px solid #e6ebf2; }
.ay-kagit footer span { display: block; }
.ay-kagit footer:empty { display: none; }
.ay-oniz .uz-not { margin-top: 12px; }
.ay-yansir { list-style: none; margin: 0; padding: 6px 0; }
.ay-yansir li { display: flex; align-items: center; gap: 8px; padding: 9px 16px; border-top: 1px solid #eef1f5; color: #334155; font-size: 13.5px; }
.ay-yansir li:first-child { border-top: 0; }
.ay-yansir svg { width: 15px; height: 15px; color: #16a34a; }
@media (max-width: 1280px) {
    .ay-ozet { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1100px) {
    .ay-govde { grid-template-columns: 1fr; }
    .ay-yan { position: static; }
}
@media (max-width: 640px) {
    .ay-ozet { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .ay-bas { flex-direction: column; align-items: stretch; }
    .ay-kaydet { flex-direction: column; align-items: stretch; }
    .ay-kaydet .btn { width: 100%; }
}

.tk-giris { max-width: 760px; margin: -8px 0 16px; color: var(--soluk); font-size: 14px; line-height: 1.55; }
.tk-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
a.tk-ozet-link { color: var(--yazi); transition: border-color .15s, box-shadow .15s; }
a.tk-ozet-link:hover { border-color: #c9d8f5; }
a.tk-ozet-link.secili { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.tk-ozet .uz-ozet-kutu em { white-space: normal; }
.tk-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; }
.tk-arac input[type="search"] { width: min(360px, 100%); height: 38px; padding: 0 12px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; }
.tk-arac input[type="search"]:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); outline: none; }
.tk-arac span { margin-left: auto; color: var(--soluk); font-size: 13px; }
.tk-tablo td.tk-sayi, .tk-tablo th.tk-sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tk-tablo td.tk-tarih { white-space: nowrap; }
.tk-no a { color: var(--yazi); font-weight: 600; }
.tk-no a:hover { color: var(--mavi); }
.tk-no small { display: block; margin-top: 2px; color: var(--soluk); font-size: 12.5px; }
.tk-islem { white-space: nowrap; }
.tk-kimlik { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px; }
.tk-kimlik strong { margin-right: 8px; font-size: 18px; }
.tk-kimlik span { color: var(--soluk); font-size: 13.5px; }
.tk-musteri { display: grid; gap: 3px; margin: 4px 0 16px; padding: 12px 14px; border: 1px solid #dbeafe; border-radius: 12px; background: #f5f9ff; }
.tk-musteri[hidden] { display: none; }
.tk-musteri strong { font-size: 14px; }
.tk-musteri span { color: #334155; font-size: 13px; }
.tk-musteri span[hidden] { display: none; }
.tk-durumlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 4px; }
.tk-durum { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; cursor: pointer; }
.tk-durum:hover { border-color: #c9d8f5; }
.tk-durum:has(input:checked) { border-color: var(--mavi); background: #f5f9ff; box-shadow: 0 0 0 3px rgba(31, 111, 235, .1); }
.tk-durum input { width: 16px; height: 16px; flex: none; margin: 2px 0 0; accent-color: var(--mavi); }
.tk-durum b { display: block; font-size: 13.5px; }
.tk-durum small { display: block; margin-top: 2px; color: var(--soluk); font-size: 12px; line-height: 1.4; }
.tk-katalog-not { margin: 0 0 12px; color: var(--soluk); font-size: 13px; }
.tk-iskonto { flex: 1 1 280px; max-width: 360px; margin: 0; }
.tk-iskonto-yazi { margin: 0; color: #334155; }
.tk-karar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; padding: 14px 16px; border: 1px solid #fde68a; border-radius: 12px; background: #fffbeb; }
.tk-karar p { flex: 1 1 220px; margin: 0; color: #92400e; font-size: 14px; }
.tk-etiket-bos { visibility: hidden; }
.tk-mail-gonder { justify-content: flex-end; }
.tk-mailler { margin-top: 8px; }
.tk-form .uz-form-alt { position: static; margin-top: 8px; background: none; }
.tk-form .uz-form-alt .btn-tehlike { margin-right: auto; }
@media (max-width: 1100px) {
    .tk-ozet, .tk-durumlar { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .tk-ozet, .tk-durumlar { grid-template-columns: 1fr; }
    .tk-arac span { margin-left: 0; }
}