/* popup แจ้งผลกลาง (public/js/notice-popup.js · printpaoNotice) — กล่องเล็กกลางจอ ปิดเอง ไม่ต้องกดอะไร */
.pp-notice {
  position: fixed; inset: 0; z-index: 1500;   /* สูงกว่า popup login (1000) · ต่ำกว่าตัวโหลดกลางจอ (2000) */
  display: grid; place-items: center; padding: 16px;
  background: rgba(20, 16, 31, .35);
  opacity: 0; transition: opacity .18s ease;
  pointer-events: none;   /* แจ้งผลเฉยๆ ไม่บังการคลิก */
}
.pp-notice.is-on { opacity: 1; }
.pp-notice-box {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
  min-width: 260px; max-width: 360px; padding: 28px 32px;
  background: #fff; border-radius: 24px; box-shadow: var(--shadow-lg, 0 20px 50px rgba(20, 16, 31, .25));
  text-align: center;
  transform: scale(.92); transition: transform .22s cubic-bezier(.2, 1.2, .4, 1);
}
.pp-notice.is-on .pp-notice-box { transform: scale(1); }
.pp-notice-icon {
  display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%;
  background: var(--success-bg, #DCFCE7); color: var(--success, #166534);
}
.pp-notice-icon svg { width: 32px; height: 32px; }
.pp-notice-text { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.4; color: var(--sf-ink, #14101F); text-wrap: balance; }
.pp-notice-box { pointer-events: auto; cursor: pointer; }   /* กดที่กล่องเพื่อปิด (พื้นหลังยังไม่ดักการคลิก) */
/* ชนิด error (2026-10-28 · <x-flash> ทั้งเว็บ) — ไอคอนเตือนสีเตือน · ข้อความยาวได้ · รายการข้อผิดพลาดใต้หัว */
.pp-notice.is-error .pp-notice-icon { background: var(--warn-bg, #FFF7E0); color: var(--warn, #8A5A00); }
.pp-notice.is-error .pp-notice-box { max-width: 400px; }
.pp-notice.is-error .pp-notice-text { font-size: 17px; }
.pp-notice-list { margin: 0; padding: 0 0 0 18px; text-align: left; font-size: 14.5px; line-height: 1.6; color: var(--ink-soft, #4A4658); }
@media (prefers-reduced-motion: reduce) {
  .pp-notice, .pp-notice-box { transition: none; }
  .pp-notice-box { transform: none; }
}