/* POPUP1 (2026-10-23): professional look for every backoffice popup / notice.
   Visual only - loaded last (end of <body>). Pairs with app-runtime.26.10.23.POPUP1.js, which only adds
   classes / icons / a close X and moves nothing outside each dialog. No logic, values or server calls change. */

/* ---------- tokens ---------- */
html .klk-dlg, html #klk-toast-stack {
  --kd-bg: #ffffff; --kd-head: #f7fafc; --kd-foot: #f7fafc; --kd-ink: #0c1f2e; --kd-text: #2b3f4f; --kd-muted: #5f7383;
  --kd-line: #e2e9ef; --kd-line-strong: #c9d6e0; --kd-field: #ffffff; --kd-hover: #eef3f7;
  --kd-primary: #068fa8; --kd-primary-hover: #057a90; --kd-primary-ink: #ffffff;
  --kd-danger-btn: #b42318; --kd-danger-btn-hover: #9a1d14;
  --kd-info: #068fa8; --kd-success: #0f8a5f; --kd-warning: #b45309; --kd-danger: #b42318;
  --kd-accent: var(--kd-info);
  --kd-ring: 0 0 0 3px rgba(6, 143, 168, 0.28);
  --kd-shadow: 0 24px 64px rgba(8, 25, 40, 0.24), 0 2px 8px rgba(8, 25, 40, 0.08);
  --kd-backdrop: rgba(6, 16, 28, 0.52);
  --kd-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --kd-mono: "Cascadia Mono", "SF Mono", Consolas, ui-monospace, monospace;
}
html[data-theme="dark"] .klk-dlg, html[data-theme="dark"] #klk-toast-stack {
  --kd-bg: #10232e; --kd-head: #0d1d27; --kd-foot: #0d1d27; --kd-ink: #e6f0f4; --kd-text: #c3d3dc; --kd-muted: #8ea5b2;
  --kd-line: #1e3846; --kd-line-strong: #2a4a5a; --kd-field: #0b1a23; --kd-hover: #16303d;
  --kd-primary: #0a9db7; --kd-primary-hover: #0bb2cf; --kd-primary-ink: #ffffff;
  --kd-danger-btn: #c0322b; --kd-danger-btn-hover: #d43c34;
  --kd-info: #39c6dd; --kd-success: #3cc391; --kd-warning: #f0a53c; --kd-danger: #f07167;
  --kd-ring: 0 0 0 3px rgba(57, 198, 221, 0.32);
  --kd-shadow: 0 28px 72px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.3);
  --kd-backdrop: rgba(1, 7, 14, 0.66);
}
html .klk-dlg[data-klk-type="success"] { --kd-accent: var(--kd-success); }
html .klk-dlg[data-klk-type="warning"] { --kd-accent: var(--kd-warning); }
html .klk-dlg[data-klk-type="danger"]  { --kd-accent: var(--kd-danger); }

@keyframes klk-dlg-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes klk-dlg-in { from { opacity: 0; transform: translateY(8px) scale(0.975); } to { opacity: 1; transform: none; } }
@keyframes klk-toast-in { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }

/* ---------- backdrop ---------- */
html .klk-dlg {
  position: fixed; inset: 0; display: grid; place-items: center; padding: 20px;
  background: var(--kd-backdrop) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  animation: klk-dlg-fade 0.16s ease-out;
  font-family: var(--kd-font);
}
html .klk-dlg[hidden] { display: none !important; }
html .klk-dlg.klk-own { z-index: 2147482000; }

/* ---------- card ---------- */
html .klk-dlg .klk-dlg-card {
  display: flex !important; flex-direction: column; gap: 0 !important;
  width: min(440px, calc(100vw - 32px)) !important; max-width: none !important; max-height: min(88vh, 88dvh);
  padding: 0 !important; overflow: hidden;
  border: 1px solid var(--kd-line) !important; border-radius: 14px !important;
  background: var(--kd-bg) !important; color: var(--kd-text) !important;
  box-shadow: var(--kd-shadow) !important;
  animation: klk-dlg-in 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  text-align: left;
}
html [data-manual-callback-modal].klk-dlg .klk-dlg-card { width: min(420px, calc(100vw - 32px)) !important; }
html [data-app-password-confirm].klk-dlg .klk-dlg-card,
html [data-authenticator-setup-modal].klk-dlg .klk-dlg-card { width: min(400px, calc(100vw - 32px)) !important; }

/* header */
html .klk-dlg .klk-dlg-head {
  display: flex; align-items: center; gap: 12px; padding: 16px 16px 14px 18px;
  background: var(--kd-head); border-bottom: 1px solid var(--kd-line);
}
html .klk-dlg .klk-dlg-icon {
  flex: 0 0 auto; display: grid !important; place-items: center;
  width: 38px !important; height: 38px !important; margin: 0 !important; border-radius: 50% !important;
  border: 0 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kd-accent) 30%, transparent) !important;
  background: color-mix(in srgb, var(--kd-accent) 13%, transparent) !important; color: var(--kd-accent) !important;
  font-size: 0 !important;
}
html .klk-dlg .klk-dlg-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
html .klk-dlg .klk-dlg-titles { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; }
html .klk-dlg .klk-dlg-titles .eyebrow {
  margin: 0 !important; color: var(--kd-muted) !important; font-size: 10.5px !important; font-weight: 700 !important;
  letter-spacing: 0.08em; text-transform: uppercase; text-shadow: none !important; line-height: 1.3;
}
html .klk-dlg .klk-dlg-titles h2, html .klk-dlg .klk-dlg-titles h3 {
  margin: 0 !important; color: var(--kd-ink) !important; font-size: 16.5px !important; font-weight: 750 !important;
  line-height: 1.3 !important; letter-spacing: 0.005em; text-shadow: none !important; overflow-wrap: anywhere;
}
html .klk-dlg .klk-dlg-titles [data-manual-callback-id] {
  justify-self: start; margin: 3px 0 0 !important; padding: 2px 8px; border-radius: 6px;
  background: var(--kd-hover); border: 1px solid var(--kd-line);
  color: var(--kd-text) !important; font: 600 12px/1.5 var(--kd-mono) !important; letter-spacing: 0.02em; overflow-wrap: anywhere;
}
html .klk-dlg .klk-dlg-x {
  flex: 0 0 auto; align-self: flex-start; display: grid; place-items: center;
  width: 30px; height: 30px; min-height: 0; min-width: 0; margin: -2px -2px 0 0; padding: 0;
  border: 0; border-radius: 8px; background: transparent; color: var(--kd-muted); box-shadow: none; cursor: pointer;
}
html .klk-dlg .klk-dlg-x:hover { background: var(--kd-hover); color: var(--kd-ink); }
html .klk-dlg .klk-dlg-x svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }

/* body */
html .klk-dlg .klk-dlg-body {
  display: grid !important; gap: 12px !important; padding: 16px 18px 18px !important; min-width: 0;
  overflow: auto; color: var(--kd-text);
}
html .klk-dlg .klk-dlg-body > p:not([data-manual-callback-error]),
html .klk-dlg .klk-dlg-body [data-app-alert-message]:not(.app-alert-punch-message) {
  margin: 0 !important; color: var(--kd-text) !important; font-size: 14px !important; font-weight: 500 !important;
  line-height: 1.58 !important; white-space: pre-line; overflow-wrap: anywhere;
}
html .klk-dlg .klk-dlg-body [hidden] { display: none !important; }
html .klk-dlg .klk-dlg-body img[data-authenticator-qr] { justify-self: center; border-radius: 10px; border: 1px solid var(--kd-line); background: #fff; padding: 6px; }

/* fields */
html .klk-dlg .app-password-confirm-field { display: grid !important; gap: 6px !important; margin: 0 !important; color: var(--kd-ink) !important; }
html .klk-dlg .app-password-confirm-field > span { color: var(--kd-muted) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.01em; }
html .klk-dlg .klk-dlg-card input:not([type="radio"]):not([type="checkbox"]),
html .klk-dlg .klk-dlg-card textarea,
html .klk-dlg .klk-dlg-card select {
  width: 100%; box-sizing: border-box; min-height: 38px !important; max-height: none;
  padding: 8px 11px !important; border: 1px solid var(--kd-line-strong) !important; border-radius: 9px !important;
  background: var(--kd-field) !important; color: var(--kd-ink) !important; box-shadow: none !important;
  font: 500 13.5px/1.4 var(--kd-font) !important; transition: border-color 0.12s, box-shadow 0.12s;
}
html .klk-dlg .klk-dlg-card textarea { min-height: 64px !important; resize: vertical; }
html .klk-dlg .klk-dlg-card input:focus, html .klk-dlg .klk-dlg-card textarea:focus, html .klk-dlg .klk-dlg-card select:focus {
  outline: none !important; border-color: var(--kd-primary) !important; box-shadow: var(--kd-ring) !important;
}
html[data-theme="dark"] .klk-dlg .klk-dlg-card select option { background: var(--kd-field); color: var(--kd-ink); }

/* Manual callback outcome: two option tiles */
html .klk-dlg .manual-callback-choices { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px !important; margin: 0 !important; }
html .klk-dlg .manual-callback-choices label {
  display: flex !important; align-items: center; gap: 9px !important; width: auto !important; margin: 0 !important;
  padding: 10px 12px; border: 1px solid var(--kd-line-strong); border-radius: 10px; background: var(--kd-field);
  cursor: pointer; font-size: 13px !important; font-weight: 700 !important; transition: border-color 0.12s, background 0.12s, box-shadow 0.12s;
  -webkit-user-select: none; user-select: none;
}
html .klk-dlg .manual-callback-choices label:hover { background: var(--kd-hover); }
html .klk-dlg .manual-callback-choices input { accent-color: var(--kd-primary); width: 16px !important; min-width: 16px !important; max-width: 16px !important; height: 16px !important; flex: 0 0 16px !important; margin: 0 !important; }
html .klk-dlg .manual-callback-choices input[value="success"] { accent-color: var(--kd-success); }
html .klk-dlg .manual-callback-choices input[value="fail"] { accent-color: var(--kd-danger); }
html .klk-dlg .manual-callback-choices input[value="success"] + span { color: var(--kd-success) !important; }
html .klk-dlg .manual-callback-choices input[value="fail"] + span { color: var(--kd-danger) !important; }
html .klk-dlg .manual-callback-choices label:has(input[value="success"]:checked) { border-color: var(--kd-success); background: color-mix(in srgb, var(--kd-success) 9%, var(--kd-field)); box-shadow: 0 0 0 1px var(--kd-success) inset; }
html .klk-dlg .manual-callback-choices label:has(input[value="fail"]:checked) { border-color: var(--kd-danger); background: color-mix(in srgb, var(--kd-danger) 9%, var(--kd-field)); box-shadow: 0 0 0 1px var(--kd-danger) inset; }
html .klk-dlg .manual-callback-choices label:has(input:focus-visible) { box-shadow: var(--kd-ring); }

/* ---------- inline notice boxes (error / warning / info / success) ---------- */
html .klk-dlg [data-manual-callback-error]:not(:empty),
html .klk-dlg .klk-note, html .klk-ul-error:not(:empty) {
  --kd-n: var(--kd-danger, #b42318);
  display: flex !important; align-items: flex-start; gap: 9px; margin: 0 !important; padding: 10px 12px !important;
  border: 1px solid color-mix(in srgb, var(--kd-n) 38%, transparent); border-radius: 10px;
  background: color-mix(in srgb, var(--kd-n) 9%, transparent); color: var(--kd-n) !important;
  font-size: 12.5px !important; font-weight: 650 !important; line-height: 1.45 !important; white-space: pre-line;
}
html .klk-dlg [data-manual-callback-error]:not(:empty)::before,
html .klk-dlg .klk-note::before, html .klk-ul-error:not(:empty)::before {
  content: ""; flex: 0 0 16px; width: 16px; height: 16px; margin-top: 1px; background: currentColor;
  -webkit-mask: var(--kd-n-icon) center / contain no-repeat; mask: var(--kd-n-icon) center / contain no-repeat;
}
html .klk-dlg [data-manual-callback-error]:not(:empty), html .klk-dlg .klk-note.is-danger, html .klk-ul-error:not(:empty) {
  --kd-n-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E");
}
html .klk-ul-error:not(:empty) { margin: 0 0 12px !important; }
html .klk-dlg .klk-note.is-warning { --kd-n: var(--kd-warning); --kd-n-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.3 2.9 17.2A2 2 0 0 0 4.6 20h14.8a2 2 0 0 0 1.7-2.8L13.7 4.3a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9.5v4M12 17h.01'/%3E%3C/svg%3E"); }
html .klk-dlg .klk-note.is-info { --kd-n: var(--kd-info); --kd-n-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5h.01'/%3E%3C/svg%3E"); }

/* ---------- footer + buttons ---------- */
html .klk-dlg .klk-dlg-foot {
  display: flex !important; justify-content: flex-end; align-items: center; gap: 8px !important; flex-wrap: wrap;
  margin: 0 !important; padding: 12px 18px !important; background: var(--kd-foot); border-top: 1px solid var(--kd-line);
  grid-column: auto !important;
}
html .klk-dlg .klk-dlg-foot .app-password-confirm-actions { display: contents !important; }
html .klk-dlg .klk-dlg-foot button {
  -webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 36px !important; min-width: 88px !important; width: auto !important; margin: 0 !important; padding: 0 16px !important;
  border-radius: 9px !important; font: 700 13.5px/1 var(--kd-font) !important; letter-spacing: 0.01em !important; text-transform: none !important;
  text-shadow: none !important; cursor: pointer; transition: background-color 0.12s, border-color 0.12s, box-shadow 0.12s, color 0.12s;
  -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;
  grid-column: auto !important; justify-self: auto !important;
}
html .klk-dlg .klk-dlg-foot button::before, html .klk-dlg .klk-dlg-foot button::after { display: none !important; }
html .klk-dlg .klk-dlg-foot button::selection, html .klk-dlg .klk-dlg-foot button *::selection { background: transparent; }
html .klk-dlg .klk-dlg-foot .primary-button, html .klk-dlg .klk-dlg-foot .klk-btn-primary {
  background: var(--kd-primary) !important; color: var(--kd-primary-ink) !important;
  border: 1px solid transparent !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
}
html .klk-dlg .klk-dlg-foot .primary-button:hover:not(:disabled), html .klk-dlg .klk-dlg-foot .klk-btn-primary:hover:not(:disabled) { background: var(--kd-primary-hover) !important; }
html .klk-dlg .klk-dlg-foot .klk-btn-danger { background: var(--kd-danger-btn) !important; color: #fff !important; border: 1px solid transparent !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important; }
html .klk-dlg .klk-dlg-foot .klk-btn-danger:hover:not(:disabled) { background: var(--kd-danger-btn-hover) !important; }
html .klk-dlg .klk-dlg-foot .ghost-button, html .klk-dlg .klk-dlg-foot .klk-btn-secondary {
  background: var(--kd-bg) !important; color: var(--kd-ink) !important;
  border: 1px solid var(--kd-line-strong) !important; box-shadow: none !important;
}
html .klk-dlg .klk-dlg-foot .ghost-button:hover:not(:disabled), html .klk-dlg .klk-dlg-foot .klk-btn-secondary:hover:not(:disabled) { background: var(--kd-hover) !important; }
html .klk-dlg .klk-dlg-foot button:disabled { opacity: 0.48 !important; cursor: not-allowed !important; filter: none !important; }
html .klk-dlg button:focus { outline: none !important; }
html .klk-dlg button:focus-visible { outline: none !important; box-shadow: var(--kd-ring) !important; }
html .klk-dlg .klk-dlg-foot .klk-btn-danger:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--kd-danger-btn) 35%, transparent) !important; }

/* attendance punch alert keeps its big centred heading */
html .klk-dlg.is-attendance-punch .klk-dlg-card { width: min(520px, calc(100vw - 32px)) !important; }
html .klk-dlg.is-attendance-punch .klk-dlg-titles h2 { display: none !important; }
html .klk-dlg.is-attendance-punch .klk-dlg-titles .eyebrow { font-size: 12px !important; }
html[data-theme="dark"] .klk-dlg .app-alert-punch-details { background: rgba(255, 255, 255, 0.03); border-color: var(--kd-line); }
html[data-theme="dark"] .klk-dlg .app-alert-punch-row + .app-alert-punch-row { border-top-color: var(--kd-line); }

/* ---------- WDLOCK unlock dialog: align with the rest ---------- */
html .klk-ul-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(6, 16, 28, 0.52) !important; }
html[data-theme="dark"] .klk-ul-backdrop { background: rgba(1, 7, 14, 0.66) !important; }
html .klk-ul-card { border-radius: 14px !important; }
html .klk-ul-btn { -webkit-user-select: none; user-select: none; }
html .klk-ul-error:not(:empty) { --kd-n: #b42318; }
html[data-theme="dark"] .klk-ul-error:not(:empty) { --kd-n: #f07167; }

/* ---------- larger form modals: light polish only (dim backdrop, radius, shadow, entrance) ---------- */
html .proof-modal:not(.klk-dlg), html .announcement-modal, html .account-update-modal, html .bank-sheet-edit-modal:not(.klk-dlg), html .payroll-payslip-modal {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html .proof-modal:not(.klk-dlg):not([hidden]), html .account-update-modal:not([hidden]),
html .bank-sheet-edit-modal:not(.klk-dlg):not([hidden]), html .payroll-payslip-modal:not([hidden]) { animation: klk-dlg-fade 0.16s ease-out; }
html .proof-card, html .account-update-card, html .bank-sheet-edit-card, html .payroll-payslip-card, html .attendance-summary-edit-card, html .announcement-card {
  border-radius: 14px !important;
}
html .proof-modal:not([hidden]) .proof-card, html .account-update-modal:not([hidden]) .account-update-card,
html .bank-sheet-edit-modal:not(.klk-dlg):not([hidden]) .bank-sheet-edit-card, html .payroll-payslip-modal:not([hidden]) .payroll-payslip-card {
  animation: klk-dlg-in 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* ---------- toasts: top-right stack ---------- */
html #klk-toast-stack {
  position: fixed; top: 16px; right: 16px; z-index: 2147483600; display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
  width: min(380px, calc(100vw - 32px)); pointer-events: none;
}
html #klk-toast-stack .klk-toast {
  --kd-t: var(--kd-info);
  position: relative !important; inset: auto !important; transform: none; z-index: auto !important;
  display: grid !important; grid-template-columns: 22px minmax(0, 1fr) 24px; align-items: start; gap: 10px;
  box-sizing: border-box; width: 100% !important; max-width: none !important; margin: 0 !important;
  padding: 12px 10px 12px 14px !important; overflow: hidden;
  border: 1px solid var(--kd-line) !important; border-radius: 12px !important;
  background: var(--kd-bg) !important; color: var(--kd-ink) !important;
  box-shadow: inset 4px 0 0 var(--kd-t), 0 12px 32px rgba(8, 25, 40, 0.18), 0 2px 6px rgba(8, 25, 40, 0.08) !important;
  font: 600 13px/1.45 var(--kd-font) !important; text-align: left; pointer-events: auto; cursor: default; opacity: 1 !important;
  animation: klk-toast-in 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}
html[data-theme="dark"] #klk-toast-stack .klk-toast { box-shadow: inset 4px 0 0 var(--kd-t), 0 14px 36px rgba(0, 0, 0, 0.5) !important; }
html #klk-toast-stack .klk-toast::before { display: none !important; }
html #klk-toast-stack .klk-toast.is-success { --kd-t: var(--kd-success); }
html #klk-toast-stack .klk-toast.is-error { --kd-t: var(--kd-danger); }
html #klk-toast-stack .klk-toast.is-warning { --kd-t: var(--kd-warning); }
html #klk-toast-stack .klk-toast-icon { color: var(--kd-t); display: grid; place-items: center; height: 20px; }
html #klk-toast-stack .klk-toast-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
html #klk-toast-stack .klk-toast-msg { min-width: 0; white-space: pre-line; overflow-wrap: anywhere; padding-top: 1px; }
html #klk-toast-stack .klk-toast-msg::first-line { color: var(--kd-ink); }
html #klk-toast-stack .klk-toast-x {
  display: grid; place-items: center; width: 24px; height: 24px; min-height: 0; min-width: 0; margin: -2px 0 0; padding: 0;
  border: 0; border-radius: 6px; background: transparent; color: var(--kd-muted); box-shadow: none; cursor: pointer;
}
html #klk-toast-stack .klk-toast-x:hover { background: var(--kd-hover); color: var(--kd-ink); }
html #klk-toast-stack .klk-toast-x:focus-visible { outline: none; box-shadow: var(--kd-ring); }
html #klk-toast-stack .klk-toast-x svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
html .klk-ul-toast-wrap:empty { display: none; }

/* ---------- mobile ---------- */
@media (max-width: 560px) {
  html .klk-dlg { padding: 12px; align-items: end; }
  html .klk-dlg .klk-dlg-card { width: 100% !important; max-height: 92dvh; }
  html .klk-dlg .klk-dlg-head { padding: 14px 12px 12px 14px; }
  html .klk-dlg .klk-dlg-body { padding: 14px !important; }
  html .klk-dlg .klk-dlg-foot { padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px)) !important; }
  html .klk-dlg .klk-dlg-foot button { flex: 1 1 0; min-height: 42px !important; }
  html .klk-dlg.is-attendance-punch { align-items: center; }
  html #klk-toast-stack { top: max(10px, env(safe-area-inset-top, 0px)); right: 10px; left: 10px; width: auto; align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  html .klk-dlg, html .klk-dlg .klk-dlg-card, html #klk-toast-stack .klk-toast,
  html .proof-card, html .account-update-card, html .bank-sheet-edit-card, html .payroll-payslip-card { animation: none !important; }
}