.page{padding-bottom:32px;display:flex;justify-content:center}
.lisans-wrap{width:100%;max-width:900px}

/* ---------- DURUM KARTI ---------- */
.lisans-durum-kart{padding:22px}
.lisans-durum-ust{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.lisans-rozet-buyuk{
  display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:11px;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:14px;flex:0 0 auto;
}
.lisans-rozet-buyuk.ok{background:#F0FDF4;color:var(--ok)}
.lisans-rozet-buyuk.warn{background:#FFFBEB;color:var(--warn)}
.lisans-rozet-buyuk.bad{background:#FEF2F2;color:var(--bad)}

.lisans-bilgi{flex:1;min-width:220px}
.lisans-sahip{font-family:'Plus Jakarta Sans';font-weight:800;font-size:17px}
.lisans-tip{font-size:12.5px;color:var(--ink-soft);margin-top:2px}

.lisans-anahtar{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.lisans-anahtar code{
  background:#F1F5F9;padding:5px 10px;border-radius:8px;font-size:12.5px;letter-spacing:.03em;
}
.lisans-anahtar button{
  width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:#fff;color:#64748B;
  display:grid;place-items:center;font-size:12px;
}
.lisans-anahtar button:hover{border-color:#C7D3E8;color:var(--ink)}

.lisans-tarih-satiri{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}
.lisans-tarih-item .l{font-size:11px;color:var(--ink-soft);margin-bottom:2px}
.lisans-tarih-item .v{font-family:'Plus Jakarta Sans';font-weight:700;font-size:13.5px}
.lisans-kalan-gun{font-weight:800;font-size:15px}
.lisans-kalan-gun.ok{color:var(--ok)}
.lisans-kalan-gun.warn{color:var(--warn)}
.lisans-kalan-gun.bad{color:var(--bad)}

.lisans-bar{height:6px;border-radius:20px;background:#EDF1F7;overflow:hidden;margin-top:14px}
.lisans-bar>i{display:block;height:100%;border-radius:20px}
.lisans-bar>i.ok{background:var(--ok)}
.lisans-bar>i.warn{background:var(--warn)}
.lisans-bar>i.bad{background:var(--bad)}

.lisans-uyari-serit{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#FFFBEB;border:1px solid #FDE68A;
  color:#92400E;border-radius:11px;padding:12px 16px;margin-top:16px;
}
.lisans-uyari-serit i{font-size:17px}
.lisans-uyari-serit span{flex:1;font-size:13px;font-weight:600}

/* ---------- KULLANIM LİMİTLERİ ---------- */
.limit-satir{padding:14px 18px;border-bottom:1px solid #F1F4F9}
.limit-satir:last-child{border-bottom:0}
.limit-ust{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.limit-etiket{font-size:12.8px;font-weight:600}
.limit-deger{font-family:'Plus Jakarta Sans';font-weight:700;font-size:12.8px;font-variant-numeric:tabular-nums}
.limit-deger.warn{color:var(--warn)}
.limit-deger.bad{color:var(--bad)}
.limit-bar{height:6px;border-radius:20px;background:#EDF1F7;overflow:hidden}
.limit-bar>i{display:block;height:100%;border-radius:20px;background:var(--ok)}
.limit-bar>i.warn{background:var(--warn)}
.limit-bar>i.bad{background:var(--bad)}

/* ---------- MODÜLLER ---------- */
.modul-kart{
  display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;height:100%;
}
.modul-kart.pasif{opacity:.55}
.modul-ico{width:38px;height:38px;border-radius:10px;background:#EEF4FF;color:var(--nav-active);display:grid;place-items:center;font-size:17px;flex:0 0 38px}
.modul-kart.pasif .modul-ico{background:#F1F5F9;color:#94A3B8}
.modul-ad{font-size:12.8px;font-weight:600}
.modul-durum{font-size:11px;margin-top:2px}
.modul-durum.dahil{color:var(--ok)}
.modul-durum.pasif{color:var(--ink-soft)}
.modul-yukselt{font-size:11px;color:#2563EB;text-decoration:none;font-weight:600}
.modul-yukselt:hover{text-decoration:underline}

/* ---------- SİSTEM BİLGİLERİ ---------- */
.sistem-satir{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #F1F4F9;font-size:12.8px}
.sistem-satir:last-child{border-bottom:0}
.sistem-satir .l{color:var(--ink-soft)}
.sistem-satir .v{font-weight:600}
.sistem-satir.uyari .v{color:var(--warn)}

/* ---------- DESTEK ---------- */
.destek-satir{display:flex;align-items:center;gap:10px;font-size:12.8px;padding:6px 0}
.destek-satir i{width:20px;color:var(--nav-active)}
.lisans-footer{text-align:center;font-size:11px;color:var(--ink-soft);margin-top:18px}
.lisans-footer a{color:var(--ink-soft)}

@media(max-width:575px){
  .lisans-durum-ust{flex-direction:column}
  .lisans-tarih-satiri{gap:16px}
}
