/* TRUNKO public website — consistent, accessible popup notifications. */
#trunko-notification-stack,
#trunko-notification-stack * { box-sizing: border-box; }
#trunko-notification-stack {
  position: fixed; top: max(18px, env(safe-area-inset-top)); right: max(18px, env(safe-area-inset-right));
  z-index: 2147483000; width: min(420px, calc(100vw - 32px));
  display: flex; flex-direction: column; align-items: stretch; gap: 11px;
  pointer-events: none; font-family: inherit; line-height: 1.45;
}
#trunko-notification-stack .tn-popup {
  position: relative; pointer-events: auto; display: grid; grid-template-columns: 34px minmax(0,1fr) 28px;
  gap: 11px; align-items: start; width: 100%; margin: 0;
  padding: 16px 15px; border: 1px solid #e5e9ef; border-left: 4px solid #f7750d;
  border-radius: 14px; background: #fff; color: #132238;
  box-shadow: 0 16px 50px rgba(14,29,47,.17), 0 2px 8px rgba(14,29,47,.05);
  animation: tn-popup-in .2s ease-out both;
  overflow-wrap: anywhere; word-break: normal;
}
#trunko-notification-stack .tn-popup--error {border-left-color:#df4747}
#trunko-notification-stack .tn-popup--success {border-left-color:#16a37a}
#trunko-notification-stack .tn-popup--warning {border-left-color:#d99713}
#trunko-notification-stack .tn-popup__icon {
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800;
  background:#fff1e6;color:#c65b00;font-size:18px;
}
#trunko-notification-stack .tn-popup--error .tn-popup__icon {background:#fff0f0;color:#bc2d2d}
#trunko-notification-stack .tn-popup--success .tn-popup__icon {background:#eaf9f4;color:#07825f}
#trunko-notification-stack .tn-popup--warning .tn-popup__icon {background:#fff7df;color:#95600c}
#trunko-notification-stack .tn-popup__body {min-width:0}
#trunko-notification-stack .tn-popup__title {font-size:14px;line-height:1.3;font-weight:800;color:#102034;margin:0 0 4px}
#trunko-notification-stack .tn-popup__message {font-size:13px;color:#46576c;margin:0;white-space:pre-line}
#trunko-notification-stack .tn-popup__action {
  display:inline-flex;justify-content:center;align-items:center;margin-top:10px;
  min-height:34px;padding:7px 13px;border-radius:9px;text-decoration:none;
  background:#f7750d;color:#fff!important;font-size:13px;font-weight:750;
}
#trunko-notification-stack .tn-popup__action:hover {background:#e16600}
#trunko-notification-stack .tn-popup__close {
  background:transparent;border:0;cursor:pointer;width:28px;height:28px;padding:0;
  border-radius:7px;color:#60738a;font-size:23px;line-height:1;display:grid;place-items:center;
}
#trunko-notification-stack .tn-popup__close:hover {background:#f1f4f7;color:#16283d}
#trunko-notification-stack .tn-popup :focus-visible {outline:2px solid #f7750d;outline-offset:2px}
#trunko-notification-stack .tn-popup--leaving {animation:tn-popup-out .15s ease-in both}
@keyframes tn-popup-in {from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes tn-popup-out {from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}
@media(max-width:600px){
 #trunko-notification-stack {top:max(10px,env(safe-area-inset-top));right:16px;left:16px;width:auto;max-height:calc(100dvh - 28px);overflow-y:auto;scrollbar-width:thin}
 #trunko-notification-stack .tn-popup {padding:13px 12px;gap:9px;grid-template-columns:30px minmax(0,1fr) 28px;border-radius:12px}
 #trunko-notification-stack .tn-popup__icon {width:30px;height:30px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){#trunko-notification-stack .tn-popup,#trunko-notification-stack .tn-popup--leaving{animation:none}}