/* PAYON Hizmet Durumu: ana sitenin harfli menü panosu dilinde (../style.css). */
.pano { scroll-margin-top: var(--oluk-h); }
.du-lead { font-size: clamp(18px, 1.6vw, 22px); line-height: 1.45; max-width: 60ch; margin: 22px 0 22px; color: var(--murekkep-2); }
.du-liste { max-width: 880px; margin-top: 18px; }
.du-liste .sm-isim b { font-weight: 700; }
.du-liste .sm-isim small { display: block; font-size: 14px; font-weight: 500; color: var(--soluk); margin-top: 2px; }
.du-not { max-width: 70ch; margin: 16px 0 0; color: var(--soluk); font-size: 14px; }

/* genel durum şeridi */
.du-genel { --renk: var(--kehribar-koyu); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; max-width: 880px; padding: 16px clamp(14px, 2.4vw, 24px); background: var(--beyaz); border: 1.5px solid var(--murekkep); border-radius: 6px; box-shadow: var(--golge-tent); }
.du-genel b { display: block; font: 800 clamp(20px, 2.2vw, 26px)/1.1 "Barlow Condensed", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--murekkep); }
.du-genel span { font-size: 15px; color: var(--soluk); }
.du-nokta { width: 16px; height: 16px; border-radius: 50%; background: var(--renk); box-shadow: 0 0 0 5px color-mix(in srgb, var(--renk) 22%, transparent); }
.du-genel[data-d="iyi"] { --renk: var(--nane); }
.du-genel[data-d="iyi"] .du-nokta { animation: du-nabiz 2.4s infinite ease-in-out; }
.du-genel[data-d="kismi"] { --renk: var(--kehribar); }
.du-genel[data-d="sorun"] { --renk: var(--hata); }
.du-genel[data-d="bekle"] .du-nokta { animation: du-nabiz 1s infinite ease-in-out; }
@keyframes du-nabiz { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.82); opacity: .6; } }
@media (prefers-reduced-motion: reduce) { .du-nokta { animation: none !important; } }
.du-yenile { white-space: nowrap; }
.du-yenile:disabled { opacity: .55; cursor: progress; transform: none; }

/* durum çipleri (ana sitedeki .durum.hazir / .bekliyor devamı) */
.durum.sorun { color: var(--hata); }
.sm-fiyat small { font-size: .7em; opacity: .8; font-weight: 600; letter-spacing: .04em; }

.du-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 22px; }
.du-bag { font: 800 17px/1 "Barlow Condensed", sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--murekkep); text-decoration: none; border-bottom: 2px solid var(--kehribar); padding-bottom: 3px; }

@media (max-width: 640px) {
  .du-genel { grid-template-columns: auto 1fr; }
  .du-yenile { grid-column: 1 / -1; }
}