/* MSM WORK V50 (V2.4.40.0 / V2.5.12) – portal ana panoları. Yalnız onaylı v48 renk ailesi (lacivert #16325c / #22467a / #0f2443, altın #c9a227,
   zemin #f6f8fb, çizgi #d9e1ec, soluk #5b6778); bildirim sayacı mevcut portal kırmızısı (--msm-kirmizi). Yeni renk tokenı yok. */
.v50-gizli{display:none!important}
/* üst şerit başlığı */
.v50-bant .v44-orta[data-v50]{font-size:0!important;letter-spacing:0}
.v50-bant .v44-orta[data-v50] *{font-size:0!important}
.v50-bant .v44-orta[data-v50]::before{content:attr(data-v50);font-size:19px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
@media (max-width:640px){.v50-bant .v44-orta[data-v50]::before{font-size:12.5px;line-height:1.2;white-space:normal;text-align:right;display:block;max-width:150px}}

/* işletme: pano açıkken yalnız menü ve pano görünür (mevcut bölümler DOM'da kalır) */
#fp.v50-pano-acik>:not(.v49-menu):not(.v50-pano){display:none!important}
#fp:not(.v50-pano-acik)>.v50-pano{display:none!important}

.v50-pano{margin:6px 0 18px;color:var(--v48-yazi,#1f2a3a);font-family:inherit}
.v50-pano *{box-sizing:border-box}
.v50-hos{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#16325c 0%,#22467a 70%,#0f2443 100%);color:#fff;border-radius:14px;padding:18px 22px;border-bottom:3px solid #c9a227;box-shadow:0 6px 18px rgba(15,36,67,.18)}
.v50-pano .v50-hos h1{margin:4px 0 2px;font-size:22px;line-height:1.25;color:#fff!important;font-weight:700;background:none;border:0;padding:0}
.v50-hos p{margin:0;font-size:14px;opacity:.92}
.v50-hos-k{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9a227}
.v50-hos-t{font-size:13px;opacity:.9}

/* dört sayaç: 3B düğme, hover'da altın kenar ve yükselti */
.v50-sayaclar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.v50-sayac{display:flex;align-items:center;gap:12px;text-align:left;min-height:84px;padding:14px 16px;background:#fff;border:1px solid #d9e1ec;border-left:4px solid #16325c;border-bottom:3px solid #c3ccd8;border-radius:12px;
  cursor:pointer;font:inherit;color:inherit;box-shadow:0 2px 4px rgba(15,36,67,.08),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .15s,box-shadow .15s,border-color .15s,background-color .15s}
.v50-sayac:hover{transform:translateY(-3px);border-color:#c9a227;border-left-color:#c9a227;background:#f6f8fb;box-shadow:0 10px 20px rgba(15,36,67,.16),0 0 0 1px rgba(201,162,39,.35)}
.v50-sayac:active{transform:translateY(1px);border-bottom-width:1px;box-shadow:inset 0 2px 5px rgba(15,36,67,.18)}
.v50-sayac:focus-visible{outline:2px solid #c9a227;outline-offset:2px}
.v50-sayac-ik{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:#f6f8fb;border:1px solid #d9e1ec;display:grid;place-items:center;color:#16325c}
.v50-sayac:hover .v50-sayac-ik{background:#16325c;color:#fff;border-color:#16325c}
.v50-sayac-m{display:flex;flex-direction:column;min-width:0}
.v50-sayac-n{font-size:28px;line-height:1.05;font-weight:800;color:#16325c}
.v50-sayac-a{font-size:13.5px;font-weight:700;color:#16325c}
.v50-sayac small{font-size:11.5px;color:#5b6778;margin-top:2px}
.v50-ik{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v50-bik{width:18px;height:18px;fill:none;stroke:#16325c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:8px;vertical-align:-3px}

/* kutular */
.v50-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v50-kutu{background:#fff;border:1px solid #d9e1ec;border-radius:12px;padding:14px 16px;margin:0 0 12px;box-shadow:0 1px 2px rgba(15,36,67,.06);min-width:0}
.v50-kutu h2{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:15.5px;font-weight:700;color:#16325c;padding-left:10px;border-left:4px solid #c9a227}
.v50-kutu h3{margin:12px 0 6px;font-size:12.5px;font-weight:700;color:#5b6778;text-transform:uppercase;letter-spacing:.04em}
.v50-bos{margin:4px 0;color:#5b6778;font-size:13px}
.v50-liste{list-style:none;margin:0;padding:0}
.v50-liste>li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #d9e1ec;font-size:13.5px}
.v50-liste>li:last-child{border-bottom:0}
.v50-liste>li>small{color:#5b6778;white-space:nowrap}
.v50-satir{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;margin:-2px -4px;background:transparent;border:1px solid transparent;border-radius:9px;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s}
.v50-satir:hover{background:#f6f8fb;border-color:#c9a227;transform:translateY(-1px)}
.v50-satir:focus-visible{outline:2px solid #c9a227;outline-offset:1px}
.v50-satir-ad{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.v50-satir-ad .v50-ik{width:18px;height:18px;color:#16325c}
.v50-ad{font-weight:700;color:#16325c}
.v50-satir-ad small{display:block;width:100%;color:#5b6778;font-size:12px}
.v50-satir-t{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;color:#16325c;white-space:nowrap}
.v50-satir-t small{font-weight:500;color:#5b6778;font-size:11.5px}
.v50-satir-t.yok{color:#5b6778;font-weight:600;font-style:italic}
.v50-say{min-width:30px;height:30px;padding:0 9px;border-radius:999px;display:inline-grid;place-items:center;background:var(--msm-kirmizi,#d92d20);color:#fff;font-weight:800;font-size:13px;box-shadow:0 2px 4px rgba(15,36,67,.2)}
.v50-bild li{align-items:flex-start}
.v50-bild li span{position:relative;padding-left:14px}
.v50-bild li span::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--msm-kirmizi,#d92d20)}
.v50-bild li.okundu span::before{background:#c3ccd8}
.v50-etk{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:#f6f8fb;border:1px solid #d9e1ec;color:#16325c;white-space:nowrap}
.v50-etk.uyari{border-color:#c9a227;background:#fff8e1}

/* kırmızı sayaç: menü düğmeleri, kutu başlıkları */
.v50-rozet{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:var(--msm-kirmizi,#d92d20);color:#fff;font-size:11.5px;font-weight:800;line-height:1;box-shadow:0 0 0 2px #fff;vertical-align:middle}
.v49-menu button{position:relative}
.v49-menu .v50-rozet{position:absolute;top:-8px;right:-8px;margin:0}
.v50-pano-btn{display:inline-flex;align-items:center;gap:6px}
.v50-pano-btn .v50-ik{width:18px;height:18px}
.v49-menu .v50-pano-btn.active{outline:2px solid #c9a227;outline-offset:1px}

/* ajans: iş emri kartları */
.v50-is-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.v50-is{border:1px solid #d9e1ec;border-left:4px solid #16325c;border-radius:12px;padding:12px 14px;background:#fff;transition:box-shadow .15s,transform .15s,border-color .15s;min-width:0}
.v50-is:hover{box-shadow:0 8px 18px rgba(15,36,67,.12);transform:translateY(-2px);border-left-color:#c9a227}
.v50-is header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}
.v50-is header>div{display:flex;flex-direction:column;gap:2px}
.v50-is-no{font-size:15px;color:#16325c}
.v50-is-isl{font-size:13px;color:#5b6778}
.v50-is-isl b{color:#16325c}
.v50-durum{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #d9e1ec;background:#f6f8fb;color:#16325c;white-space:nowrap}
.v50-durum.yeni{background:#16325c;color:#fff;border-color:#16325c;box-shadow:0 0 0 2px rgba(201,162,39,.45)}
.v50-durum.acik{border-color:#c9a227}
.v50-tablo-sar{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -2px}
.v50-tablo{width:100%;border-collapse:collapse;font-size:13px;min-width:360px}
.v50-tablo th{background:#f6f8fb;color:#16325c;text-align:right;padding:6px 8px;border-bottom:1px solid #d9e1ec;font-weight:700;white-space:nowrap}
.v50-tablo th:first-child,.v50-tablo td:first-child{text-align:left}
.v50-tablo td{padding:6px 8px;border-bottom:1px solid #d9e1ec;text-align:right;font-variant-numeric:tabular-nums}
.v50-k{display:none}
.v50-tablo td small{display:block;color:#5b6778;font-size:11.5px}
.v50-is footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.v50-gercek{color:#5b6778;font-size:12px}
.v50-yukle{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border-radius:10px;font-weight:700;cursor:pointer;color:#fff;
  background:linear-gradient(180deg,#22467a,#16325c);border:1px solid #16325c;border-bottom:3px solid #0f2443;box-shadow:0 2px 4px rgba(15,36,67,.20),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .15s,box-shadow .15s,border-color .15s}
.v50-yukle:hover{background:#22467a;border-color:#c9a227;border-bottom-color:#0f2443;transform:translateY(-2px);box-shadow:0 7px 16px rgba(15,36,67,.30),0 0 0 1px rgba(201,162,39,.35)}
.v50-yukle:active{transform:translateY(2px);border-bottom-width:1px}
.v50-yukle .v50-ik{width:18px;height:18px}

/* tablet / telefon */
@media (max-width:1100px){.v50-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.v50-sayaclar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .v50-hos{padding:14px 16px;border-radius:12px}.v50-hos h1{font-size:18px}
  .v50-sayaclar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v50-sayac{min-height:76px;padding:10px;gap:8px;flex-direction:column;align-items:flex-start}
  .v50-sayac-ik{width:34px;height:34px}.v50-sayac-n{font-size:24px}.v50-sayac-a{font-size:12.5px}
  .v50-izgara{grid-template-columns:1fr}
  .v50-is-izgara{grid-template-columns:1fr}
  .v50-yukle{width:100%;justify-content:center}
  .v50-tablo{min-width:0;font-size:12px;table-layout:fixed}.v50-tablo th{padding:5px 3px;font-size:11px;white-space:nowrap}.v50-tablo .v50-u{display:none}.v50-tablo .v50-k{display:inline}.v50-tablo td{padding:5px 2px}.v50-tablo th:first-child,.v50-tablo td:first-child{width:26%;white-space:normal;overflow-wrap:anywhere}
  .v49-menu .v50-rozet{top:50%;right:12px;transform:translateY(-50%)}
}