html body .mukellef-vergi-sekme { padding: 8px 2px 20px; }

html body .vtt-root {
    --vtt-ana: var(--emm-brand-primary, #003b95);
    --vtt-ana-koyu: var(--emm-brand-primary-hover, #002d73);
    --vtt-kenar: #e2e8f0;
    --vtt-yazi: #0f172a;
    --vtt-soluk: #64748b;
    --vtt-yesil: #157347;
    --vtt-kirmizi: #c62828;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: var(--vtt-yazi);
}

html body .vtt-root *,
html body .vtt-root *::before,
html body .vtt-root *::after { box-sizing: border-box; }

html body .vtt-root .vtt-sayfa {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0 20px;
    min-width: 0;
}

html body .vtt-root .vtt-toolbar,
html body .vtt-root .vtt-kart,
html body .vtt-root .vtt-modal {
    background: #fff;
    border: 1px solid var(--vtt-kenar);
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

html body .vtt-root .vtt-toolbar { padding: 16px 18px; display: flex; flex-direction: column; gap: 14px; }

html body .vtt-root .vtt-baslik { display: flex; align-items: center; gap: 12px; min-width: 0; }
html body .vtt-root .vtt-filtre-satir {
    display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
    gap: 12px 16px; width: 100%;
}
html body .vtt-root .vtt-filtre-sol,
html body .vtt-root .vtt-filtre-sag {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px;
}
html body .vtt-root .vtt-filtre-sol { flex: 1 1 auto; min-width: 0; }
html body .vtt-root .vtt-filtre-sag {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    margin-left: auto;
}
html body .vtt-root .vtt-filtre-sag .vtt-durum {
    flex: 0 0 140px; width: 140px; min-width: 120px;
}
html body .vtt-root .vtt-filtre-satir .vtt-tur {
    flex: 0 1 220px;
    width: auto;
    min-width: 180px;
    max-width: 280px;
}
html body .vtt-root .vtt-btn.excel {
    border-color: #16a34a; color: #15803d; background: #fff;
}
html body .vtt-root .vtt-btn.excel:hover:not(:disabled) { background: #f0fdf4; }
html body .vtt-root .vtt-btn.pdf {
    border-color: #ea580c; color: #c2410c; background: #fff;
}
html body .vtt-root .vtt-btn.pdf:hover:not(:disabled) { background: #fff7ed; }
html body .vtt-root .vtt-baslik-ikon {
    width: 40px; height: 40px; flex: 0 0 40px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px; background: rgba(0, 59, 149, 0.1); color: var(--vtt-ana);
}
html body .vtt-root h1 { margin: 0; font-size: 1.2rem; font-weight: 700; }
html body .vtt-root .vtt-alt { margin: 2px 0 0; color: var(--vtt-soluk); font-size: 0.82rem; }

html body .vtt-root .vtt-satir {
    display: flex; flex-wrap: wrap; gap: 12px 14px; align-items: flex-end; justify-content: flex-start;
}
html body .vtt-root .vtt-alan { display: flex; flex-direction: column; gap: 4px; min-width: 180px; flex: 1 1 200px; }
html body .vtt-root .vtt-alan.dar { flex: 0 1 180px; }
html body .vtt-root .vtt-toolbar .vtt-tur {
    flex: 0 0 20%;
    width: 20%;
    min-width: 220px;
    max-width: 20%;
}
html body .vtt-root .vtt-etiket { font-size: 0.78rem; font-weight: 600; color: var(--vtt-soluk); }
html body .vtt-root .vtt-zorunlu { color: var(--vtt-kirmizi); }
html body .vtt-root .vtt-input,
html body .vtt-root select.vtt-input {
    width: 100%; min-height: 38px; border: 1px solid #cbd5e1; border-radius: 8px;
    padding: 6px 10px; background: #fff; color: var(--vtt-yazi); font-size: 0.92rem;
}
html body .vtt-root .vtt-input:focus { outline: none; border-color: var(--vtt-ana); box-shadow: 0 0 0 3px rgba(0, 59, 149, 0.12); }
html body .vtt-root .vtt-combo.e-input-group { width: 100%; border-radius: 8px; }
html body .e-popup.vtt-combo { z-index: 200010; }

html body .vtt-root .vtt-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 38px; padding: 6px 12px; border-radius: 8px; border: 1px solid #cbd5e1;
    background: #fff; color: var(--vtt-yazi); font-weight: 600; cursor: pointer; white-space: nowrap;
}
html body .vtt-root .vtt-btn:disabled { opacity: 0.55; cursor: not-allowed; }
html body .vtt-root .vtt-btn.kaydet { background: var(--vtt-yesil); border-color: var(--vtt-yesil); color: #fff; }
html body .vtt-root .vtt-btn.iptal { background: var(--vtt-kirmizi); border-color: var(--vtt-kirmizi); color: #fff; }
html body .vtt-root .vtt-btn.ekle { background: var(--vtt-ana); border-color: var(--vtt-ana); color: #fff; }
html body .vtt-root .vtt-btn.kucuk { min-height: 32px; padding: 4px 8px; font-size: 0.82rem; }
html body .vtt-root .vtt-btn.link { border: 0; background: transparent; color: var(--vtt-ana); padding: 0 4px; min-height: 0; }
html body .vtt-root .vtt-btn.tehlike { color: var(--vtt-kirmizi); }

html body .vtt-root .vtt-uyari { border-radius: 10px; padding: 10px 12px; font-size: 0.9rem; }
html body .vtt-root .vtt-uyari.hata { background: #fde8e8; color: #7f1d1d; }
html body .vtt-root .vtt-uyari.uyari { background: #fff7ed; color: #9a3412; }
html body .vtt-root .vtt-uyari.bilgi { background: #ecfdf3; color: #166534; }

html body .vtt-root .vtt-kart-ust {
    display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; justify-content: space-between;
    padding: 12px 14px; border-bottom: 1px solid var(--vtt-kenar);
}
html body .vtt-root .vtt-kart-ust .vtt-alan { flex: 0 0 160px; width: 160px; min-width: 140px; }
html body .vtt-root .vtt-kart-sag {
    display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end;
    gap: 10px 14px; margin-left: auto;
}
html body .vtt-root .vtt-kart-sag .vtt-alt { margin: 0 0 9px; white-space: nowrap; }
html body .vtt-root .vtt-ara { flex: 0 1 280px; width: 280px; max-width: 320px; }

html body .vtt-root .vtt-kap { width: 100%; overflow: auto; max-height: calc(100vh - 280px); }
html body .vtt-root table.vtt-tablo { border-collapse: separate; border-spacing: 0; min-width: 100%; font-size: 0.86rem; }
html body .vtt-root .vtt-tablo th,
html body .vtt-root .vtt-tablo td { border-bottom: 1px solid #e8eef6; padding: 9px 10px; text-align: center; vertical-align: middle; background: #fff; }
html body .vtt-root .vtt-tablo thead th {
    position: sticky; top: 0; z-index: 2; background: var(--vtt-ana); color: #fff; font-weight: 650;
    letter-spacing: 0.01em; border-bottom: 0;
}
html body .vtt-root .vtt-tablo tbody tr:nth-child(even) td { background: #fff3e6; }
html body .vtt-root .vtt-tablo tbody tr:hover td { background: #e7eef8; }
html body .vtt-root .vtt-sec { position: sticky; left: 0; z-index: 3; width: 42px; min-width: 42px; }
html body .vtt-root tbody .vtt-unvan {
    position: sticky; left: 42px; z-index: 3; min-width: 220px; max-width: 320px;
    text-align: left !important; font-weight: 650; color: var(--vtt-yazi);
    box-shadow: 4px 0 6px rgba(15, 23, 42, 0.04);
}
html body .vtt-root thead th.vtt-sec,
html body .vtt-root thead th.vtt-unvan {
    position: sticky; top: 0; z-index: 6;
    background: var(--vtt-ana); color: #fff; font-weight: 650;
}
html body .vtt-root thead th.vtt-sec { left: 0; }
html body .vtt-root thead th.vtt-unvan {
    left: 42px; min-width: 220px; max-width: 320px; text-align: left !important;
    box-shadow: 4px 0 6px rgba(15, 23, 42, 0.04);
}
html body .vtt-root .vtt-vergi { min-width: 108px; max-width: 160px; line-height: 1.2; }
html body .vtt-root .vtt-vergi small { display: block; font-weight: 500; opacity: 0.85; letter-spacing: 0.03em; }
html body .vtt-root .vtt-bos { color: #b6c2d2; }
html body .vtt-root .vtt-donem-hucre {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 64px; padding: 3px 8px; border-radius: 999px;
    background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0;
    font-size: 0.75rem; font-weight: 700; line-height: 1.2;
}
html body .vtt-root .vtt-tablo .vtt-btn.link {
    border: 1px solid #c7d7f5; background: #fff; color: var(--vtt-ana);
    border-radius: 999px; min-height: 28px; padding: 2px 10px; font-size: 0.78rem;
}
html body .vtt-root .vtt-tablo tbody tr:hover .vtt-btn.link { background: #fff; }
html body .vtt-root .vtt-sayfalama { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 10px 14px; }
html body .vtt-root .vtt-sayfalama .aktif { background: var(--vtt-ana); color: #fff; border-color: var(--vtt-ana); }

html body .vtt-root .vtt-arka {
    position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); z-index: 200000;
}
html body .vtt-root .vtt-kart-ici .vtt-onay {
    border: 1px solid #c7d7f5; border-radius: 12px; padding: 14px;
    background: #f8fbff; display: flex; flex-direction: column; gap: 10px;
}
html body .vtt-root.vtt-kart-ici { display: flex; flex-direction: column; gap: 14px; }
html body .vtt-root.vtt-kart-ici .vtt-kart-yukleniyor { margin: 8px 0; color: var(--vtt-soluk); }
html body .vtt-root.vtt-kart-ici .vtt-kart-kutu {
    background: #fff; border: 1px solid var(--vtt-kenar); border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); overflow: hidden;
}
html body .vtt-root.vtt-kart-ici .vtt-kart-kutu-baslik {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px; background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
    border-bottom: 1px solid var(--vtt-kenar);
}
html body .vtt-root.vtt-kart-ici .vtt-kart-kutu-baslik strong { display: block; font-size: 0.95rem; }
html body .vtt-root.vtt-kart-ici .vtt-kart-kutu-baslik p { margin: 2px 0 0; color: var(--vtt-soluk); font-size: 0.78rem; }
html body .vtt-root.vtt-kart-ici .vtt-kart-ikon {
    width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(0, 59, 149, 0.1); color: var(--vtt-ana);
}
html body .vtt-root.vtt-kart-ici .vtt-kart-sayac {
    margin-left: auto; min-width: 28px; height: 28px; padding: 0 8px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 999px; background: rgba(0, 59, 149, 0.1); color: var(--vtt-ana);
    font-weight: 700; font-size: 0.82rem;
}
html body .vtt-root.vtt-kart-ici .vtt-kart-form {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) auto;
    gap: 12px; align-items: end; padding: 14px;
}
html body .vtt-root.vtt-kart-ici .vtt-kart-form .vtt-alan { min-width: 0; flex: none; }
html body .vtt-root.vtt-kart-ici .vtt-kart-form .vtt-btn { align-self: end; }
html body .vtt-root.vtt-kart-ici .vtt-kart-bos {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 28px 16px; color: var(--vtt-soluk); text-align: center;
}
html body .vtt-root.vtt-kart-ici .vtt-kart-bos i { font-size: 1.6rem; color: #94a3b8; }
html body .vtt-root.vtt-kart-ici .vtt-kart-bos p { margin: 0; }
html body .vtt-root.vtt-kart-ici .vtt-kart-tablo-kap { overflow: auto; }
html body .vtt-root.vtt-kart-ici .vtt-kart-tablo th {
    background: var(--vtt-ana); color: #fff; font-weight: 650; font-size: 0.8rem;
    border-bottom: 0;
}
html body .vtt-root.vtt-kart-ici .vtt-kart-tablo td { background: #fff; vertical-align: middle; }
html body .vtt-root.vtt-kart-ici .vtt-kart-tablo tbody tr:nth-child(even) td { background: #f8fafc; }
html body .vtt-root.vtt-kart-ici .vtt-kart-ad { font-weight: 600; }
html body .vtt-root.vtt-kart-ici .vtt-kart-islem { text-align: right; white-space: nowrap; width: 1%; }
html body .vtt-root.vtt-kart-ici .vtt-kart-islem .vtt-btn { margin-left: 6px; }
html body .vtt-root.vtt-kart-ici .vtt-kod-rozet,
html body .vtt-root.vtt-kart-ici .vtt-donem-rozet {
    display: inline-flex; align-items: center; border-radius: 999px;
    padding: 3px 10px; font-size: 0.78rem; font-weight: 700; line-height: 1.3;
}
html body .vtt-root.vtt-kart-ici .vtt-kod-rozet {
    background: rgba(0, 59, 149, 0.1); color: var(--vtt-ana); font-variant-numeric: tabular-nums;
}
html body .vtt-root.vtt-kart-ici .vtt-donem-rozet {
    background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; font-weight: 650;
}
html body .vtt-root.vtt-kart-ici .vtt-kart-aksiyon,
html body .vtt-onay-modal .vtt-kart-aksiyon { display: flex; justify-content: flex-end; gap: 8px; }
html body .vtt-onay-modal { display: flex; flex-direction: column; gap: 16px; padding: 4px 2px 2px; }
html body .vtt-onay-modal p { margin: 0; line-height: 1.5; color: #0f172a; font-size: 0.95rem; }
html body .vtt-root.vtt-kart-ici .vtt-btn.tehlike {
    color: var(--vtt-kirmizi); border-color: #fecaca; background: #fff;
}
html body .vtt-root .vtt-modal {
    position: fixed; z-index: 200001; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: min(760px, calc(100vw - 24px)); max-height: min(86vh, 820px);
    display: flex; flex-direction: column; overflow: hidden;
}
html body .vtt-root .vtt-modal.dar { width: min(460px, calc(100vw - 24px)); }
html body .vtt-root .vtt-ekle-modal { width: min(720px, calc(100vw - 24px)); }
html body .vtt-root .vtt-ekle-baslik { align-items: flex-start; padding: 16px 16px 14px; background: linear-gradient(180deg, #f8fbff 0%, #fff 100%); }
html body .vtt-root .vtt-ekle-baslik h2 { font-size: 1.05rem; }
html body .vtt-root .vtt-ekle-baslik p { margin: 3px 0 0; color: var(--vtt-soluk); font-size: 0.8rem; line-height: 1.4; }
html body .vtt-root .vtt-ekle-ikon {
    width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(0, 59, 149, 0.1); color: var(--vtt-ana); margin-top: 1px;
}
html body .vtt-root .vtt-kapat {
    width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid var(--vtt-kenar); border-radius: 8px;
    background: #fff; color: var(--vtt-soluk); cursor: pointer;
}
html body .vtt-root .vtt-kapat:hover { color: var(--vtt-yazi); border-color: #cbd5e1; }
html body .vtt-root .vtt-ekle-govde { gap: 14px; background: #f8fafc; }
html body .vtt-root .vtt-ekle-kutu {
    background: #fff; border: 1px solid var(--vtt-kenar); border-radius: 12px; overflow: hidden;
}
html body .vtt-root .vtt-ekle-form {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; padding: 14px;
}
html body .vtt-root .vtt-ekle-form .vtt-alan { min-width: 0; flex: none; }
html body .vtt-root .vtt-ekle-liste { display: flex; flex-direction: column; min-height: 180px; }
html body .vtt-root .vtt-ekle-liste-baslik {
    display: flex; align-items: baseline; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--vtt-kenar);
}
html body .vtt-root .vtt-ekle-liste-baslik strong { font-size: 0.95rem; }
html body .vtt-root .vtt-ekle-liste-baslik span { color: var(--vtt-soluk); font-size: 0.78rem; }
html body .vtt-root .vtt-ekle-liste-baslik em {
    margin-left: auto; font-style: normal; min-width: 26px; height: 26px; padding: 0 8px;
    display: inline-flex; align-items: center; justify-content: center; border-radius: 999px;
    background: rgba(0, 59, 149, 0.1); color: var(--vtt-ana); font-weight: 700; font-size: 0.8rem;
}
html body .vtt-root .vtt-ekle-bos {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    padding: 28px 16px; color: var(--vtt-soluk); text-align: center;
}
html body .vtt-root .vtt-ekle-bos i { font-size: 1.5rem; color: #94a3b8; }
html body .vtt-root .vtt-ekle-bos p { margin: 0; }
html body .vtt-root .vtt-ekle-tablo-kap { overflow: auto; max-height: 280px; }
html body .vtt-root .vtt-ekle-tablo th {
    background: var(--vtt-ana); color: #fff; font-size: 0.78rem; font-weight: 650; border-bottom: 0;
}
html body .vtt-root .vtt-ekle-tablo td { vertical-align: middle; }
html body .vtt-root .vtt-ekle-tablo tbody tr:nth-child(even) td { background: #fff3e6; }
html body .vtt-root .vtt-ekle-ad { font-weight: 600; }
html body .vtt-root .vtt-ekle-islem { text-align: right; white-space: nowrap; width: 1%; }
html body .vtt-root .vtt-ekle-kod {
    display: inline-flex; padding: 3px 10px; border-radius: 999px;
    background: rgba(0, 59, 149, 0.1); color: var(--vtt-ana); font-weight: 700; font-size: 0.78rem;
}
html body .vtt-root .vtt-ekle-modal .vtt-btn.tehlike {
    color: var(--vtt-kirmizi); border-color: #fecaca; background: #fff;
}
html body .vtt-root .vtt-modal-baslik {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 12px 14px; border-bottom: 1px solid var(--vtt-kenar);
}
html body .vtt-root .vtt-modal-baslik h2 { margin: 0; font-size: 1.05rem; }
html body .vtt-root .vtt-modal-govde { padding: 14px; overflow: auto; display: flex; flex-direction: column; gap: 12px; }
html body .vtt-root .vtt-modal-alt {
    display: flex; justify-content: flex-end; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--vtt-kenar);
}
html body .vtt-root .vtt-liste { width: 100%; border-collapse: collapse; }
html body .vtt-root .vtt-liste th,
html body .vtt-root .vtt-liste td { text-align: left; padding: 8px; border-bottom: 1px solid var(--vtt-kenar); }
html body .vtt-root .vtt-donem-satir { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 8px; align-items: center; }
html body .vtt-root .vtt-kod { font-variant-numeric: tabular-nums; font-weight: 700; }

@media (max-width: 720px) {
    html body .vtt-root .vtt-alan,
    html body .vtt-root .vtt-alan.dar,
    html body .vtt-root .vtt-ara { flex-basis: 100%; width: 100%; max-width: none; }
    html body .vtt-root .vtt-kart-sag { width: 100%; }
    html body .vtt-root .vtt-donem-satir { grid-template-columns: 1fr; }
    html body .vtt-root .vtt-unvan { min-width: 160px; }
    html body .vtt-root .vtt-toolbar .vtt-tur { flex-basis: 100%; width: 100%; max-width: none; }
    html body .vtt-root.vtt-kart-ici .vtt-kart-form { grid-template-columns: 1fr; }
    html body .vtt-root.vtt-kart-ici .vtt-kart-islem { white-space: normal; }
    html body .vtt-root .vtt-ekle-form { grid-template-columns: 1fr; }
}