/* =========================================================
   b2bNet — durum.css
   /sistem-durumu — servis durum sayfasi
   Tum sinif adlari .b2b-drm- onekli.
   ========================================================= */

.b2b-drm{
  --drm-kenar:#E3EBF8;
  --drm-yazi:#41546F;
  --drm-yazi-2:#7488A6;
  --drm-iyi:#1FA463;
  --drm-iyi-acik:#3FC182;
  --drm-uyari:#E0982A;
  --drm-kesinti:#D6455B;
  --drm-bos:#DDE6F3;
  --drm-golge:0 1px 2px rgba(15,44,107,.05), 0 8px 24px -14px rgba(15,44,107,.22);
  background:#F6F9FF;
}

/* ---------------------------------------------------------
   1. TEPE
   --------------------------------------------------------- */
.b2b-drm-tepe{
  position:relative; overflow:hidden;
  padding:172px 24px 56px;
  background:
    radial-gradient(110% 80% at 85% 0%, rgba(37,99,235,.08) 0%, rgba(37,99,235,0) 62%),
    linear-gradient(180deg,#FFFFFF 0%, #F1F6FE 76%, #F6F9FF 100%);
}
@media (max-width:900px){ .b2b-drm-tepe{ padding:162px 20px 48px; } }
@media (max-width:640px){ .b2b-drm-tepe{ padding:148px 18px 40px; } }

.b2b-drm-tepe-ic{ max-width:900px; margin-inline:auto; }

.b2b-drm-baslik{
  margin:0; font-size:clamp(28px, 3.8vw, 40px); line-height:1.12;
  font-weight:800; letter-spacing:-.024em; color:#0F2C6B;
}
.b2b-drm-giris{
  margin:14px 0 0; max-width:560px;
  font-size:16px; line-height:1.65; color:#5A6E8C;
}

/* ---- genel durum bandi ---- */
.b2b-drm-band{
  margin-top:28px; display:flex; flex-wrap:wrap; align-items:center; gap:14px;
  padding:20px 24px; border-radius:16px;
  border:1px solid #BFE6CF; background:linear-gradient(140deg,#F1FBF5,#E8F7EE);
}
.b2b-drm-band--uyari{ border-color:#F2DCB4; background:linear-gradient(140deg,#FFF9EF,#FDF2DE); }
.b2b-drm-band--kesinti{ border-color:#F3C6CD; background:linear-gradient(140deg,#FEF2F3,#FCE8EA); }

.b2b-drm-nabiz{
  position:relative; width:13px; height:13px; border-radius:999px;
  background:var(--drm-iyi); flex-shrink:0;
}
.b2b-drm-band--uyari   .b2b-drm-nabiz{ background:var(--drm-uyari); }
.b2b-drm-band--kesinti .b2b-drm-nabiz{ background:var(--drm-kesinti); }
.b2b-drm-nabiz::after{
  content:''; position:absolute; inset:-5px; border-radius:999px;
  border:2px solid currentColor; color:inherit;
  border-color:var(--drm-iyi); opacity:.45;
  animation:b2bDrmNabiz 2.4s ease-out infinite;
}
.b2b-drm-band--uyari   .b2b-drm-nabiz::after{ border-color:var(--drm-uyari); }
.b2b-drm-band--kesinti .b2b-drm-nabiz::after{ border-color:var(--drm-kesinti); }
@keyframes b2bDrmNabiz{
  0%   { transform:scale(.7); opacity:.55 }
  70%  { transform:scale(1.5); opacity:0 }
  100% { transform:scale(1.5); opacity:0 }
}
@media (prefers-reduced-motion: reduce){
  .b2b-drm-nabiz::after{ animation:none; opacity:.35; }
}

.b2b-drm-band-yazi{ flex:1 1 260px; min-width:0; }
.b2b-drm-band-ad{
  margin:0; font-size:19px; font-weight:700;
  letter-spacing:-.01em; color:#14603C;
}
.b2b-drm-band--uyari   .b2b-drm-band-ad{ color:#8A6220; }
.b2b-drm-band--kesinti .b2b-drm-band-ad{ color:#9B2B3B; }
.b2b-drm-band-not{
  margin:4px 0 0; font-size:14px; color:#4A6B58;
}
.b2b-drm-band--uyari   .b2b-drm-band-not{ color:#7C6535; }
.b2b-drm-band--kesinti .b2b-drm-band-not{ color:#8A5761; }

.b2b-drm-damga{
  font-size:13px; color:var(--drm-yazi-2); text-align:right;
  flex-shrink:0;
}
.b2b-drm-damga b{ display:block; font-size:14.5px; color:#41546F; font-weight:700; }

/* ---------------------------------------------------------
   2. SERVIS KARTLARI
   --------------------------------------------------------- */
.b2b-drm-govde{
  max-width:900px; margin-inline:auto; padding:0 24px 40px;
}
@media (max-width:640px){ .b2b-drm-govde{ padding:0 18px 32px; } }

.b2b-drm-liste{ display:flex; flex-direction:column; gap:14px; }

.b2b-drm-kart{
  padding:22px 24px 20px; border-radius:18px;
  border:1px solid var(--drm-kenar); background:#fff;
  box-shadow:var(--drm-golge);
}
@media (max-width:640px){ .b2b-drm-kart{ padding:18px 16px 16px; } }

.b2b-drm-kart-ust{
  display:flex; flex-wrap:wrap; align-items:flex-start;
  justify-content:space-between; gap:10px 16px; margin-bottom:16px;
}
.b2b-drm-kart-ad{
  margin:0; font-size:17px; font-weight:700;
  letter-spacing:-.01em; color:#12306E;
}
.b2b-drm-kart-not{
  margin:4px 0 0; font-size:13.5px; line-height:1.5; color:var(--drm-yazi-2);
  max-width:52ch;
}

.b2b-drm-rozet{
  display:inline-flex; align-items:center; gap:7px; flex-shrink:0;
  padding:6px 13px; border-radius:999px;
  font-size:13px; font-weight:700;
  border:1px solid #BFE6CF; background:#F1FBF5; color:#14603C;
}
.b2b-drm-rozet i{
  width:8px; height:8px; border-radius:999px;
  background:var(--drm-iyi); flex-shrink:0;
}
.b2b-drm-rozet--uyari{ border-color:#F2DCB4; background:#FFF9EF; color:#8A6220; }
.b2b-drm-rozet--uyari i{ background:var(--drm-uyari); }
.b2b-drm-rozet--kesinti{ border-color:#F3C6CD; background:#FEF2F3; color:#9B2B3B; }
.b2b-drm-rozet--kesinti i{ background:var(--drm-kesinti); }

/* ---- 90 gunluk cubuklar ---- */
.b2b-drm-cubuk{
  display:flex; align-items:stretch; gap:2px; height:34px;
}
.b2b-drm-gun{
  flex:1 1 0; min-width:0; border-radius:2px;
  background:var(--drm-iyi-acik);
  transition:transform .12s ease, filter .12s ease;
}
.b2b-drm-gun:hover{ transform:scaleY(1.12); filter:brightness(.92); }
.b2b-drm-gun--kismi{ background:var(--drm-uyari); }
.b2b-drm-gun--kesinti{ background:var(--drm-kesinti); }
.b2b-drm-gun--bos{ background:var(--drm-bos); }

/* Dar ekranda ilk 30 gun gizlenir, 60 gun gosterilir. */
@media (max-width:640px){
  .b2b-drm-cubuk{ height:30px; gap:1.5px; }
  .b2b-drm-gun:nth-child(-n+30){ display:none; }
}
@media (max-width:400px){
  .b2b-drm-gun:nth-child(-n+45){ display:none; }
}

.b2b-drm-eksen{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-top:9px;
  font-size:12.5px; color:#93A5BF;
}
.b2b-drm-eksen b{ color:#41546F; font-weight:700; font-variant-numeric:tabular-nums; }
.b2b-drm-eksen-orta{ flex:1 1 auto; text-align:center; }

/* Gun sayisi etiketi ekrana gore degisir */
.b2b-drm-gun-90{ display:inline; }
.b2b-drm-gun-60{ display:none; }
.b2b-drm-gun-45{ display:none; }
@media (max-width:640px){
  .b2b-drm-gun-90{ display:none; }
  .b2b-drm-gun-60{ display:inline; }
}
@media (max-width:400px){
  .b2b-drm-gun-60{ display:none; }
  .b2b-drm-gun-45{ display:inline; }
}

/* ---- olcumler ---- */
.b2b-drm-olcum{
  display:grid; gap:10px 20px; margin-top:16px; padding-top:14px;
  border-top:1px solid #EFF4FC;
  grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));
}
.b2b-drm-olcum-ad{
  margin:0 0 2px; font-size:12.5px; color:#93A5BF;
}
.b2b-drm-olcum-deger{
  margin:0; font-size:16.5px; font-weight:700; color:#1B3E86;
  font-variant-numeric:tabular-nums;
}

/* ---------------------------------------------------------
   3. GOSTERGE + NOT
   --------------------------------------------------------- */
.b2b-drm-anahtar{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px;
  margin-top:22px; font-size:13px; color:var(--drm-yazi-2);
}
.b2b-drm-anahtar span{ display:inline-flex; align-items:center; gap:7px; }
.b2b-drm-anahtar i{ width:12px; height:12px; border-radius:3px; }
.b2b-drm-anahtar .b2b-drm-a-iyi{ background:var(--drm-iyi-acik); }
.b2b-drm-anahtar .b2b-drm-a-kismi{ background:var(--drm-uyari); }
.b2b-drm-anahtar .b2b-drm-a-kesinti{ background:var(--drm-kesinti); }
.b2b-drm-anahtar .b2b-drm-a-bos{ background:var(--drm-bos); }

.b2b-drm-uyari{
  margin-top:26px; padding:16px 20px; border-radius:14px;
  border:1px solid #E3EBF8; background:#fff;
  font-size:14px; line-height:1.65; color:var(--drm-yazi);
}
.b2b-drm-uyari strong{ color:#12306E; }
.b2b-drm-uyari a{ color:var(--b2b-mavi-700); font-weight:600; }
.b2b-drm-uyari a:hover{ text-decoration:underline; }

/* ---------------------------------------------------------
   4. DIP
   --------------------------------------------------------- */
.b2b-drm-dip{
  max-width:900px; margin:0 auto; padding:0 24px 90px;
}
@media (max-width:640px){ .b2b-drm-dip{ padding:0 18px 70px; } }

.b2b-drm-dip-kutu{
  display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:16px;
  padding:24px 26px; border-radius:18px;
  border:1px solid var(--drm-kenar); background:#fff;
  box-shadow:var(--drm-golge);
}
.b2b-drm-dip-ad{
  margin:0; font-size:17px; font-weight:700; color:#12306E;
}
.b2b-drm-dip-not{
  margin:5px 0 0; font-size:14px; line-height:1.6; color:var(--drm-yazi-2);
  max-width:46ch;
}
.b2b-drm-dip-dugme{
  display:inline-flex; align-items:center; gap:8px; flex-shrink:0;
  min-height:46px; padding:0 22px; border-radius:999px;
  background:linear-gradient(135deg,var(--b2b-mavi-500),var(--b2b-mavi-700));
  color:#fff; font-size:14.5px; font-weight:700;
  box-shadow:0 10px 24px -10px rgba(29,78,216,.8);
  transition:box-shadow .25s ease, filter .2s ease;
}
.b2b-drm-dip-dugme:hover{ filter:brightness(1.06); box-shadow:0 16px 32px -12px rgba(29,78,216,.9); }
.b2b-drm-dip-dugme svg{ width:16px; height:16px; }