/* Plan limiti uyarı penceresi (bkz. static/js/plan_uyari.js) */
.pu-ortu {
  position: fixed; inset: 0; z-index: 100000;
  background: rgba(20, 26, 24, 0.62); backdrop-filter: blur(3px);
  display: flex; align-items: center; justify-content: center; padding: 16px;
  animation: pu-belir .18s ease-out;
}
.pu-kutu {
  width: 100%; max-width: 460px; background: #FFFDF8; color: #262321;
  border-radius: 14px; padding: 22px 22px 18px; border-top: 6px solid #C9A227;
  box-shadow: 0 30px 80px rgba(0,0,0,0.45);
  font-family: 'Inter', system-ui, sans-serif; animation: pu-yuksel .22s ease-out;
}
.pu-kutu.pu-acil { border-top-color: #C4652B; }
.pu-kutu.pu-kisit { border-top-color: #B63A2A; }
.pu-bas { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.pu-ikon { font-size: 1.7rem; line-height: 1; }
.pu-bas h2 { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.2rem; margin: 0; color: #262321; }
.pu-kisit .pu-bas h2 { color: #8E2A1E; }
.pu-mesaj { font-size: 0.95rem; line-height: 1.5; margin: 0 0 14px; }
.pu-cubuklar { display: grid; gap: 10px; margin-bottom: 8px; }
.pu-cubuk-ust { display: flex; justify-content: space-between; font-size: 0.8rem; font-weight: 600; margin-bottom: 4px; }
.pu-sayi { font-family: 'JetBrains Mono', monospace; font-weight: 500; }
.pu-ray { height: 10px; border-radius: 6px; background: #ECE6D8; overflow: hidden; }
.pu-dolu { height: 100%; border-radius: 6px; background: #6B8F71; }
.pu-dolu.pu-kritik { background: #D2922E; }
.pu-dolu.pu-tasti { background: #B63A2A; }
.pu-plan { font-size: 0.78rem; color: #8C8477; margin: 4px 0 0; }
.pu-not { font-size: 0.82rem; background: #F4E9D8; color: #7A5A1E; padding: 8px 10px; border-radius: 8px; margin: 10px 0 0; }
.pu-butonlar { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.pu-butonlar button {
  font-family: 'Space Grotesk', system-ui, sans-serif; font-weight: 600; font-size: 0.92rem;
  padding: 10px 18px; border-radius: 9px; cursor: pointer; margin: 0;
}
.pu-birincil { background: #C4652B; color: #fff; border: none; }
.pu-birincil:hover { background: #A8501F; }
.pu-ikincil { background: transparent; color: #262321; border: 1px solid #D8D0BE; }
.pu-ikincil:hover { background: #F2EDE2; }
.pu-butonlar button:focus-visible { outline: 3px solid rgba(196,101,43,0.45); outline-offset: 2px; }
.pu-sars { animation: pu-sars .35s; }
@keyframes pu-belir { from { opacity: 0; } to { opacity: 1; } }
@keyframes pu-yuksel { from { transform: translateY(12px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes pu-sars { 20%, 60% { transform: translateX(-7px); } 40%, 80% { transform: translateX(7px); } }
@media (prefers-reduced-motion: reduce) { .pu-ortu, .pu-kutu, .pu-sars { animation: none; } }