/* Mükellef360 — canlı sahneler (W12). İşaretleme: parts/sahne/<ad>.php · motor: inc/sahneler.php · betik: assets/js/sahneler.js
   Kurallar:
   - Tuval 400×250 tasarım pikseli (.msh-cv), JS --s ile ölçekler. Konumlar tuval pikseliyle yazılır.
   - TABAN STİL = SON KARE. Animasyon yalnız .is-on iken koşar; azaltılmış harekette hiç koşmaz, sahne anlamlı durağan kalır.
   - Döngüler 8 sn (--T); her sahne kendi keyframes'ini `msh-<kısa>-…` adıyla tanımlar.
   - Turuncu (--amb) yalnız vurgu noktası/rozet; okunur turuncu metin --amb-ink. */

/* ================= 1. taban ================= */
.msh {
  --p: #0088e8; --pd: #0b5fb0; --navy: #102840; --ink: #1b2b3c; --mut: #5b6b7d; --line: #e3eaf2; --soft: #e6f3ff;
  --ok: #0f7d4e; --okbg: #e3f5ec; --amb: #e16e0a; --ambbg: #fdeee2; --amb-ink: #b35507;
  --out: cubic-bezier(.22, 1, .36, 1); --spring: cubic-bezier(.34, 1.56, .64, 1); --T: 8s;
  position: relative; isolation: isolate; aspect-ratio: 400 / 250; overflow: hidden; border-radius: 14px;
  color: var(--ink); font-family: Geist, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 12px; font-weight: 500;
  line-height: 1.35; letter-spacing: 0; text-align: left;
  background: linear-gradient(160deg, #f5faff 0%, #e2f0fd 100%);
}
.msh *, .msh *::before, .msh *::after { box-sizing: border-box; }
.msh--sahne {
  border-radius: 24px; color: var(--ink);
  background: radial-gradient(90% 80% at 100% 100%, rgba(0, 136, 232, .8) 0%, rgba(0, 136, 232, 0) 70%),
              linear-gradient(155deg, #0a2f57 0%, #0b5fb0 60%, #0a74cf 100%);
  box-shadow: 0 40px 80px -40px rgba(16, 40, 64, .55);
}
.msh-zemin { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.msh-zemin::before { content: ""; position: absolute; inset: 0; opacity: .55;
  background-image: radial-gradient(rgba(11, 95, 176, .16) 1px, transparent 1.3px); background-size: 16px 16px;
  -webkit-mask-image: radial-gradient(85% 75% at 50% 45%, #000 25%, transparent 80%); mask-image: radial-gradient(85% 75% at 50% 45%, #000 25%, transparent 80%); }
.msh--sahne .msh-zemin::before { background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.3px); background-size: 20px 20px; }
.msh-zemin i { position: absolute; border-radius: 50%; filter: blur(40px); opacity: .5; }
.msh-zemin i:first-child { width: 45%; height: 70%; left: -10%; top: -20%; background: #bfe0ff; animation: msh-suz1 16s ease-in-out infinite alternate; }
.msh-zemin i:last-child { width: 40%; height: 60%; right: -8%; bottom: -25%; background: #c9f1f4; animation: msh-suz2 20s ease-in-out infinite alternate; }
.msh--sahne .msh-zemin i:first-child { background: #2aa3ff; opacity: .55; }
.msh--sahne .msh-zemin i:last-child { background: #5fe0ea; opacity: .35; }
@keyframes msh-suz1 { to { transform: translate(30%, 18%); } }
@keyframes msh-suz2 { to { transform: translate(-25%, -15%); } }

.msh-cv { position: absolute; left: 0; top: 0; width: 400px; height: 250px; transform: scale(var(--s, 1)); transform-origin: 0 0; visibility: hidden; }
.msh.is-olcek .msh-cv { visibility: visible; transition: opacity .3s ease; }
.msh.is-sol .msh-cv { opacity: 0; }
.msh.is-sifir .msh-cv, .msh.is-sifir .msh-cv *, .msh.is-sifir .msh-cv *::before, .msh.is-sifir .msh-cv *::after { animation: none !important; }
.msh:not(.is-on) *, .msh:not(.is-on) *::before, .msh:not(.is-on) *::after { animation-play-state: paused !important; }

/* ================= 2. ortak parçalar ================= */
.msh-k { position: absolute; padding: 10px 12px; border-radius: 12px; background: #fff;
  box-shadow: 0 18px 36px -20px rgba(16, 40, 64, .45), 0 1px 3px rgba(16, 40, 64, .12); }
.msh--sahne .msh-k { box-shadow: 0 26px 50px -22px rgba(4, 22, 48, .7), 0 2px 6px rgba(4, 22, 48, .2); }
.msh-k b { font-weight: 600; color: var(--navy); }
.msh-k small { display: block; color: var(--mut); font-size: 10.5px; font-weight: 500; }
.msh-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.msh-pill { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; background: var(--soft); color: var(--pd);
  font-size: 10.5px; font-weight: 600; white-space: nowrap; }
.msh-pill.ok { background: var(--okbg); color: var(--ok); }
.msh-pill.amb { background: var(--ambbg); color: var(--amb-ink); }
.msh-pill.amb::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--amb); }
.msh-ic { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--navy); color: #fff; }
.msh-ic svg { display: block; width: 18px; height: 18px; }
.msh-ic.acik { background: var(--soft); color: var(--pd); }
.msh-av { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: var(--soft); color: var(--pd); font-size: 9.5px; font-weight: 700; }
.msh-tik { flex: none; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: var(--okbg); color: var(--ok); }
.msh-tik svg { width: 10px; height: 10px; }
.msh-cubuk { display: block; height: 5px; border-radius: 99px; background: #edf2f7; overflow: hidden; }
.msh-cubuk i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--p), var(--pd)); transform-origin: left; }
.msh-iz { position: absolute; height: 0; border-top: 2px dashed #b9d9f6; }
.msh-iz::after { content: ""; position: absolute; right: -4px; top: -5px; width: 8px; height: 8px; border-radius: 50%; background: #b9d9f6; }

/* ================= 3. bağlı hizmetler listesi ================= */
.msh-hz-filtre { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 0 auto 2.5rem; }
.msh-hz-filtre button { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 16px; border: 1px solid #d6e6f5;
  border-radius: 999px; background: #fff; color: #102840; font: 500 14px/1.2 Geist, system-ui, sans-serif; cursor: pointer;
  transition: background .25s, color .25s, border-color .25s, box-shadow .25s, transform .2s; }
.msh-hz-filtre button:hover { border-color: #8fc9f5; transform: translateY(-1px); }
.msh-hz-filtre button:focus-visible { outline: 2px solid #0088e8; outline-offset: 3px; }
.msh-hz-filtre button[aria-pressed="true"] { background: #0088e8; border-color: #0088e8; color: #fff; box-shadow: 0 10px 22px -12px rgba(0, 136, 232, .8); }
.msh-hz-filtre button span { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 99px; background: #e6f3ff; color: #0b5fb0; font-size: 11px; font-weight: 600; }
.msh-hz-filtre button[aria-pressed="true"] span { background: rgba(255, 255, 255, .22); color: #fff; }
.msh-hz-filtre .ok { width: 22px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #b9d9f6 50%, transparent 0) 0 0 / 8px 2px repeat-x; animation: msh-ok 1.2s linear infinite; }
@keyframes msh-ok { to { background-position: 8px 0; } }
.msh-hz-filtre:not(.msh-filtre-hazir *) { }
[data-msh-filtre-kok]:not(.msh-filtre-hazir) .msh-hz-filtre { visibility: hidden; }

.msh-hz-liste { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 32px; margin: 0; padding: 0; list-style: none; }
.msh-akis { position: absolute; left: 0; top: 0; z-index: 0; overflow: visible; pointer-events: none; }
.msh-akis-taban { stroke: #cfe3f7; stroke-width: 2; stroke-dasharray: 2 8; stroke-linecap: round; }
.msh-akis-akan { stroke: url(#msh-akis-g); stroke: #5fb4f5; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 60 240; opacity: .9; animation: msh-akan 6s linear infinite; }
@keyframes msh-akan { to { stroke-dashoffset: -300; } }
.msh-akis-dugum { display: none; }
.msh-akis-hale { fill: rgba(0, 136, 232, .16); }
.msh-akis-nokta { fill: #0088e8; stroke: #fff; stroke-width: 1.5; }
.msh-akis-isik:nth-of-type(3n+2) .msh-akis-nokta { fill: #e16e0a; }
.msh-akis-isik:nth-of-type(3n+2) .msh-akis-hale { fill: rgba(225, 110, 10, .16); }

.msh-hz-kart { position: relative; z-index: 1; display: flex; }
.msh-hz-kart[hidden] { display: none; }
.msh-hz-kart > a { position: relative; display: flex; flex-direction: column; width: 100%; padding: 10px 10px 20px; border: 1px solid #e3edf7; border-radius: 22px;
  background: #fff; color: inherit; text-decoration: none; box-shadow: 0 1px 2px rgba(16, 40, 64, .04);
  transition: transform .35s var(--out, ease), box-shadow .35s, border-color .35s; }
.msh-hz-kart > a::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; border: 1.5px solid #0088e8; opacity: 0;
  animation: msh-sira calc(var(--n, 11) * 1.1s) linear infinite; animation-delay: calc(var(--i, 0) * 1.1s); }
@keyframes msh-sira { 0% { opacity: 0; } 2% { opacity: .9; } 9% { opacity: 0; } 100% { opacity: 0; } }
.msh-hz-kart > a:hover, .msh-hz-kart > a:focus-visible { transform: translateY(-4px); border-color: #b9d9f6; box-shadow: 0 28px 50px -30px rgba(11, 95, 176, .55); }
.msh-hz-kart > a:focus-visible { outline: 2px solid #0088e8; outline-offset: 3px; }
.msh-hz-kart .msh { border-radius: 14px; }
.msh-hz-govde { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 16px 10px 0; }
.msh-hz-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.msh-hz-rozet { display: inline-grid; place-items: center; min-width: 34px; height: 26px; padding: 0 8px; border-radius: 8px; background: #102840; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .02em; }
.msh-hz-grup { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; background: #f1f7fd; color: #0b5fb0; font-size: 12.5px; font-weight: 500; }
.msh-hz-grup::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .7; }
.msh-hz-ad { margin: 4px 0 0; color: #102840; font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: -.01em; }
.msh-hz-metin { margin: 0; color: #4b5b6c; font-size: 15px; line-height: 1.55; }
.msh-hz-git { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; color: #0b5fb0; font-size: 14px; font-weight: 600; }
.msh-hz-git svg { transition: transform .3s var(--out, ease); }
.msh-hz-kart > a:hover .msh-hz-git svg { transform: translateX(4px); }
.msh-hz-kart.msh-gir { animation: msh-gir .55s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--gi, 0) * 40ms); }
@keyframes msh-gir { from { opacity: 0; transform: translateY(14px) scale(.98); } }
@media (max-width: 991px) { .msh-hz-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; } }
@media (max-width: 600px) {
  .msh-hz-liste { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .msh-hz-filtre { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; margin-left: -16px; margin-right: -16px; padding: 4px 16px 8px; scrollbar-width: none; }
  .msh-hz-filtre button { flex: none; }
  .msh-hz-filtre .ok { flex: none; }
  .msh-hz-ad { font-size: 19px; }
}

.msh-yok { display: grid; place-items: center; }
.msh-yok .msh-hz-rozet { min-width: 64px; height: 48px; font-size: 18px; border-radius: 14px; }

/* ================= 4. detay sayfası başı ================= */
.msh-bas { position: relative; width: 100%; max-width: 760px; margin: 8px auto 0; }
.msh-bas::before, .msh-bas::after { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; border-radius: 50%; border: 1px dashed #cfe3f7; transform: translate(-50%, -50%); pointer-events: none; }
.msh-bas::before { width: 118%; aspect-ratio: 1.9; }
.msh-bas::after { width: 140%; aspect-ratio: 2.2; opacity: .6; }

/* ================= 5. sahneler ================= */

/* --- GİB Dijital Vergi Dairesi: kurum → üç bilgi paketi → panel satırları --- */
.msh-gib-dijital-vergi-dairesi .kay { left: 22px; top: 70px; width: 96px; padding: 14px 10px 12px; text-align: center; }
.msh-gib-dijital-vergi-dairesi .kay .msh-ic { width: 44px; height: 44px; margin: 0 auto 8px; border-radius: 12px; }
.msh-gib-dijital-vergi-dairesi .kay .msh-ic svg { width: 26px; height: 26px; }
.msh-gib-dijital-vergi-dairesi .kay b { display: block; font-size: 11px; line-height: 1.25; }
.msh-gib-dijital-vergi-dairesi .kay::after { content: ""; position: absolute; inset: -6px; border-radius: 16px; border: 2px solid rgba(0, 136, 232, .35); opacity: 0; animation: msh-gdv-nabiz var(--T) var(--out) infinite; }
@keyframes msh-gdv-nabiz { 0%, 4% { opacity: .9; transform: scale(.96); } 18% { opacity: 0; transform: scale(1.12); } 100% { opacity: 0; } }
.msh-gib-dijital-vergi-dairesi .msh-iz { left: 126px; top: 120px; width: 76px; }
.msh-gib-dijital-vergi-dairesi .pk { position: absolute; left: 118px; top: 109px; opacity: 0; box-shadow: 0 6px 14px -6px rgba(11, 95, 176, .6); background: #fff; }
.msh-gib-dijital-vergi-dairesi .pk1 { animation: msh-gdv-pk var(--T) var(--out) infinite; }
.msh-gib-dijital-vergi-dairesi .pk2 { animation: msh-gdv-pk var(--T) var(--out) infinite; animation-delay: 1.5s; }
.msh-gib-dijital-vergi-dairesi .pk3 { animation: msh-gdv-pk var(--T) var(--out) infinite; animation-delay: 3s; }
@keyframes msh-gdv-pk { 0%, 4% { opacity: 0; transform: translateX(-8px) scale(.9); } 8% { opacity: 1; transform: translateX(0) scale(1); } 20% { opacity: 1; transform: translateX(62px); } 24%, 100% { opacity: 0; transform: translateX(80px) scale(.9); } }
.msh-gib-dijital-vergi-dairesi .pan { left: 200px; top: 26px; width: 182px; padding: 12px; }
.msh-gib-dijital-vergi-dairesi .pan .msh-hd { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.msh-gib-dijital-vergi-dairesi .sat { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.msh-gib-dijital-vergi-dairesi .sat .msh-av { width: 22px; height: 22px; }
.msh-gib-dijital-vergi-dairesi .sat span:nth-child(2) { flex: 1; color: var(--mut); font-size: 11px; }
.msh-gib-dijital-vergi-dairesi .sat .v { animation: msh-gdv-v var(--T) var(--spring) infinite both; }
.msh-gib-dijital-vergi-dairesi .s1 .v { animation-delay: 1.6s; }
.msh-gib-dijital-vergi-dairesi .s2 .v { animation-delay: 3.1s; }
.msh-gib-dijital-vergi-dairesi .s3 .v { animation-delay: 4.6s; }
@keyframes msh-gdv-v { 0% { opacity: 0; transform: scale(.4); } 6%, 60% { opacity: 1; transform: none; } 66%, 100% { opacity: 0; transform: scale(.7); } }
.msh-gib-dijital-vergi-dairesi .alt { margin-top: 6px; }
.msh-gib-dijital-vergi-dairesi .alt small { display: flex; justify-content: space-between; margin-bottom: 4px; }
.msh-gib-dijital-vergi-dairesi .alt .msh-cubuk i { animation: msh-gdv-bar var(--T) var(--out) infinite; }
@keyframes msh-gdv-bar { 0% { transform: scaleX(0); } 70%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }

/* --- WhatsApp: belge baloncuğu → mavi tik + "Açıldı" → yazıyor → yanıt --- */
.msh-whatsapp { --wa: #1faa59; --wabg: #dcf7e3; }
.msh-whatsapp .tel { left: 158px; top: 14px; width: 214px; height: 222px; padding: 0; overflow: hidden; border-radius: 18px; }
.msh-whatsapp .tel .ust { display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: #0f5a47; color: #fff; }
.msh-whatsapp .tel .ust .msh-av { background: #e6f6ee; color: #0f5a47; border-radius: 50%; }
.msh-whatsapp .tel .ust b { color: #fff; font-size: 11.5px; }
.msh-whatsapp .tel .ust small { color: rgba(255, 255, 255, .75); font-size: 9.5px; }
.msh-whatsapp .akis { position: relative; height: 180px; padding: 10px; background: #f1ede6; background-image: radial-gradient(rgba(16, 40, 64, .06) 1px, transparent 1.3px); background-size: 12px 12px; }
.msh-whatsapp .bal { position: absolute; max-width: 168px; padding: 7px 9px; border-radius: 10px; background: #fff; font-size: 10.5px; box-shadow: 0 1px 1px rgba(0, 0, 0, .08); }
.msh-whatsapp .giden { right: 10px; top: 10px; background: var(--wabg); border-top-right-radius: 3px; animation: msh-wa-gid var(--T) var(--out) infinite both; }
@keyframes msh-wa-gid { 0%, 3% { opacity: 0; transform: translateY(10px) scale(.95); } 9%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.msh-whatsapp .ek { display: flex; align-items: center; gap: 7px; padding: 6px 7px; margin-bottom: 4px; border-radius: 7px; background: rgba(255, 255, 255, .7); }
.msh-whatsapp .ek .dosya { flex: none; display: grid; place-items: center; width: 22px; height: 26px; border-radius: 4px; background: #d6392b; color: #fff; font-size: 7px; font-weight: 700; }
.msh-whatsapp .ek b { display: block; font-size: 10px; }
.msh-whatsapp .ek small { font-size: 9px; }
.msh-whatsapp .zm { display: flex; justify-content: flex-end; align-items: center; gap: 3px; color: var(--mut); font-size: 8.5px; }
.msh-whatsapp .tikler { position: relative; width: 16px; height: 10px; color: #53bdeb; }
.msh-whatsapp .tikler svg { position: absolute; inset: 0; width: 16px; height: 10px; }
.msh-whatsapp .tikler .gri { color: #9aa7b3; opacity: 0; animation: msh-wa-gri var(--T) linear infinite; }
@keyframes msh-wa-gri { 0%, 30% { opacity: 1; } 31%, 100% { opacity: 0; } }
.msh-whatsapp .tikler .mavi { animation: msh-wa-mavi var(--T) linear infinite; }
@keyframes msh-wa-mavi { 0%, 30% { opacity: 0; } 31%, 100% { opacity: 1; } }
.msh-whatsapp .yaziyor { left: 10px; top: 112px; display: flex; gap: 3px; padding: 9px 10px; border-top-left-radius: 3px; opacity: 0; animation: msh-wa-yz var(--T) linear infinite; }
.msh-whatsapp .yaziyor i { width: 5px; height: 5px; border-radius: 50%; background: #9aa7b3; animation: msh-wa-nokta .9s ease-in-out infinite; }
.msh-whatsapp .yaziyor i:nth-child(2) { animation-delay: .15s; }
.msh-whatsapp .yaziyor i:nth-child(3) { animation-delay: .3s; }
@keyframes msh-wa-yz { 0%, 38% { opacity: 0; } 40%, 56% { opacity: 1; } 58%, 100% { opacity: 0; } }
@keyframes msh-wa-nokta { 0%, 100% { transform: translateY(0); opacity: .5; } 50% { transform: translateY(-3px); opacity: 1; } }
.msh-whatsapp .gelen { left: 10px; top: 112px; border-top-left-radius: 3px; animation: msh-wa-gel var(--T) var(--out) infinite both; }
@keyframes msh-wa-gel { 0%, 57% { opacity: 0; transform: translateY(8px); } 62%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.msh-whatsapp .acildi { z-index: 2; left: 18px; top: 34px; display: flex; align-items: center; gap: 8px; padding: 9px 11px; animation: msh-wa-ac var(--T) var(--spring) infinite both; }
@keyframes msh-wa-ac { 0%, 30% { opacity: 0; transform: translateX(-10px) scale(.85); } 35%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.msh-whatsapp .toplu { left: 18px; top: 134px; width: 124px; }
.msh-whatsapp .toplu b { display: block; margin: 2px 0 8px; font-size: 14px; white-space: nowrap; }
.msh-whatsapp .toplu .msh-cubuk i { background: linear-gradient(90deg, #35c46f, var(--wa)); animation: msh-wa-bar var(--T) var(--out) infinite; }
@keyframes msh-wa-bar { 0% { transform: scaleX(.1); } 30%, 92% { transform: scaleX(1); } 100% { transform: scaleX(.1); } }

/* --- Ödeme (PayTR): ödeme talebi → kart → "Öde" basılır → onay halkası → durum Ödendi --- */
.msh-paytr .fat { left: 22px; top: 26px; width: 188px; padding: 12px 14px 14px; }
.msh-paytr .fat .msh-hd { margin-bottom: 10px; }
.msh-paytr .fat .tutar { display: block; margin: 2px 0 10px; color: var(--navy); font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.msh-paytr .fat .dur { display: grid; }
.msh-paytr .fat .dur > * { grid-area: 1 / 1; justify-self: start; }
.msh-paytr .fat .dur .amb { opacity: 0; animation: msh-pt-bek var(--T) linear infinite; }
.msh-paytr .fat .dur .ok { animation: msh-pt-ok var(--T) var(--spring) infinite both; }
@keyframes msh-pt-bek { 0%, 50% { opacity: 1; } 52%, 100% { opacity: 0; } }
@keyframes msh-pt-ok { 0%, 51% { opacity: 0; transform: scale(.6); } 56%, 100% { opacity: 1; transform: none; } }
.msh-paytr .fat .sat { display: flex; justify-content: space-between; padding: 5px 0; border-top: 1px solid var(--line); color: var(--mut); font-size: 10.5px; }
.msh-paytr .ode { display: block; margin-top: 10px; padding: 8px; border-radius: 9px; background: var(--p); color: #fff; font-size: 11px; font-weight: 600; text-align: center;
  box-shadow: 0 8px 16px -8px rgba(0, 136, 232, .8); animation: msh-pt-bas var(--T) ease-in-out infinite; }
@keyframes msh-pt-bas { 0%, 38% { transform: none; } 41% { transform: scale(.93); box-shadow: none; } 45%, 100% { transform: none; } }
.msh-paytr .imlec { position: absolute; left: 150px; top: 206px; width: 18px; height: 18px; color: var(--navy); filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2)); opacity: 0; animation: msh-pt-im var(--T) var(--out) infinite both; }
@keyframes msh-pt-im { 0%, 18% { opacity: 0; transform: translate(70px, 30px); } 30% { opacity: 1; transform: translate(0, 0); } 41% { transform: scale(.85); } 45% { transform: none; opacity: 1; } 55%, 100% { opacity: 0; } }
.msh-paytr .kart { position: absolute; left: 236px; top: 34px; width: 146px; height: 92px; padding: 12px; border-radius: 12px; color: #fff;
  background: linear-gradient(135deg, #0a2f57 0%, #0b5fb0 70%, #0a74cf 100%); box-shadow: 0 20px 34px -18px rgba(4, 22, 48, .75);
  animation: msh-pt-kart var(--T) var(--out) infinite both; }
.msh-paytr .kart::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .25) 45%, transparent 60%) -150px 0 / 300px 100% no-repeat; animation: msh-pt-par var(--T) ease-in-out infinite; }
@keyframes msh-pt-kart { 0%, 6% { opacity: 0; transform: translate(26px, -8px) rotate(8deg); } 18%, 92% { opacity: 1; transform: rotate(-4deg); } 100% { opacity: 0; transform: rotate(-4deg); } }
@keyframes msh-pt-par { 0%, 20% { background-position: -150px 0; } 34%, 100% { background-position: 200px 0; } }
.msh-paytr .kart .cip { display: block; width: 22px; height: 16px; border-radius: 4px; background: linear-gradient(135deg, #f7d27a, #d9a43a); }
.msh-paytr .kart .no { position: absolute; left: 12px; bottom: 26px; font-size: 11px; letter-spacing: .12em; }
.msh-paytr .kart small { position: absolute; left: 12px; bottom: 10px; color: rgba(255, 255, 255, .7); font-size: 8.5px; letter-spacing: .06em; }
.msh-paytr .onay { position: absolute; left: 268px; top: 148px; width: 70px; height: 70px; }
.msh-paytr .onay .hal { position: absolute; inset: 0; border-radius: 50%; background: var(--ok); box-shadow: 0 14px 26px -12px rgba(15, 125, 78, .8); display: grid; place-items: center; color: #fff;
  animation: msh-pt-hal var(--T) var(--spring) infinite both; }
.msh-paytr .onay .hal svg { width: 30px; height: 30px; }
.msh-paytr .onay .hal svg path { stroke-dasharray: 30; animation: msh-pt-cek var(--T) var(--out) infinite both; }
@keyframes msh-pt-hal { 0%, 48% { opacity: 0; transform: scale(.3); } 54%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; transform: scale(.8); } }
@keyframes msh-pt-cek { 0%, 52% { stroke-dashoffset: 30; } 60%, 100% { stroke-dashoffset: 0; } }
.msh-paytr .onay .dal { position: absolute; inset: -10px; border-radius: 50%; border: 2px solid rgba(15, 125, 78, .45); opacity: 0; animation: msh-pt-dal var(--T) var(--out) infinite; }
@keyframes msh-pt-dal { 0%, 52% { opacity: .9; transform: scale(.7); } 66%, 100% { opacity: 0; transform: scale(1.35); } }
.msh-paytr .onay i { position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px; border-radius: 2px; background: var(--amb); opacity: 0; animation: msh-pt-kon var(--T) var(--out) infinite; }
.msh-paytr .onay i:nth-of-type(2) { background: var(--p); --x: -46px; --y: -30px; }
.msh-paytr .onay i:nth-of-type(3) { background: #35c46f; --x: 44px; --y: -26px; }
.msh-paytr .onay i:nth-of-type(4) { --x: -40px; --y: 34px; }
.msh-paytr .onay i:nth-of-type(1) { --x: 40px; --y: 36px; background: #5fe0ea; }
@keyframes msh-pt-kon { 0%, 52% { opacity: 0; transform: translate(0, 0) rotate(0); } 56% { opacity: 1; } 72%, 100% { opacity: 0; transform: translate(var(--x, 0), var(--y, 0)) rotate(180deg); } }

/* --- İnteraktif Vergi Dairesi: vurgu çubuğu mükellef satırlarında iner, ✓ düşer → levhaya "Güncel" damgası --- */
.msh-interaktif-vergi-dairesi .mk { left: 14px; top: 30px; width: 196px; height: 190px; padding: 12px; }
.msh-interaktif-vergi-dairesi .mk .msh-hd { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.msh-interaktif-vergi-dairesi .lst { position: relative; }
.msh-interaktif-vergi-dairesi .tara { position: absolute; left: -5px; right: -5px; top: 0; height: 40px; border-radius: 9px; border: 1px solid #b9d9f6; background: var(--soft); opacity: 0; animation: msh-ivd-tara var(--T) var(--out) infinite; }
@keyframes msh-ivd-tara { 0% { opacity: 0; transform: translateY(0); } 3%, 13% { opacity: 1; transform: translateY(0); } 18%, 30% { opacity: 1; transform: translateY(40px); } 35%, 47% { opacity: 1; transform: translateY(80px); } 52%, 100% { opacity: 0; transform: translateY(80px); } }
.msh-interaktif-vergi-dairesi .sat { position: relative; display: flex; align-items: center; gap: 8px; height: 40px; }
.msh-interaktif-vergi-dairesi .sat .t { flex: 1; min-width: 0; }
.msh-interaktif-vergi-dairesi .sat .t b, .msh-interaktif-vergi-dairesi .sat .t small { display: block; white-space: nowrap; }
.msh-interaktif-vergi-dairesi .sat .msh-tik { animation: msh-ivd-tik var(--T) var(--spring) infinite both; }
.msh-interaktif-vergi-dairesi .sat:nth-of-type(1) .msh-tik { animation-delay: .6s; }
.msh-interaktif-vergi-dairesi .sat:nth-of-type(2) .msh-tik { animation-delay: 1.9s; }
.msh-interaktif-vergi-dairesi .sat:nth-of-type(3) .msh-tik { animation-delay: 3.2s; }
@keyframes msh-ivd-tik { 0% { opacity: 0; transform: scale(.3); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: scale(.6); } }
.msh-interaktif-vergi-dairesi .lv { left: 226px; top: 30px; width: 160px; height: 190px; padding: 12px; }
.msh-interaktif-vergi-dairesi .lv .bs { display: block; min-width: 0; }
.msh-interaktif-vergi-dairesi .lv .msh-hd { justify-content: flex-start; margin-bottom: 14px; }
.msh-interaktif-vergi-dairesi .lv .gr { height: 6px; margin-bottom: 8px; border-radius: 3px; background: #edf2f7; }
.msh-interaktif-vergi-dairesi .lv .g1 { width: 100%; }
.msh-interaktif-vergi-dairesi .lv .g2 { width: 78%; }
.msh-interaktif-vergi-dairesi .lv .g3 { width: 90%; }
.msh-interaktif-vergi-dairesi .lv .yil { position: absolute; left: 14px; bottom: 54px; }
.msh-interaktif-vergi-dairesi .lv .yil small { font-size: 9.5px; }
.msh-interaktif-vergi-dairesi .lv .yil b { display: block; font-size: 22px; line-height: 1.1; letter-spacing: -.02em; }
.msh-interaktif-vergi-dairesi .lv .muh { position: absolute; left: 14px; bottom: 14px; width: 34px; height: 34px; border-radius: 50%; border: 2px solid #b9d9f6; }
.msh-interaktif-vergi-dairesi .lv .muh::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; border: 1.5px dashed #b9d9f6; }
.msh-interaktif-vergi-dairesi .lv .st { position: absolute; right: 12px; bottom: 18px; padding: 4px 12px; border: 2px solid var(--ok); font-size: 13px; transform: rotate(-10deg); animation: msh-ivd-st var(--T) var(--spring) infinite both; }
@keyframes msh-ivd-st { 0%, 44% { opacity: 0; transform: rotate(-10deg) scale(1.9); } 50% { opacity: 1; transform: rotate(-10deg) scale(.9); } 54%, 90% { opacity: 1; transform: rotate(-10deg) scale(1); } 98%, 100% { opacity: 0; transform: rotate(-10deg) scale(.9); } }

/* --- e-Beyanname: tarih aralığı dolar → üç beyanname tepsiye düşer → sayaç "12 beyanname" --- */
.msh-e-beyanname .tar { left: 16px; top: 8px; width: 368px; padding: 9px 12px; }
.msh-e-beyanname .tar .msh-cubuk { margin-top: 8px; }
.msh-e-beyanname .tar .msh-cubuk i { animation: msh-ebn-ar var(--T) var(--out) infinite; }
@keyframes msh-ebn-ar { 0% { transform: scaleX(0); } 16%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }
.msh-e-beyanname .kt { top: 68px; width: 112px; padding: 6px 10px; border-radius: 10px; }
.msh-e-beyanname .k1 { left: 16px; }
.msh-e-beyanname .k2 { left: 144px; }
.msh-e-beyanname .k3 { left: 272px; }
.msh-e-beyanname .kt b { font-size: 11px; }
.msh-e-beyanname .ty { left: 16px; top: 122px; width: 368px; padding: 8px 12px; }
.msh-e-beyanname .ty .bs { display: flex; align-items: center; gap: 8px; }
.msh-e-beyanname .ty .msh-ic { width: 26px; height: 26px; }
.msh-e-beyanname .ty .msh-ic svg { animation: msh-ebn-ic .9s ease-in-out infinite; }
@keyframes msh-ebn-ic { 0%, 100% { transform: translateY(-1.5px); } 50% { transform: translateY(2px); } }
.msh-e-beyanname .cnt { display: grid; }
.msh-e-beyanname .cnt > * { grid-area: 1 / 1; justify-self: end; }
.msh-e-beyanname .cnt .c1 { opacity: 0; animation: msh-ebn-c1 var(--T) linear infinite; }
.msh-e-beyanname .cnt .c2 { animation: msh-ebn-c2 var(--T) var(--spring) infinite both; }
@keyframes msh-ebn-c1 { 0%, 46% { opacity: 1; } 48%, 94% { opacity: 0; } 100% { opacity: 0; } }
@keyframes msh-ebn-c2 { 0%, 46% { opacity: 0; transform: scale(.6); } 54%, 90% { opacity: 1; transform: none; } 98%, 100% { opacity: 0; transform: scale(.8); } }
.msh-e-beyanname .cp { position: relative; display: flex; align-items: center; gap: 8px; height: 22px; margin-top: 4px; padding: 0 8px; border-radius: 7px; background: #f3f8fd; border: 1px solid var(--line); animation: msh-ebn-dus var(--T) var(--out) infinite both; }
.msh-e-beyanname .cp:nth-of-type(2) { margin-top: 6px; }
.msh-e-beyanname .cp1 { animation-delay: 1.4s; }
.msh-e-beyanname .cp2 { animation-delay: 2.2s; }
.msh-e-beyanname .cp3 { animation-delay: 3s; }
.msh-e-beyanname .cp > svg { flex: none; width: 13px; height: 13px; color: var(--pd); }
.msh-e-beyanname .cp b { font-size: 11px; }
.msh-e-beyanname .cp small { flex: 1; font-size: 10px; }
.msh-e-beyanname .cp .msh-tik { width: 15px; height: 15px; }
@keyframes msh-ebn-dus { 0% { opacity: 0; transform: translateY(-44px) scale(.9); } 8% { opacity: 1; transform: translateY(2px); } 12%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateY(-4px); } }

/* --- GİB Hızlı Giriş: imleç tıklar → kilit açılır → tarayıcı penceresi kayar, "Oturum açıldı" --- */
.msh-gib-hizli-giris .mk { left: 14px; top: 52px; width: 172px; padding: 10px 12px 12px; }
.msh-gib-hizli-giris .mk .bs { display: flex; align-items: center; gap: 8px; }
.msh-gib-hizli-giris .mk .msh-hd { margin-bottom: 8px; }
.msh-gib-hizli-giris .kl { display: grid; }
.msh-gib-hizli-giris .kl svg { grid-area: 1 / 1; }
.msh-gib-hizli-giris .kl .kapali { opacity: 0; animation: msh-ghg-kp var(--T) linear infinite; }
.msh-gib-hizli-giris .kl .acik { animation: msh-ghg-ac var(--T) var(--spring) infinite both; }
@keyframes msh-ghg-kp { 0%, 44% { opacity: 1; } 48%, 94% { opacity: 0; } 100% { opacity: 1; } }
@keyframes msh-ghg-ac { 0%, 44% { opacity: 0; transform: scale(.6); } 50%, 92% { opacity: 1; transform: none; } 98%, 100% { opacity: 0; transform: scale(.6); } }
.msh-gib-hizli-giris .et { margin-top: 6px; }
.msh-gib-hizli-giris .sf { display: block; font-size: 16px; letter-spacing: .14em; }
.msh-gib-hizli-giris .dg { display: block; margin-top: 12px; padding: 8px; border-radius: 9px; background: var(--p); color: #fff; font-size: 11px; font-weight: 600; text-align: center;
  box-shadow: 0 8px 16px -8px rgba(0, 136, 232, .8); animation: msh-ghg-bas var(--T) ease-in-out infinite; }
@keyframes msh-ghg-bas { 0%, 37% { transform: none; } 40% { transform: scale(.93); box-shadow: none; } 44%, 100% { transform: none; } }
.msh-gib-hizli-giris .imlec { position: absolute; left: 94px; top: 158px; width: 18px; height: 18px; color: var(--navy); filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2)); opacity: 0; animation: msh-ghg-im var(--T) var(--out) infinite both; }
@keyframes msh-ghg-im { 0%, 8% { opacity: 0; transform: translate(70px, 44px); } 26% { opacity: 1; transform: translate(0, 0); } 38% { opacity: 1; transform: scale(.85); } 42% { opacity: 1; transform: none; } 54%, 100% { opacity: 0; transform: none; } }
.msh-gib-hizli-giris .pn { left: 202px; top: 50px; width: 184px; padding: 0; overflow: hidden; animation: msh-ghg-pn var(--T) var(--spring) infinite both; }
@keyframes msh-ghg-pn { 0%, 44% { opacity: 0; transform: translateX(34px); } 54%, 92% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateX(34px); } }
.msh-gib-hizli-giris .pn .ust { display: flex; align-items: center; gap: 4px; padding: 8px 10px; background: #eef4fa; border-bottom: 1px solid var(--line); }
.msh-gib-hizli-giris .pn .ust i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: #cbd7e4; }
.msh-gib-hizli-giris .pn .ad { flex: 1; min-width: 0; margin-left: 6px; padding: 2px 8px; border: 1px solid var(--line); border-radius: 99px; background: #fff; color: var(--mut); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msh-gib-hizli-giris .pn .gv { display: grid; justify-items: center; gap: 8px; padding: 16px 12px 18px; }
.msh-gib-hizli-giris .pn .halka { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ok); color: #fff; box-shadow: 0 10px 18px -10px rgba(15, 125, 78, .8); }
.msh-gib-hizli-giris .pn .halka svg { width: 18px; height: 18px; }
.msh-gib-hizli-giris .pn .gv b { font-size: 13px; }

/* --- SGK e-Bildirge: işyeri bilgisi + üç SGK dosyası sırayla listeye kayar, "Hızlı giriş" nabız atar --- */
.msh-sgk-e-bildirge .iy { left: 14px; top: 28px; width: 150px; height: 196px; display: flex; flex-direction: column; padding: 12px; }
.msh-sgk-e-bildirge .iy .msh-hd { justify-content: flex-start; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.msh-sgk-e-bildirge .iy .bs { display: flex; align-items: center; gap: 8px; }
.msh-sgk-e-bildirge .iy .et { margin-top: 8px; }
.msh-sgk-e-bildirge .iy .sc { display: block; font-size: 15px; letter-spacing: .05em; white-space: nowrap; }
.msh-sgk-e-bildirge .iy .ad { display: block; font-size: 12px; white-space: nowrap; }
.msh-sgk-e-bildirge .iy .hg { position: relative; align-self: flex-start; margin-top: auto; padding: 5px 10px; }
.msh-sgk-e-bildirge .iy .hg svg { width: 11px; height: 11px; }
.msh-sgk-e-bildirge .iy .hg::after { content: ""; position: absolute; inset: -3px; border-radius: 99px; border: 2px solid rgba(0, 136, 232, .5); opacity: 0; animation: msh-sgb-nb var(--T) var(--out) infinite; }
@keyframes msh-sgb-nb { 0%, 56% { opacity: 0; transform: scale(1); } 58% { opacity: .9; transform: scale(1); } 72%, 100% { opacity: 0; transform: scale(1.3); } }
.msh-sgk-e-bildirge .dl { left: 178px; top: 28px; width: 208px; height: 196px; padding: 12px; }
.msh-sgk-e-bildirge .dl .msh-hd { margin-bottom: 4px; }
.msh-sgk-e-bildirge .dl .sat { display: flex; align-items: center; gap: 10px; height: 44px; border-top: 1px solid var(--line); animation: msh-sgb-gir var(--T) var(--out) infinite both; }
.msh-sgk-e-bildirge .dl .sat:nth-of-type(2) { animation-delay: .6s; }
.msh-sgk-e-bildirge .dl .sat:nth-of-type(3) { animation-delay: 1.4s; }
.msh-sgk-e-bildirge .dl .sat:nth-of-type(4) { animation-delay: 2.2s; }
.msh-sgk-e-bildirge .dl .t { flex: 1; min-width: 0; }
.msh-sgk-e-bildirge .dl .t b { font-size: 12px; white-space: nowrap; }
@keyframes msh-sgb-gir { 0% { opacity: 0; transform: translateX(28px); } 8%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateX(12px); } }

/* --- SGK e-Vizite: rapor kartı Onay bekleyen → Onaylı → Arşiv; sayaçlar el değiştirir --- */
.msh-sgk-e-vizite .kol { top: 46px; width: 118px; height: 156px; padding: 10px; }
.msh-sgk-e-vizite .c1 { left: 14px; }
.msh-sgk-e-vizite .c2 { left: 141px; }
.msh-sgk-e-vizite .c3 { left: 268px; }
.msh-sgk-e-vizite .kol .msh-hd b { font-size: 11px; white-space: nowrap; }
.msh-sgk-e-vizite .cnt { display: grid; }
.msh-sgk-e-vizite .cnt > * { grid-area: 1 / 1; justify-self: end; padding: 1px 7px; }
.msh-sgk-e-vizite .cnt .i0, .msh-sgk-e-vizite .cnt .i1 { opacity: 0; }
.msh-sgk-e-vizite .c1 .i0, .msh-sgk-e-vizite .c2 .i0 { animation: msh-svz-a var(--T) linear infinite; }
.msh-sgk-e-vizite .c3 .i0 { animation: msh-svz-a2 var(--T) linear infinite; }
.msh-sgk-e-vizite .c2 .i1 { animation: msh-svz-m var(--T) linear infinite; }
.msh-sgk-e-vizite .c1 .i2 { animation: msh-svz-b var(--T) linear infinite; }
.msh-sgk-e-vizite .c2 .i2, .msh-sgk-e-vizite .c3 .i2 { animation: msh-svz-c var(--T) linear infinite; }
@keyframes msh-svz-a { 0%, 27% { opacity: 1; } 29%, 99% { opacity: 0; } 100% { opacity: 1; } }
@keyframes msh-svz-a2 { 0%, 59% { opacity: 1; } 61%, 99% { opacity: 0; } 100% { opacity: 1; } }
@keyframes msh-svz-m { 0%, 27% { opacity: 0; } 29%, 59% { opacity: 1; } 61%, 100% { opacity: 0; } }
@keyframes msh-svz-b { 0%, 27% { opacity: 0; } 29%, 100% { opacity: 1; } }
@keyframes msh-svz-c { 0%, 59% { opacity: 0; } 61%, 100% { opacity: 1; } }
.msh-sgk-e-vizite .vk { position: absolute; top: 84px; width: 100px; height: 44px; padding: 6px 8px; border-radius: 9px; border: 1px solid var(--line); background: #f3f8fd; }
.msh-sgk-e-vizite .vk b, .msh-sgk-e-vizite .mv b { display: block; font-size: 11px; white-space: nowrap; color: var(--navy); font-weight: 600; }
.msh-sgk-e-vizite .vk small, .msh-sgk-e-vizite .mv small { display: block; color: var(--mut); font-size: 10px; }
.msh-sgk-e-vizite .v1 { left: 23px; }
.msh-sgk-e-vizite .v2 { left: 150px; }
.msh-sgk-e-vizite .v3 { left: 277px; }
.msh-sgk-e-vizite .nk { position: absolute; right: 8px; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: var(--amb); }
.msh-sgk-e-vizite .vk .msh-tik, .msh-sgk-e-vizite .mv .msh-tik { position: absolute; right: 7px; top: 6px; }
.msh-sgk-e-vizite .mv { left: 23px; top: 136px; width: 100px; height: 44px; padding: 6px 8px; border-radius: 9px; transform: translateX(254px); animation: msh-svz-mv var(--T) var(--out) infinite; }
@keyframes msh-svz-mv { 0% { opacity: 0; transform: translateX(0); } 4%, 14% { opacity: 1; transform: translateX(0); } 28%, 46% { opacity: 1; transform: translateX(127px); } 60%, 92% { opacity: 1; transform: translateX(254px); } 100% { opacity: 0; transform: translateX(254px); } }
.msh-sgk-e-vizite .mv .nk { opacity: 0; animation: msh-svz-nk var(--T) linear infinite; }
@keyframes msh-svz-nk { 0%, 27% { opacity: 1; } 29%, 100% { opacity: 0; } }
.msh-sgk-e-vizite .mv .msh-tik { animation: msh-svz-tk var(--T) var(--spring) infinite both; }
@keyframes msh-svz-tk { 0%, 28% { opacity: 0; transform: scale(.3); } 33%, 100% { opacity: 1; transform: none; } }

/* --- E-posta: Gönder basılır → zarf yay çizerek gelen kutusuna uçar → yeni ileti, "Gönderildi" --- */
.msh-e-posta .cmp { left: 12px; top: 26px; width: 224px; padding: 10px 12px; }
.msh-e-posta .cmp .dur { display: grid; }
.msh-e-posta .cmp .dur > * { grid-area: 1 / 1; justify-self: end; }
.msh-e-posta .cmp .tsl { opacity: 0; animation: msh-ep-ts var(--T) linear infinite; }
.msh-e-posta .cmp .gnd { animation: msh-ep-gn var(--T) var(--spring) infinite both; }
@keyframes msh-ep-ts { 0%, 54% { opacity: 1; } 56%, 94% { opacity: 0; } 100% { opacity: 1; } }
@keyframes msh-ep-gn { 0%, 54% { opacity: 0; transform: scale(.6); } 60%, 92% { opacity: 1; transform: none; } 98%, 100% { opacity: 0; transform: scale(.6); } }
.msh-e-posta .al { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-top: 1px solid var(--line); }
.msh-e-posta .msh-hd + .al { margin-top: 8px; }
.msh-e-posta .al small { flex: none; width: 40px; }
.msh-e-posta .al span { color: var(--navy); font-size: 10.5px; white-space: nowrap; }
.msh-e-posta .ek { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 5px 8px; border: 1px solid var(--line); border-radius: 9px; background: #f3f8fd; }
.msh-e-posta .ek .msh-ic { width: 22px; height: 22px; border-radius: 7px; }
.msh-e-posta .ek .msh-ic svg { width: 14px; height: 14px; }
.msh-e-posta .ek b { font-size: 10.5px; white-space: nowrap; }
.msh-e-posta .gn { display: block; width: 86px; margin-top: 10px; padding: 7px; border-radius: 9px; background: var(--p); color: #fff; font-size: 11px; font-weight: 600; text-align: center;
  box-shadow: 0 8px 16px -8px rgba(0, 136, 232, .8); animation: msh-ep-bas var(--T) ease-in-out infinite; }
@keyframes msh-ep-bas { 0%, 28% { transform: none; } 31% { transform: scale(.93); box-shadow: none; } 35%, 100% { transform: none; } }
.msh-e-posta .uc { left: 130px; top: 158px; opacity: 0; animation: msh-ep-uc var(--T) var(--out) infinite both; }
@keyframes msh-ep-uc { 0%, 33% { opacity: 0; transform: translate(0, 0) scale(.7); } 36% { opacity: 1; transform: translate(0, 0) scale(1); } 45% { opacity: 1; transform: translate(66px, -80px) rotate(-14deg); } 54% { opacity: 1; transform: translate(138px, -86px) scale(.85); } 58%, 100% { opacity: 0; transform: translate(138px, -86px) scale(.5); } }
.msh-e-posta .inb { left: 252px; top: 26px; width: 136px; padding: 10px 12px; }
.msh-e-posta .inb .msh-hd { padding-bottom: 6px; }
.msh-e-posta .inb .ml { display: flex; align-items: center; gap: 7px; height: 40px; border-top: 1px solid var(--line); }
.msh-e-posta .inb .t { flex: 1; min-width: 0; }
.msh-e-posta .inb .t b { font-size: 11px; }
.msh-e-posta .inb .t small { font-size: 10px; white-space: nowrap; }
.msh-e-posta .inb .nk { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--p); }
.msh-e-posta .inb .gr { display: block; height: 6px; border-radius: 3px; background: #edf2f7; }
.msh-e-posta .inb .g1 { width: 80%; }
.msh-e-posta .inb .g2 { width: 55%; margin-top: 6px; }
.msh-e-posta .inb .yeni { animation: msh-ep-yn var(--T) var(--spring) infinite both; }
@keyframes msh-ep-yn { 0%, 55% { opacity: 0; transform: translateY(-10px); } 62%, 92% { opacity: 1; transform: none; } 98%, 100% { opacity: 0; transform: translateY(-4px); } }

/* --- Netgsm SMS: doğrulama SMS'i kayar → altı hane tek tek dolar → "Doğrulandı" (yalnız kayıt/doğrulama kodu) --- */
.msh-netgsm-sms .tl { left: 16px; top: 12px; width: 132px; height: 226px; padding: 0; overflow: hidden; border: 4px solid var(--navy); border-radius: 22px; background: linear-gradient(180deg, #f4f9ff, #e6f1fc); }
.msh-netgsm-sms .cn { position: absolute; left: 50%; top: 6px; width: 34px; height: 5px; margin-left: -17px; border-radius: 3px; background: var(--navy); }
.msh-netgsm-sms .bl { position: absolute; left: 8px; right: 8px; top: 28px; padding: 8px 9px; border-radius: 12px; background: #fff; color: var(--ink); font-size: 10px; line-height: 1.4;
  box-shadow: 0 10px 20px -12px rgba(16, 40, 64, .5), 0 1px 2px rgba(16, 40, 64, .12); animation: msh-sms-bl var(--T) var(--spring) infinite both; animation-delay: .4s; }
@keyframes msh-sms-bl { 0% { opacity: 0; transform: translateY(-36px) scale(.95); } 8%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateY(-16px); } }
.msh-netgsm-sms .bl .kod { display: block; margin-top: 2px; color: var(--navy); font-size: 13px; font-weight: 700; letter-spacing: .04em; white-space: nowrap; }
.msh-netgsm-sms .bh { display: flex; align-items: center; gap: 5px; margin-bottom: 4px; }
.msh-netgsm-sms .bh .msh-av { width: 16px; height: 16px; border-radius: 5px; font-size: 8px; }
.msh-netgsm-sms .bh small { display: inline; font-size: 9px; }
.msh-netgsm-sms .sk { position: absolute; left: 12px; height: 7px; border-radius: 4px; background: rgba(16, 40, 64, .07); }
.msh-netgsm-sms .s1 { top: 132px; width: 70px; }
.msh-netgsm-sms .s2 { top: 150px; width: 92px; }
.msh-netgsm-sms .s3 { top: 168px; width: 56px; }
.msh-netgsm-sms .hb { position: absolute; left: 50%; bottom: 8px; width: 44px; height: 4px; margin-left: -22px; border-radius: 3px; background: var(--navy); opacity: .25; }
.msh-netgsm-sms .kd { left: 164px; top: 52px; width: 224px; padding: 12px; }
.msh-netgsm-sms .kd .msh-hd { justify-content: flex-start; }
.msh-netgsm-sms .kd .bs { display: flex; align-items: center; gap: 8px; }
.msh-netgsm-sms .hn { display: flex; gap: 6px; margin-top: 12px; }
.msh-netgsm-sms .d { flex: none; display: grid; place-items: center; width: 27px; height: 36px; border: 1.5px solid #b9d9f6; border-radius: 8px; background: #f6fafe; }
.msh-netgsm-sms .d b { color: var(--navy); font-size: 17px; font-weight: 700; animation: msh-sms-d var(--T) var(--spring) infinite both; }
.msh-netgsm-sms .d:nth-child(1) b { animation-delay: 1.8s; }
.msh-netgsm-sms .d:nth-child(2) b { animation-delay: 2.15s; }
.msh-netgsm-sms .d:nth-child(3) b { animation-delay: 2.5s; }
.msh-netgsm-sms .d:nth-child(4) b { animation-delay: 2.85s; }
.msh-netgsm-sms .d:nth-child(5) b { animation-delay: 3.2s; }
.msh-netgsm-sms .d:nth-child(6) b { animation-delay: 3.55s; }
@keyframes msh-sms-d { 0% { opacity: 0; transform: translateY(6px) scale(.6); } 5%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: scale(.8); } }
.msh-netgsm-sms .dv { margin-top: 12px; animation: msh-sms-dv var(--T) var(--spring) infinite both; animation-delay: 4.1s; }
.msh-netgsm-sms .dv svg { width: 10px; height: 10px; }
@keyframes msh-sms-dv { 0% { opacity: 0; transform: scale(.5); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: scale(.8); } }

/* --- Excel: sgk-listesi.xlsx → tablo (içe aktarma) → borc-listesi.xlsx (dışa aktarma); yeşil yalnız dosya karolarında --- */
.msh-excel .tl { position: absolute; width: 80px; text-align: center; }
.msh-excel .t1 { left: 8px; top: 38px; }
.msh-excel .t2 { left: 312px; top: 126px; animation: msh-xl-pop var(--T) var(--spring) infinite both; animation-delay: 4.4s; }
.msh-excel .tl small { display: block; color: var(--ink); font-size: 9px; font-weight: 600; white-space: nowrap; }
.msh-excel .xl { position: relative; display: grid; place-items: center; width: 46px; height: 58px; margin: 0 auto 6px; border-radius: 6px; background: #1d7a46; box-shadow: 0 12px 20px -12px rgba(29, 122, 70, .8); }
.msh-excel .xl::before { content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 12px; border-radius: 0 6px 0 4px; background: linear-gradient(225deg, #e3f5ec 50%, #14603a 50%); }
.msh-excel .xl b { color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -.02em; }
.msh-excel .t1 .xl { animation: msh-xl-nb var(--T) var(--out) infinite; }
@keyframes msh-xl-nb { 0% { transform: scale(1); } 3% { transform: scale(1.08); } 8%, 100% { transform: scale(1); } }
.msh-excel .xl .in { position: absolute; right: -8px; bottom: -6px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--navy); color: #fff; animation: msh-xl-in 1s ease-in-out infinite; }
.msh-excel .xl .in svg { width: 12px; height: 12px; }
@keyframes msh-xl-in { 0%, 100% { transform: translateY(-1px); } 50% { transform: translateY(2px); } }
@keyframes msh-xl-pop { 0% { opacity: 0; transform: scale(.6); } 8%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: scale(.8); } }
.msh-excel .y1 { left: 88px; top: 67px; width: 28px; }
.msh-excel .y2 { left: 284px; top: 155px; width: 28px; }
.msh-excel .pk { position: absolute; width: 9px; height: 9px; border-radius: 3px; background: #1d7a46; opacity: 0; animation: msh-xl-pk var(--T) var(--out) infinite; }
.msh-excel .p1 { left: 86px; top: 63px; }
.msh-excel .p2 { left: 282px; top: 151px; animation-delay: 3.4s; }
@keyframes msh-xl-pk { 0%, 2% { opacity: 0; transform: translateX(0); } 6% { opacity: 1; transform: translateX(0); } 15% { opacity: 1; transform: translateX(20px); } 18%, 100% { opacity: 0; transform: translateX(22px); } }
.msh-excel .pn { left: 116px; top: 16px; width: 168px; padding: 12px; }
.msh-excel .sy { animation: msh-xl-pop var(--T) var(--spring) infinite both; animation-delay: 3s; }
.msh-excel .tb { margin: 8px 0; }
.msh-excel .r { display: grid; grid-template-columns: 30px 1fr 36px; gap: 8px; align-items: center; height: 21px; padding: 0 5px; border-radius: 6px; }
.msh-excel .r i { display: block; height: 6px; border-radius: 3px; background: var(--p); opacity: .35; transform-origin: left; }
.msh-excel .r.bs i { height: 5px; background: var(--navy); opacity: .55; }
.msh-excel .r:not(.bs) { animation: msh-xl-fl var(--T) linear infinite; }
.msh-excel .r:not(.bs) i { animation: msh-xl-f var(--T) var(--out) infinite both; }
.msh-excel .r:nth-child(2), .msh-excel .r:nth-child(2) i { animation-delay: 1.3s; }
.msh-excel .r:nth-child(3), .msh-excel .r:nth-child(3) i { animation-delay: 1.7s; }
.msh-excel .r:nth-child(4), .msh-excel .r:nth-child(4) i { animation-delay: 2.1s; }
.msh-excel .r:nth-child(5), .msh-excel .r:nth-child(5) i { animation-delay: 2.5s; }
@keyframes msh-xl-f { 0% { transform: scaleX(0); } 6%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }
@keyframes msh-xl-fl { 0% { background: transparent; } 3%, 9% { background: var(--soft); } 14%, 100% { background: transparent; } }
.msh-excel .alt small { display: flex; justify-content: space-between; margin-bottom: 4px; }
.msh-excel .alt .msh-cubuk i { animation: msh-xl-bar var(--T) var(--out) infinite; }
@keyframes msh-xl-bar { 0%, 14% { transform: scaleX(0); } 42%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }

/* --- Vergi borcu takibi: İVD'den Anapara/Faiz/Toplam paketleri → tablo satırları, toplam sayar, gecikmiş işaret, paylaşım çipleri --- */
.msh-vergi-borcu-takibi .kay, .msh-e-yoklama-e-denetim-takibi .kay { left: 14px; top: 12px; width: 152px; height: 30px; display: flex; align-items: center; gap: 8px; padding: 4px 8px; }
.msh-vergi-borcu-takibi .kay .msh-ic, .msh-e-yoklama-e-denetim-takibi .kay .msh-ic { width: 22px; height: 22px; border-radius: 7px; }
.msh-vergi-borcu-takibi .kay .msh-ic svg, .msh-e-yoklama-e-denetim-takibi .kay .msh-ic svg { width: 14px; height: 14px; }
.msh-vergi-borcu-takibi .kay b, .msh-e-yoklama-e-denetim-takibi .kay b { font-size: 10.5px; white-space: nowrap; }
.msh-vergi-borcu-takibi .kay::after, .msh-e-yoklama-e-denetim-takibi .kay::after { content: ""; position: absolute; inset: -4px; border-radius: 15px; border: 2px solid rgba(0, 136, 232, .35); opacity: 0; animation: msh-vb-nabiz var(--T) var(--out) infinite; }
@keyframes msh-vb-nabiz { 0%, 3% { opacity: .9; transform: scale(.96); } 16% { opacity: 0; transform: scale(1.1); } 100% { opacity: 0; } }
.msh-vergi-borcu-takibi .msh-iz, .msh-e-yoklama-e-denetim-takibi .msh-iz { left: 170px; top: 27px; width: 66px; }
.msh-vergi-borcu-takibi .pk, .msh-e-yoklama-e-denetim-takibi .pk { position: absolute; left: 166px; top: 17px; opacity: 0; background: #fff; box-shadow: 0 6px 14px -6px rgba(11, 95, 176, .6); animation: msh-vb-pk var(--T) var(--out) infinite; }
.msh-vergi-borcu-takibi .pk1, .msh-e-yoklama-e-denetim-takibi .pk1 { animation-delay: .2s; }
.msh-vergi-borcu-takibi .pk2, .msh-e-yoklama-e-denetim-takibi .pk2 { animation-delay: .7s; }
.msh-vergi-borcu-takibi .pk3, .msh-e-yoklama-e-denetim-takibi .pk3 { animation-delay: 1.2s; }
@keyframes msh-vb-pk { 0%, 3% { opacity: 0; transform: translateX(-8px) scale(.9); } 7% { opacity: 1; transform: none; } 17% { opacity: 1; transform: translateX(34px); } 21%, 100% { opacity: 0; transform: translateX(46px) scale(.9); } }
.msh-vergi-borcu-takibi .pay { left: 248px; top: 12px; width: 138px; height: 30px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 6px; animation: msh-vb-pop var(--T) var(--spring) infinite both; animation-delay: 4.4s; }
.msh-vergi-borcu-takibi .pay .msh-pill { font-size: 10px; padding: 2px 7px; }
.msh-vergi-borcu-takibi .pay .msh-pill:first-child { animation: msh-vb-xl var(--T) ease-in-out infinite; }
@keyframes msh-vb-pop { 0% { opacity: 0; transform: translateY(6px) scale(.8); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
@keyframes msh-vb-xl { 0%, 66% { transform: none; } 69% { transform: scale(1.14); } 73%, 100% { transform: none; } }
.msh-vergi-borcu-takibi .tab { left: 14px; top: 50px; width: 372px; height: 146px; padding: 6px 12px; }
.msh-vergi-borcu-takibi .th, .msh-vergi-borcu-takibi .sat { display: grid; grid-template-columns: 1fr 52px 42px 66px; gap: 6px; align-items: center; }
.msh-vergi-borcu-takibi .th { height: 22px; color: var(--mut); font-size: 9.5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
.msh-vergi-borcu-takibi .th span:not(:first-child), .msh-vergi-borcu-takibi .sat > :not(.m) { text-align: right; }
.msh-vergi-borcu-takibi .sat { height: 37px; margin: 0 -6px; padding: 0 6px; border-top: 1px solid var(--line); border-radius: 8px; font-size: 11px; font-variant-numeric: tabular-nums; animation: msh-vb-gir var(--T) var(--out) infinite both; }
.msh-vergi-borcu-takibi .s1 { animation-delay: 1s; }
.msh-vergi-borcu-takibi .s2 { background: var(--ambbg); animation-name: msh-vb-gir, msh-vb-fl; animation-delay: 1.8s, 0s; }
.msh-vergi-borcu-takibi .s3 { animation-delay: 2.6s; }
.msh-vergi-borcu-takibi .sat .m { display: flex; align-items: center; gap: 6px; min-width: 0; }
.msh-vergi-borcu-takibi .sat .m b { white-space: nowrap; }
.msh-vergi-borcu-takibi .sat .msh-av { width: 22px; height: 22px; }
.msh-vergi-borcu-takibi .sat .msh-pill { padding: 1px 6px; font-size: 9.5px; }
@keyframes msh-vb-gir { 0% { opacity: 0; transform: translateX(24px); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateX(10px); } }
@keyframes msh-vb-fl { 0%, 38% { background: transparent; } 42%, 100% { background: var(--ambbg); } }
.msh-vergi-borcu-takibi .alt { left: 14px; top: 204px; width: 372px; height: 38px; display: flex; align-items: center; gap: 12px; padding: 6px 12px; }
.msh-vergi-borcu-takibi .alt small { flex: none; }
.msh-vergi-borcu-takibi .top { flex: 1; display: grid; }
.msh-vergi-borcu-takibi .top b { grid-area: 1 / 1; font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.msh-vergi-borcu-takibi .top .t0, .msh-vergi-borcu-takibi .top .t1, .msh-vergi-borcu-takibi .top .t2 { opacity: 0; }
.msh-vergi-borcu-takibi .top .t0 { animation: msh-vb-t0 var(--T) linear infinite; }
.msh-vergi-borcu-takibi .top .t1 { animation: msh-vb-t1 var(--T) linear infinite; }
.msh-vergi-borcu-takibi .top .t2 { animation: msh-vb-t2 var(--T) linear infinite; }
.msh-vergi-borcu-takibi .top .t3 { animation: msh-vb-t3 var(--T) linear infinite; }
@keyframes msh-vb-t0 { 0%, 17.4% { opacity: 1; } 17.5%, 100% { opacity: 0; } }
@keyframes msh-vb-t1 { 0%, 17.4% { opacity: 0; } 17.5%, 27.4% { opacity: 1; } 27.5%, 100% { opacity: 0; } }
@keyframes msh-vb-t2 { 0%, 27.4% { opacity: 0; } 27.5%, 37.4% { opacity: 1; } 37.5%, 100% { opacity: 0; } }
@keyframes msh-vb-t3 { 0%, 37.4% { opacity: 0; } 37.5%, 100% { opacity: 1; } }
.msh-vergi-borcu-takibi .gc { animation: msh-vb-pop var(--T) var(--spring) infinite both; animation-delay: 3.3s; }

/* --- E-tebligat takibi: gelen kutusuna tebligatlar düşer, okunmamış sayar, biri okunur, PDF'i arşive uçar --- */
.msh-e-tebligat-takibi .gk { left: 14px; top: 16px; width: 250px; height: 218px; padding: 10px 12px; }
.msh-e-tebligat-takibi .gk .msh-hd { height: 22px; margin-bottom: 4px; }
.msh-e-tebligat-takibi .sat { display: flex; align-items: center; gap: 8px; height: 56px; margin: 0 -6px; padding: 0 6px; border-top: 1px solid var(--line); border-radius: 8px; animation: msh-et-gir var(--T) var(--out) infinite both; }
.msh-e-tebligat-takibi .s1 { animation-name: msh-et-gir, msh-et-fl; animation-delay: .3s, 0s; }
.msh-e-tebligat-takibi .s2 { animation-delay: .9s; }
.msh-e-tebligat-takibi .s3 { animation-delay: 1.5s; }
.msh-e-tebligat-takibi .sat .t { flex: 1; min-width: 0; }
.msh-e-tebligat-takibi .sat .t b { display: block; font-size: 11.5px; white-space: nowrap; }
.msh-e-tebligat-takibi .sat small { font-size: 9.5px; white-space: nowrap; }
.msh-e-tebligat-takibi .sw { display: grid; }
.msh-e-tebligat-takibi .sw > * { grid-area: 1 / 1; }
.msh-e-tebligat-takibi .sw.d { justify-self: end; }
.msh-e-tebligat-takibi .sw .a { opacity: 0; animation: msh-et-a var(--T) linear infinite; }
.msh-e-tebligat-takibi .sw .b { animation: msh-et-b var(--T) linear infinite; }
@keyframes msh-et-gir { 0% { opacity: 0; transform: translateY(-14px); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes msh-et-fl { 0%, 43% { background: transparent; } 46%, 50% { background: var(--soft); } 56%, 100% { background: transparent; } }
@keyframes msh-et-a { 0%, 44.9% { opacity: 1; } 45%, 100% { opacity: 0; } }
@keyframes msh-et-b { 0%, 44.9% { opacity: 0; } 45%, 100% { opacity: 1; } }
.msh-e-tebligat-takibi .sy { left: 278px; top: 16px; width: 108px; height: 100px; padding: 12px; }
.msh-e-tebligat-takibi .sy small { display: flex; align-items: center; gap: 5px; }
.msh-e-tebligat-takibi .sy small::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--amb); }
.msh-e-tebligat-takibi .say { display: grid; }
.msh-e-tebligat-takibi .say b { grid-area: 1 / 1; font-variant-numeric: tabular-nums; }
.msh-e-tebligat-takibi .sy .say { margin-top: 6px; }
.msh-e-tebligat-takibi .sy .say b { font-size: 44px; line-height: 1.1; }
.msh-e-tebligat-takibi .sy .u0, .msh-e-tebligat-takibi .sy .u1, .msh-e-tebligat-takibi .sy .u3 { opacity: 0; }
.msh-e-tebligat-takibi .sy .u0 { animation: msh-et-u0 var(--T) linear infinite; }
.msh-e-tebligat-takibi .sy .u1 { animation: msh-et-u1 var(--T) linear infinite; }
.msh-e-tebligat-takibi .sy .u2 { animation: msh-et-u2 var(--T) linear infinite; }
.msh-e-tebligat-takibi .sy .u3 { animation: msh-et-u3 var(--T) linear infinite; }
@keyframes msh-et-u0 { 0%, 7.4% { opacity: 1; } 7.5%, 100% { opacity: 0; } }
@keyframes msh-et-u1 { 0%, 7.4% { opacity: 0; } 7.5%, 14.9% { opacity: 1; } 15%, 100% { opacity: 0; } }
@keyframes msh-et-u2 { 0%, 14.9% { opacity: 0; } 15%, 22.4% { opacity: 1; } 22.5%, 48.7% { opacity: 0; } 48.75%, 100% { opacity: 1; } }
@keyframes msh-et-u3 { 0%, 22.4% { opacity: 0; } 22.5%, 48.7% { opacity: 1; } 48.75%, 100% { opacity: 0; } }
.msh-e-tebligat-takibi .ar { left: 278px; top: 126px; width: 108px; height: 108px; padding: 12px; }
.msh-e-tebligat-takibi .ar .msh-ic { margin-bottom: 8px; }
.msh-e-tebligat-takibi .ar .say b { font-size: 18px; white-space: nowrap; }
.msh-e-tebligat-takibi .ar .a0 { opacity: 0; animation: msh-et-a0 var(--T) linear infinite; }
.msh-e-tebligat-takibi .ar .a1 { animation: msh-et-b2 var(--T) linear infinite; }
@keyframes msh-et-a0 { 0%, 64.9% { opacity: 1; } 65%, 100% { opacity: 0; } }
@keyframes msh-et-b2 { 0%, 64.9% { opacity: 0; } 65%, 100% { opacity: 1; } }
.msh-e-tebligat-takibi .ar::after { content: ""; position: absolute; inset: -4px; border-radius: 15px; border: 2px solid rgba(0, 136, 232, .4); opacity: 0; animation: msh-et-hal var(--T) var(--out) infinite; }
@keyframes msh-et-hal { 0%, 64% { opacity: 0; transform: scale(.96); } 66% { opacity: .9; } 80%, 100% { opacity: 0; transform: scale(1.08); } }
.msh-e-tebligat-takibi .pdf { position: absolute; left: 196px; top: 56px; opacity: 0; background: #fff; box-shadow: 0 6px 14px -6px rgba(11, 95, 176, .6); animation: msh-et-pdf var(--T) var(--out) infinite; }
@keyframes msh-et-pdf { 0%, 52% { opacity: 0; transform: none; } 54% { opacity: 1; transform: none; } 64% { opacity: 1; transform: translate(116px, 104px) scale(.85); } 66%, 100% { opacity: 0; transform: translate(116px, 104px) scale(.5); } }

/* --- E-yoklama / e-denetim takibi: İVD'den Yoklama + Denetim kayıtları → tutanak listesi, PDF arşivlenir, "Yeni" işareti --- */
.msh-e-yoklama-e-denetim-takibi .fl { left: 268px; top: 12px; width: 118px; height: 30px; display: flex; align-items: center; gap: 7px; padding: 4px 8px; }
.msh-e-yoklama-e-denetim-takibi .fl .msh-ic { width: 20px; height: 20px; border-radius: 6px; }
.msh-e-yoklama-e-denetim-takibi .fl .msh-ic svg { width: 13px; height: 13px; }
.msh-e-yoklama-e-denetim-takibi .fl b { font-size: 10.5px; white-space: nowrap; }
.msh-e-yoklama-e-denetim-takibi .fl::after { content: ""; position: absolute; inset: -4px; border-radius: 15px; border: 2px solid rgba(0, 136, 232, .4); opacity: 0; animation: msh-ey-nb var(--T) var(--out) infinite; }
@keyframes msh-ey-nb { 0%, 64% { opacity: 0; transform: scale(.97); } 66% { opacity: .9; } 80%, 100% { opacity: 0; transform: scale(1.1); } }
.msh-e-yoklama-e-denetim-takibi .tab { left: 14px; top: 52px; width: 372px; height: 180px; padding: 8px 12px; }
.msh-e-yoklama-e-denetim-takibi .tab .msh-hd { height: 22px; margin-bottom: 4px; }
.msh-e-yoklama-e-denetim-takibi .sat { display: flex; align-items: center; gap: 8px; height: 46px; border-top: 1px solid var(--line); animation: msh-ey-gir var(--T) var(--out) infinite both; }
.msh-e-yoklama-e-denetim-takibi .s1 { animation-delay: 1s; }
.msh-e-yoklama-e-denetim-takibi .s2 { animation-delay: 1.8s; }
.msh-e-yoklama-e-denetim-takibi .s3 { animation-delay: 2.6s; }
.msh-e-yoklama-e-denetim-takibi .sat b { flex: 1; min-width: 0; font-size: 11.5px; white-space: nowrap; }
.msh-e-yoklama-e-denetim-takibi .sat .msh-av { width: 22px; height: 22px; }
.msh-e-yoklama-e-denetim-takibi .tur { min-width: 58px; justify-content: center; }
.msh-e-yoklama-e-denetim-takibi .s2 .tur { background: #e8edf3; color: var(--navy); }
.msh-e-yoklama-e-denetim-takibi .pdf svg { width: 9px; height: 9px; }
.msh-e-yoklama-e-denetim-takibi .sat .pdf { animation: msh-ey-pop var(--T) var(--spring) infinite both; }
.msh-e-yoklama-e-denetim-takibi .s1 .pdf { animation-delay: 3.4s; }
.msh-e-yoklama-e-denetim-takibi .s2 .pdf { animation-delay: 4s; }
.msh-e-yoklama-e-denetim-takibi .s3 .pdf { animation-delay: 4.6s; }
.msh-e-yoklama-e-denetim-takibi .yn { animation: msh-ey-pop var(--T) var(--spring) infinite both; animation-delay: 3s; }
.msh-e-yoklama-e-denetim-takibi .yn::before { animation: msh-ey-dot 1.2s ease-in-out infinite; }
@keyframes msh-ey-gir { 0% { opacity: 0; transform: translateX(-26px); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateX(-10px); } }
@keyframes msh-ey-pop { 0% { opacity: 0; transform: scale(.4); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: scale(.7); } }
@keyframes msh-ey-dot { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.7); } }

/* --- Mükellef yönetimi: GİB listesi / Excel → toplu içe aktarma (satırlar, sayaç, çubuk) → mükellef künyesi açılır --- */
@property --msh-my-n { syntax: "<integer>"; inherits: false; initial-value: 0; }
.msh-mukellef-yonetimi .li { left: 14px; top: 16px; width: 176px; height: 218px; display: flex; flex-direction: column; padding: 10px 12px; }
.msh-mukellef-yonetimi .li .msh-hd { height: 22px; margin-bottom: 4px; }
.msh-mukellef-yonetimi .sy { --msh-my-n: 126; min-width: 38px; justify-content: center; font-variant-numeric: tabular-nums; counter-reset: myn var(--msh-my-n); animation: msh-my-say var(--T) var(--out) infinite; }
.msh-mukellef-yonetimi .sy::after { content: counter(myn); }
@keyframes msh-my-say { 0%, 6% { --msh-my-n: 0; } 38%, 100% { --msh-my-n: 126; } }
.msh-mukellef-yonetimi .sat { display: flex; align-items: center; gap: 8px; height: 30px; border-top: 1px solid var(--line); animation: msh-my-gir var(--T) var(--out) infinite both; }
.msh-mukellef-yonetimi .sat:nth-of-type(2) { animation-delay: .6s; }
.msh-mukellef-yonetimi .sat:nth-of-type(3) { animation-delay: 1s; }
.msh-mukellef-yonetimi .sat:nth-of-type(4) { animation-delay: 1.4s; }
.msh-mukellef-yonetimi .sat:nth-of-type(5) { animation-delay: 1.8s; }
.msh-mukellef-yonetimi .sat:nth-of-type(6) { animation-delay: 2.2s; }
.msh-mukellef-yonetimi .sat b { flex: 1; min-width: 0; font-size: 11px; white-space: nowrap; }
.msh-mukellef-yonetimi .sat .msh-av { width: 22px; height: 22px; }
.msh-mukellef-yonetimi .sat .msh-tik { animation: msh-my-pop var(--T) var(--spring) infinite both; }
.msh-mukellef-yonetimi .sat:nth-of-type(2) .msh-tik { animation-delay: .9s; }
.msh-mukellef-yonetimi .sat:nth-of-type(3) .msh-tik { animation-delay: 1.3s; }
.msh-mukellef-yonetimi .sat:nth-of-type(4) .msh-tik { animation-delay: 1.7s; }
.msh-mukellef-yonetimi .sat:nth-of-type(5) .msh-tik { animation-delay: 2.1s; }
.msh-mukellef-yonetimi .sat:nth-of-type(6) .msh-tik { animation-delay: 2.5s; }
.msh-mukellef-yonetimi .li .msh-cubuk { margin-top: auto; }
.msh-mukellef-yonetimi .li .msh-cubuk i { animation: msh-my-bar var(--T) var(--out) infinite; }
@keyframes msh-my-gir { 0% { opacity: 0; transform: translateX(30px); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateX(12px); } }
@keyframes msh-my-pop { 0% { opacity: 0; transform: scale(.3); } 6%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: scale(.6); } }
@keyframes msh-my-bar { 0%, 6% { transform: scaleX(0); } 38%, 88% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }
.msh-mukellef-yonetimi .src { left: 202px; top: 16px; width: 184px; height: 44px; display: flex; align-items: center; gap: 8px; padding: 7px 10px; }
.msh-mukellef-yonetimi .src b { display: block; font-size: 11px; white-space: nowrap; }
.msh-mukellef-yonetimi .src .msh-ic { width: 26px; height: 26px; }
.msh-mukellef-yonetimi .src::after { content: ""; position: absolute; inset: -4px; border-radius: 15px; border: 2px solid rgba(0, 136, 232, .35); opacity: 0; animation: msh-vb-nabiz var(--T) var(--out) infinite; }
.msh-mukellef-yonetimi .kn { left: 202px; top: 70px; width: 184px; height: 164px; padding: 12px; animation: msh-my-kn var(--T) var(--spring) infinite both; animation-delay: 3.4s; }
@keyframes msh-my-kn { 0% { opacity: 0; transform: translateX(36px) scale(.96); } 7%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: translateX(12px); } }
.msh-mukellef-yonetimi .kn .bas { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.msh-mukellef-yonetimi .kn .bas .msh-av { width: 30px; height: 30px; font-size: 11px; }
.msh-mukellef-yonetimi .kn .bas b { display: block; font-size: 11.5px; white-space: nowrap; }
.msh-mukellef-yonetimi .kn .et { margin-top: 9px; }
.msh-mukellef-yonetimi .kn .no { display: block; font-size: 14px; letter-spacing: .05em; white-space: nowrap; }
.msh-mukellef-yonetimi .kn .etk, .msh-mukellef-yonetimi .kn .cip { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.msh-mukellef-yonetimi .kn .msh-pill { font-size: 10px; padding: 2px 7px; }
.msh-mukellef-yonetimi .kn .cip .msh-pill { background: #fff; border: 1px solid var(--line); color: var(--navy); animation: msh-my-pop var(--T) var(--spring) infinite both; }
.msh-mukellef-yonetimi .kn .cip .c1 { animation-delay: 4.6s; }
.msh-mukellef-yonetimi .kn .cip .c2 { animation-delay: 5s; }

/* --- Kontrol turu: takvim (Haftalık) → GİB → İVD → SGK sırayla kontrol; bilgisayar kapalı, bulutta yürütülür; biri "Tamamlanamadı · bildirildi" --- */
.msh-kontrol-turu .tak { left: 14px; top: 12px; width: 152px; padding: 10px 12px; }
.msh-kontrol-turu .tak .msh-hd { margin-bottom: 6px; }
.msh-kontrol-turu .tak .seg { display: flex; gap: 2px; margin-bottom: 6px; padding: 2px; border: 1px solid var(--line); border-radius: 9px; }
.msh-kontrol-turu .tak .seg span { flex: 1; padding: 4px 0; border-radius: 7px; color: var(--mut); font-size: 10px; text-align: center; }
.msh-kontrol-turu .tak .seg .sec { background: var(--p); color: #fff; font-weight: 600; box-shadow: 0 6px 12px -6px rgba(0, 136, 232, .8); animation: msh-kt-sec var(--T) var(--out) infinite both; }
@keyframes msh-kt-sec { 0%, 6% { background: transparent; color: #5b6b7d; box-shadow: none; } 12%, 100% { background: #0088e8; color: #fff; box-shadow: 0 6px 12px -6px rgba(0, 136, 232, .8); } }
.msh-kontrol-turu .aygit { left: 14px; top: 140px; width: 152px; padding: 8px 12px; }
.msh-kontrol-turu .aygit .lap, .msh-kontrol-turu .aygit .bul { display: grid; grid-template-columns: 30px 1fr; align-items: center; column-gap: 8px; row-gap: 3px; }
.msh-kontrol-turu .aygit .lap { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid var(--line); }
.msh-kontrol-turu .aygit .msh-ic { grid-row: 1 / 3; }
.msh-kontrol-turu .aygit .bul .msh-ic { animation: msh-kt-ring 1.2s ease-out 5 both; }
@keyframes msh-kt-ring { from { box-shadow: 0 0 0 0 rgba(0, 136, 232, .55); } to { box-shadow: 0 0 0 9px rgba(0, 136, 232, 0); } }
.msh-kontrol-turu .aygit .kp { justify-self: start; background: #edf2f7; color: var(--mut); }
.msh-kontrol-turu .dn, .msh-kontrol-turu .dur { display: grid; }
.msh-kontrol-turu .dn > *, .msh-kontrol-turu .dur > * { grid-area: 1 / 1; justify-self: start; }
.msh-kontrol-turu .aygit .dn { grid-column: 2; }
.msh-kontrol-turu .dn .bk { opacity: 0; animation: msh-kt-bk var(--T) linear infinite both; }
.msh-kontrol-turu .dn .bt { animation: msh-kt-bt var(--T) var(--spring) infinite both; }
@keyframes msh-kt-bk { 0%, 66% { opacity: 1; } 67%, 100% { opacity: 0; } }
@keyframes msh-kt-bt { 0%, 66% { opacity: 0; transform: scale(.6); } 72%, 100% { opacity: 1; transform: none; } }
.msh-kontrol-turu .pan { left: 178px; top: 16px; width: 208px; padding: 12px; }
.msh-kontrol-turu .pan .msh-hd { margin-bottom: 6px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.msh-kontrol-turu .pan .sat { display: grid; grid-template-columns: 28px 1fr; align-items: center; column-gap: 8px; row-gap: 3px; padding: 6px 4px; margin: 0 -4px; border-radius: 8px; animation: msh-kt-akt var(--T) linear infinite; }
.msh-kontrol-turu .pan .sat .msh-av { grid-row: 1 / 3; width: 28px; height: 28px; font-size: 9px; }
.msh-kontrol-turu .pan .sat .ad small { color: var(--mut); font-size: 10.5px; }
.msh-kontrol-turu .pan .sat .dur { grid-column: 2; }
.msh-kontrol-turu .pan .sat .bek { opacity: 0; background: #edf2f7; color: var(--mut); animation: msh-kt-bek var(--T) linear infinite both; }
.msh-kontrol-turu .pan .sat .son { animation: msh-kt-son var(--T) var(--spring) infinite both; }
.msh-kontrol-turu .pan .s1, .msh-kontrol-turu .pan .s1 .bek, .msh-kontrol-turu .pan .s1 .son { animation-delay: 1.2s; }
.msh-kontrol-turu .pan .s2, .msh-kontrol-turu .pan .s2 .bek, .msh-kontrol-turu .pan .s2 .son { animation-delay: 2.8s; }
.msh-kontrol-turu .pan .s3, .msh-kontrol-turu .pan .s3 .bek, .msh-kontrol-turu .pan .s3 .son { animation-delay: 4.4s; }
@keyframes msh-kt-akt { 0%, 16% { background: #e6f3ff; } 22%, 100% { background: transparent; } }
@keyframes msh-kt-bek { 0%, 4% { opacity: 1; } 5%, 100% { opacity: 0; } }
@keyframes msh-kt-son { 0%, 4% { opacity: 0; transform: scale(.5); } 10%, 100% { opacity: 1; transform: none; } }
.msh-kontrol-turu .pan .alt { margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--line); animation: msh-kt-alt var(--T) var(--out) infinite both; }
@keyframes msh-kt-alt { 0%, 66% { opacity: 0; } 72%, 100% { opacity: 1; } }

/* --- Beyanname takvimi: genel kural son günleri işaretlenir; 28 tatile rastlarsa süre ilk iş gününe (29) kayar; hatırlatma YOK --- */
.msh-takvim .cal { left: 12px; top: 14px; width: 196px; padding: 10px 12px; }
.msh-takvim .cal .msh-hd { margin-bottom: 8px; }
.msh-takvim .cal .izg { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.msh-takvim .cal .bs { height: 12px; color: var(--mut); font-size: 8.5px; text-align: center; }
.msh-takvim .cal .g { display: grid; place-items: center; height: 24px; }
.msh-takvim .cal .g i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; color: var(--ink); font-size: 10.5px; font-style: normal; font-weight: 500; }
.msh-takvim .cal .izg > :nth-child(7n + 6), .msh-takvim .cal .izg > :nth-child(7n) { color: #9aa7b3; }
.msh-takvim .cal .izg > :nth-child(7n + 6) i, .msh-takvim .cal .izg > :nth-child(7n) i { color: #9aa7b3; }
.msh-takvim .cal .g25 i, .msh-takvim .cal .g26 i { background: var(--soft); color: var(--pd); font-weight: 700; animation: msh-tk-gun .6s var(--spring) both; }
.msh-takvim .cal .g25 i { animation-delay: .9s; }
.msh-takvim .cal .g26 i { animation-delay: 1.9s; }
@keyframes msh-tk-gun { from { background: transparent; color: #1b2b3c; font-weight: 500; transform: scale(.7); } }
.msh-takvim .cal .g28 i { background: repeating-linear-gradient(135deg, #fdeee2 0 3px, #fff 3px 6px); color: var(--amb-ink); font-weight: 700; text-decoration: line-through; box-shadow: inset 0 0 0 1px var(--amb); animation: msh-tk-tatil var(--T) var(--out) infinite both; animation-delay: 2.9s; }
@keyframes msh-tk-tatil { 0% { background: #fff; color: #1b2b3c; box-shadow: none; text-decoration: none; transform: none; } 4%, 16% { background: #0088e8; color: #fff; box-shadow: none; text-decoration: none; transform: scale(1.12); } 22%, 100% { background: repeating-linear-gradient(135deg, #fdeee2 0 3px, #fff 3px 6px); color: #b35507; box-shadow: inset 0 0 0 1px #e16e0a; text-decoration: line-through; transform: none; } }
.msh-takvim .cal .g29 { position: relative; z-index: 1; }
.msh-takvim .cal .g29 i { background: var(--p); color: #fff; font-weight: 700; box-shadow: 0 6px 12px -6px rgba(0, 136, 232, .8); animation: msh-tk-kay var(--T) var(--out) infinite both; animation-delay: 4.4s; }
@keyframes msh-tk-kay { 0% { opacity: 0; transform: translateX(-24px); } 10%, 100% { opacity: 1; transform: none; } }
.msh-takvim .cal .kay { display: block; margin-top: 8px; color: var(--amb-ink); font-size: 10px; font-weight: 600; animation: msh-tk-fade var(--T) var(--out) infinite both; animation-delay: 4.4s; }
@keyframes msh-tk-fade { 0% { opacity: 0; } 10%, 100% { opacity: 1; } }
.msh-takvim .lst { left: 220px; top: 14px; width: 168px; padding: 10px 12px; }
.msh-takvim .lst .msh-hd { margin-bottom: 4px; }
.msh-takvim .lst .sat { display: flex; align-items: center; gap: 8px; height: 36px; animation: msh-tk-sat var(--T) var(--out) infinite both; }
.msh-takvim .lst .s1 { animation-delay: .9s; }
.msh-takvim .lst .s2 { animation-delay: 1.9s; }
.msh-takvim .lst .s3 { animation-delay: 2.9s; }
@keyframes msh-tk-sat { 0% { opacity: 0; transform: translateX(10px); } 8%, 100% { opacity: 1; transform: none; } }
.msh-takvim .lst .sat .msh-pill { flex: none; min-width: 26px; justify-content: center; }
.msh-takvim .lst .sat .ad b { display: block; font-size: 11.5px; }
.msh-takvim .lst .sat .ad small { font-size: 9.5px; }
.msh-takvim .kt { left: 12px; top: 190px; width: 376px; display: flex; align-items: center; gap: 10px; padding: 9px 12px; animation: msh-tk-fade var(--T) var(--out) infinite both; animation-delay: 5.4s; }
.msh-takvim .kt > span:nth-child(2) { flex: 1; }
.msh-takvim .kt b { display: block; }

/* --- Ekip ve yetki: tarayıcı penceresi (kurulum yok) → ofis hesabı → personel ↔ yetkili mükellefler → maskeli şifre + işlem kaydı --- */
.msh-ekip-yetki .pen { left: 10px; top: 10px; width: 380px; height: 230px; padding: 0; overflow: hidden; }
.msh-ekip-yetki .pen .cub { display: flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; background: #f2f6fa; border-bottom: 1px solid var(--line); }
.msh-ekip-yetki .pen .cub i { width: 7px; height: 7px; border-radius: 50%; background: #cfd9e4; }
.msh-ekip-yetki .pen .cub .msh-pill { margin-left: 8px; }
.msh-ekip-yetki .pen .ofs { padding: 8px 12px; border-bottom: 1px solid var(--line); }
.msh-ekip-yetki .pen .sat { display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; animation: msh-ey-sat var(--T) var(--out) infinite both; }
.msh-ekip-yetki .pen .s1 { animation-delay: .6s; }
.msh-ekip-yetki .pen .s2 { animation-delay: 1.8s; }
.msh-ekip-yetki .pen .s3 { animation-delay: 3s; }
@keyframes msh-ey-sat { 0% { opacity: 0; transform: translateX(-10px); } 8%, 100% { opacity: 1; transform: none; } }
.msh-ekip-yetki .pen .sat b { flex: none; width: 58px; font-size: 11.5px; }
.msh-ekip-yetki .pen .sat .iz { flex: 1 1 auto; height: 0; min-width: 8px; border-top: 2px dashed #b9d9f6; transform-origin: left; animation: msh-ey-iz var(--T) var(--out) infinite both; }
.msh-ekip-yetki .pen .s1 .iz { animation-delay: 1s; }
.msh-ekip-yetki .pen .s2 .iz { animation-delay: 2.2s; }
.msh-ekip-yetki .pen .s3 .iz { animation-delay: 3.4s; }
@keyframes msh-ey-iz { 0% { transform: scaleX(0); } 8%, 100% { transform: scaleX(1); } }
.msh-ekip-yetki .pen .sat .mk { flex: none; display: flex; gap: 4px; }
.msh-ekip-yetki .pen .sat .mk .msh-pill { animation: msh-ey-chip var(--T) var(--spring) infinite both; }
.msh-ekip-yetki .pen .s1 .mk .msh-pill { animation-delay: 1.4s; }
.msh-ekip-yetki .pen .s2 .mk .msh-pill { animation-delay: 2.6s; }
.msh-ekip-yetki .pen .s3 .mk .msh-pill { animation-delay: 3.8s; }
@keyframes msh-ey-chip { 0% { opacity: 0; transform: scale(.6); } 8%, 100% { opacity: 1; transform: none; } }
.msh-ekip-yetki .pen .ksa { display: flex; align-items: center; gap: 8px; margin: 6px 12px 0; padding: 6px 10px; border-radius: 10px; background: #f4f8fc; border: 1px solid var(--line); animation: msh-ey-ksa var(--T) var(--out) infinite both; animation-delay: 4.7s; }
@keyframes msh-ey-ksa { 0% { opacity: 0; transform: translateY(8px); } 8%, 100% { opacity: 1; transform: none; } }
.msh-ekip-yetki .pen .ksa .msh-ic { width: 26px; height: 26px; border-radius: 8px; }
.msh-ekip-yetki .pen .ksa .msh-ic svg { width: 15px; height: 15px; }
.msh-ekip-yetki .pen .ksa .ad { flex: 1; min-width: 0; }
.msh-ekip-yetki .pen .ksa .ad b { display: block; font-size: 11px; }
.msh-ekip-yetki .pen .ksa .ad small { font-size: 9.5px; white-space: nowrap; }
.msh-ekip-yetki .pen .ksa .no { flex: none; color: var(--navy); font-size: 13px; font-weight: 700; letter-spacing: .12em; }
.msh-ekip-yetki .pen .kay { display: block; padding: 4px 12px 0; animation: msh-ey-ksa var(--T) var(--out) infinite both; animation-delay: 5.7s; }

/* --- Destek ve demo: tarayıcıda form doldurulur → demo kartı (iş günü içinde dönüş, 30 dk) → destek (hafta içi 09:00–18:00) --- */
.msh-destek .pen { left: 12px; top: 14px; width: 204px; height: 222px; padding: 0; overflow: hidden; }
.msh-destek .pen .cub { display: flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; background: #f2f6fa; border-bottom: 1px solid var(--line); }
.msh-destek .pen .cub i { width: 7px; height: 7px; border-radius: 50%; background: #cfd9e4; }
.msh-destek .pen .cub .msh-pill { margin-left: 8px; }
.msh-destek .pen .alan { position: relative; height: 24px; margin: 8px 12px 0; border: 1px solid var(--line); border-radius: 7px; }
.msh-destek .pen .alan small { position: absolute; left: 8px; top: 4px; font-size: 9.5px; }
.msh-destek .pen .alan i { position: absolute; left: 62px; top: 8px; height: 6px; width: var(--w); border-radius: 3px; background: #b9d9f6; transform-origin: left; animation: msh-dk-dol var(--T) var(--out) infinite both; }
.msh-destek .pen .a1 { --w: 80px; }
.msh-destek .pen .a2 { --w: 60px; }
.msh-destek .pen .a3 { --w: 96px; }
.msh-destek .pen .a1 i { animation-delay: .4s; }
.msh-destek .pen .a2 i { animation-delay: 1.2s; }
.msh-destek .pen .a3 i { animation-delay: 2s; }
@keyframes msh-dk-dol { 0% { transform: scaleX(0); } 10%, 100% { transform: scaleX(1); } }
.msh-destek .pen .dug { display: block; margin: 10px 12px 0; padding: 7px; border-radius: 9px; background: var(--p); color: #fff; font-size: 11px; font-weight: 600; text-align: center; box-shadow: 0 8px 16px -8px rgba(0, 136, 232, .8); animation: msh-dk-bas var(--T) ease-in-out infinite; animation-delay: 3s; }
@keyframes msh-dk-bas { 0% { transform: none; } 4% { transform: scale(.93); box-shadow: none; } 8%, 100% { transform: none; } }
.msh-destek .pen .trv { margin: 12px 12px 0; padding-top: 10px; border-top: 1px solid var(--line); }
.msh-destek .pen .trv small { margin-bottom: 6px; }
.msh-destek .pen .trv .cp { display: flex; gap: 3px; }
.msh-destek .pen .trv .msh-pill { padding: 2px 5px; font-size: 9.5px; }
.msh-destek .dm { left: 228px; top: 14px; width: 160px; padding: 11px 12px; animation: msh-dk-gel var(--T) var(--out) infinite both; animation-delay: 3.6s; }
@keyframes msh-dk-gel { 0% { opacity: 0; transform: translateX(-14px); } 8%, 100% { opacity: 1; transform: none; } }
.msh-destek .dm .msh-hd { margin-bottom: 2px; }
.msh-destek .dm .msh-tik { animation: msh-dk-tik var(--T) var(--spring) infinite both; animation-delay: 4.2s; }
@keyframes msh-dk-tik { 0% { opacity: 0; transform: scale(.3); } 8%, 100% { opacity: 1; transform: none; } }
.msh-destek .dm .cv { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.msh-destek .dm .cv b { display: block; font-size: 10.5px; line-height: 1.25; }
.msh-destek .ds { left: 228px; top: 142px; width: 160px; padding: 11px 12px; animation: msh-dk-gel var(--T) var(--out) infinite both; animation-delay: 5.2s; }
.msh-destek .ds .sa { display: block; margin: 8px 0 2px; color: var(--navy); font-size: 17px; font-weight: 700; letter-spacing: -.01em; }

/* ================= 6. azaltılmış hareket ================= */
@media (prefers-reduced-motion: reduce) {
  .msh *, .msh *::before, .msh *::after, .msh-hz-kart, .msh-hz-kart > a::before, .msh-akis-akan, .msh-hz-filtre .ok { animation: none !important; transition: none !important; }
}