/* System update announcement popup (employee / client) */
.sysupd-popup-overlay{
  position:fixed;inset:0;z-index:1200;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  background:rgba(17,18,20,0.45);
  backdrop-filter:blur(2px);
}
.sysupd-popup-modal{
  position:relative;
  width:100%;max-width:440px;max-height:min(88vh,640px);
  overflow:auto;
  background:var(--surface,var(--bg-primary,#fff));
  border:1px solid var(--border-hairline,rgba(0,0,0,0.08));
  border-radius:16px;
  box-shadow:0 20px 48px rgba(0,0,0,0.18);
  padding:18px 20px 16px;
}
.sysupd-popup-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;
}
.sysupd-popup-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;color:var(--accent,#F35B25);
  background:var(--accent-soft,rgba(243,91,37,0.12));
  padding:4px 10px;border-radius:999px;
}
.sysupd-popup-close{
  width:32px;height:32px;border:none;border-radius:999px;cursor:pointer;
  background:var(--surface-sunken,rgba(0,0,0,0.05));
  color:var(--ink-muted,#6b7280);
  display:inline-flex;align-items:center;justify-content:center;
}
.sysupd-popup-close:hover{color:var(--ink-strong,#111)}
.sysupd-popup-title{
  margin:0 0 10px;font-size:1.2rem;font-weight:700;line-height:1.3;
  color:var(--ink-strong,var(--text-primary,#111));
}
.sysupd-popup-image{
  margin:0 0 12px;border-radius:12px;overflow:hidden;
  border:1px solid var(--border-hairline,rgba(0,0,0,0.06));
}
.sysupd-popup-image img{display:block;width:100%;max-height:220px;object-fit:cover}
.sysupd-popup-body{
  font-size:0.95rem;line-height:1.55;color:var(--ink-muted,var(--text-secondary,#4b5563));
  white-space:pre-wrap;word-break:break-word;margin-bottom:16px;
}
.sysupd-popup-foot{display:flex;justify-content:flex-end}
body.sysupd-popup-open{overflow:hidden}