/* Support Centre status states use the shared NOUNUniversity Platform UI tokens. */
.nu-support-transport-status{
  box-sizing:border-box;
  width:100%;
  margin:10px 0 0;
  padding:12px 14px;
  border:1px solid var(--nu-ui-border,var(--nsp-border,#c9d4cd));
  border-left:3px solid var(--nu-ui-info,#245b72);
  background:var(--nu-ui-info-bg,#edf7fb);
  color:var(--nu-ui-text,var(--nsp-text,#183126));
  -webkit-text-fill-color:currentColor;
  font:inherit;
  font-size:13px;
  line-height:1.5;
  border-radius:0;
}
.nu-support-transport-status:empty{display:none}
.nu-support-transport-status[data-state="sending"]{border-left-color:var(--nu-ui-warning,#755d08);background:var(--nu-ui-warning-bg,#fff8dc);color:var(--nu-ui-text,#183126)}
.nu-support-transport-status[data-state="success"]{border-left-color:var(--nu-ui-success,#167448);background:var(--nu-ui-success-bg,#edf8f1);color:var(--nu-ui-text,#183126)}
.nu-support-transport-status[data-state="error"]{border-left-color:var(--nu-ui-danger,#9a2f2f);background:var(--nu-ui-danger-bg,#fff0f0);color:var(--nu-ui-text,#183126)}
html[data-theme="dark"] .nu-support-transport-status,
body[data-theme="dark"] .nu-support-transport-status,
body.dark-mode .nu-support-transport-status,
body.is-dark .nu-support-transport-status,
body.nsp-dark .nu-support-transport-status{color:var(--nu-ui-text,#f2f7f4)}
@media(max-width:700px){.nu-support-transport-status{font-size:13px;padding:11px 12px}}
@media(forced-colors:active){.nu-support-transport-status{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}}