@dataemergencia/emergency 0.0.0-stage → 0.2.0

package/dist/styles.css

@@ -0,0 +1,1007 @@
+:root {
+  --de-emergency-red: red;
+  --de-emergency-red-hover: #ff3535;
+  --de-emergency-red-pressed: #e33327;
+  --de-emergency-on-red: #fff;
+  --de-emergency-blue: #00adf6;
+  --de-emergency-blue-hover: #29bfff;
+  --de-emergency-primary: #007bff;
+  --de-emergency-primary-dark: #1e40af;
+  --de-emergency-primary-foreground: #f9f9f9;
+  --de-emergency-text: #3d4461;
+  --de-emergency-text-secondary: #686868;
+  --de-emergency-white: #fff;
+  --de-emergency-white-soft: #f7f7f7;
+  --de-emergency-white-pearl: #f1f1f1;
+  --de-emergency-gray: #555;
+  --de-emergency-gray-medium: #5555;
+  --de-emergency-gray-light: #929292;
+  --de-emergency-success: #4cd03a;
+  --de-emergency-success-soft: #dcffd8;
+  --de-emergency-error: #dc3545;
+  --de-emergency-information: #3fabf3;
+  --de-emergency-green: green;
+  --de-emergency-radius: .5rem;
+  --de-emergency-font: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  --de-emergency-font-small: clamp(.875rem, 1.5vw, 1rem);
+  --de-emergency-font-medium: clamp(1rem, 2vw, 1.25rem);
+  --de-emergency-font-title: clamp(1.5rem, 2vw, 1.75rem);
+  --de-emergency-panel-z-index: 100;
+  --de-emergency-overlay-z-index: 1000;
+}
+
+.de-emergency-emergency-panel-kMlO0G {
+  z-index: var(--de-emergency-panel-z-index, 100);
+  background: var(--de-emergency-white, #fff);
+  width: 100%;
+  height: 100%;
+  color: var(--de-emergency-text, #3d4461);
+  font-family: var(--de-emergency-font, "Poppins",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    sans-serif);
+  grid-template-rows: minmax(auto, 3.5rem) 1fr minmax(6rem, auto);
+  font-size: 1rem;
+  line-height: 1.5;
+  transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .3s;
+  display: grid;
+  position: fixed;
+  inset: 0;
+}
+
+.de-emergency-emergency-panel-kMlO0G *, .de-emergency-emergency-panel-kMlO0G :before, .de-emergency-emergency-panel-kMlO0G :after {
+  box-sizing: border-box;
+}
+
+.de-emergency-emergency-panel-kMlO0G h2, .de-emergency-emergency-panel-kMlO0G h3, .de-emergency-emergency-panel-kMlO0G h4, .de-emergency-emergency-panel-kMlO0G p, .de-emergency-emergency-panel-kMlO0G figure {
+  margin: 0;
+  padding: 0;
+}
+
+.de-emergency-emergency-panel-kMlO0G :where(button) {
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+}
+
+.de-emergency-emergency-panel-kMlO0G img {
+  max-width: 100%;
+  display: block;
+}
+
+.de-emergency-emergency-panel--hidden-kMlO0G {
+  pointer-events: none;
+  opacity: 0;
+  transform: translateY(100%);
+}
+
+.de-emergency-emergency-panel__header-kMlO0G {
+  text-align: center;
+  width: 100%;
+  color: var(--de-emergency-on-red, #fff);
+  background: var(--de-emergency-red, red);
+  border-radius: 0 0 .5rem .5rem;
+  grid-row: 1;
+  justify-content: space-between;
+  align-items: center;
+  gap: .5rem;
+  padding: 1rem;
+  display: flex;
+}
+
+.de-emergency-emergency-panel__title-kMlO0G {
+  flex: 1;
+  margin: 0;
+  font-size: clamp(1rem, 4vw, 1.25rem);
+  font-weight: 700;
+}
+
+.de-emergency-emergency-panel__close-button-kMlO0G {
+  color: inherit;
+  border-radius: .25rem;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  padding: .25rem;
+  transition: transform .125s ease-out;
+  display: inline-flex;
+}
+
+.de-emergency-emergency-panel__close-button-kMlO0G:hover {
+  transform: scale(1.115);
+}
+
+.de-emergency-emergency-panel__close-button-kMlO0G:active {
+  transform: scale(.9);
+}
+
+.de-emergency-emergency-panel__close-button-kMlO0G:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid;
+}
+
+.de-emergency-emergency-panel__close-icon-kMlO0G {
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: 1.25rem;
+}
+
+.de-emergency-emergency-panel__body-kMlO0G {
+  text-align: center;
+  flex-direction: column;
+  grid-row: 2;
+  justify-content: center;
+  align-items: center;
+  gap: .75rem;
+  width: 100%;
+  padding: 1.5rem 1rem;
+  display: flex;
+  position: relative;
+  overflow-y: auto;
+}
+
+.de-emergency-emergency-panel__body-title-container-kMlO0G {
+  width: 100%;
+}
+
+.de-emergency-emergency-panel__body-title-kMlO0G {
+  margin: 0;
+  font-size: clamp(1.1rem, 4vw, 1.45rem);
+  font-weight: 600;
+}
+
+.de-emergency-sos-img__container-kMlO0G {
+  justify-content: center;
+  align-items: center;
+  padding: .5rem;
+  display: flex;
+}
+
+.de-emergency-sos-img-kMlO0G {
+  aspect-ratio: 1;
+  object-fit: cover;
+  width: clamp(3.5rem, 17.5vw, 6rem);
+  height: auto;
+  fill: var(--de-emergency-primary);
+  border-radius: 50%;
+  animation: 1.5s infinite de-emergency-de-emergency-pulse-kMlO0G;
+}
+
+.de-emergency-emergency-panel__footer-kMlO0G {
+  background: var(--de-emergency-white-soft, #f7f7f7);
+  border-radius: .5rem .5rem 0 0;
+  grid-row: 3;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+  padding: 1.25rem;
+  display: flex;
+}
+
+.de-emergency-emergency-panel__button-kMlO0G {
+  text-transform: uppercase;
+  border: 1px solid var(--de-emergency-gray-medium, #5555);
+  border-radius: .75rem;
+  flex-direction: column-reverse;
+  justify-content: center;
+  align-items: center;
+  gap: .5rem;
+  width: min(100%, 14rem);
+  padding: .5rem;
+  font-size: clamp(1rem, 5vw, 1.35rem);
+  font-weight: 600;
+  transition: background-color .125s ease-out, filter .125s ease-out, transform .125s ease-out;
+  display: flex;
+  box-shadow: 0 2px 8px #0000001f;
+}
+
+.de-emergency-emergency-panel__button-kMlO0G svg {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.de-emergency-emergency-panel__button-kMlO0G:hover:not(:disabled) {
+  filter: brightness(1.05);
+  transform: translateY(-1px);
+}
+
+.de-emergency-emergency-panel__button-kMlO0G:active:not(:disabled) {
+  transform: scale(.95);
+}
+
+.de-emergency-emergency-panel__button-kMlO0G:focus-visible {
+  outline: 2px solid var(--de-emergency-text, #3d4461);
+  outline-offset: 2px;
+}
+
+.de-emergency-emergency-panel__button-kMlO0G:disabled {
+  color: var(--de-emergency-on-red, #fff);
+  cursor: not-allowed;
+  background: var(--de-emergency-gray, #555);
+  border-color: #0000;
+}
+
+.de-emergency-emergency-panel__button--emergency-kMlO0G {
+  color: var(--de-emergency-on-red, #fff);
+  background: var(--de-emergency-red, red);
+}
+
+.de-emergency-emergency-panel__button--emergency-kMlO0G:hover:not(:disabled) {
+  background: var(--de-emergency-red-hover, #ff3535);
+}
+
+.de-emergency-emergency-panel__button--simulation-kMlO0G {
+  color: var(--de-emergency-on-red, #fff);
+  background: var(--de-emergency-blue, #00adf6);
+}
+
+.de-emergency-emergency-panel__button--simulation-kMlO0G:hover:not(:disabled) {
+  background: var(--de-emergency-blue-hover, #29bfff);
+}
+
+.de-emergency-emergency-status__panel-kMlO0G {
+  background: var(--de-emergency-white, #fff);
+  flex-direction: column;
+  width: min(100%, 28rem);
+  margin-block: 1rem;
+  display: flex;
+  position: relative;
+}
+
+.de-emergency-emergency-status-panel__header-kMlO0G {
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 1rem;
+  display: flex;
+}
+
+.de-emergency-emergency-status-panel__title-kMlO0G {
+  color: var(--de-emergency-primary, #007bff);
+  flex: 1;
+  margin: 0;
+  font-size: clamp(1rem, 4.5vw, 1.5rem);
+  font-weight: 500;
+}
+
+.de-emergency-emergency-status__grid-kMlO0G {
+  flex-direction: column;
+  gap: 1rem;
+  width: 100%;
+  display: flex;
+}
+
+.de-emergency-emergency-status__header-kMlO0G {
+  background: var(--de-emergency-primary, #007bff);
+  border-radius: .5rem;
+  grid-template-columns: 1fr .5fr .5fr .5fr;
+  align-items: center;
+  padding: .5rem 1rem;
+  font-weight: 500;
+  display: grid;
+
+  & .de-emergency-emergency-status__cell-text-kMlO0G {
+    color: var(--de-emergency-primary-foreground, #3d4461);
+  }
+}
+
+.de-emergency-emergency-status__body-kMlO0G {
+  flex-direction: column;
+  gap: 1rem;
+  display: flex;
+}
+
+.de-emergency-emergency-status__row-container-kMlO0G {
+  border-radius: var(--de-emergency-radius, .5rem);
+  outline: 1px dashed var(--de-emergency-gray-medium, #5555);
+  flex-direction: column;
+  display: flex;
+}
+
+.de-emergency-emergency-status__row-kMlO0G {
+  background: var(--de-emergency-white, #fff);
+  border-radius: .5rem;
+  grid-template-columns: 1fr .5fr .5fr .5fr;
+  align-items: center;
+  padding: .5rem;
+  transition: background-color .125s ease-out;
+  display: grid;
+}
+
+.de-emergency-emergency-status__row-kMlO0G:hover {
+  background: var(--de-emergency-white-pearl, #f1f1f1);
+}
+
+.de-emergency-emergency-status__cell-kMlO0G {
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: clamp(.8rem, 3vw, 1rem);
+  display: flex;
+}
+
+.de-emergency-emergency-status__cell-text-kMlO0G {
+  overflow-wrap: anywhere;
+  padding: .5rem;
+}
+
+.de-emergency-responder-name-kMlO0G {
+  color: var(--de-emergency-text, #3d4461);
+  font-weight: 500;
+}
+
+.de-emergency-emergency-status__cell-icon-kMlO0G {
+  justify-content: center;
+  padding: .25rem;
+  display: flex;
+}
+
+.de-emergency-emergency-status__cell-time-kMlO0G {
+  color: var(--de-emergency-gray-light, #929292);
+  font-size: clamp(.75rem, 3vw, .9rem);
+  display: block;
+}
+
+.de-emergency-status-icon-kMlO0G {
+  border-radius: 50%;
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: clamp(1rem, 5vw, 1.5rem);
+  display: inline-flex;
+}
+
+.de-emergency-status-icon-kMlO0G:hover {
+  filter: brightness(1.2);
+}
+
+.de-emergency-status-icon--checked-kMlO0G {
+  color: var(--de-emergency-success, #4cd03a);
+}
+
+.de-emergency-status-icon--unchecked-kMlO0G, .de-emergency-status-icon--failed-kMlO0G {
+  color: var(--de-emergency-red, red);
+}
+
+.de-emergency-emergency-status-panel__refresh-btn-container-kMlO0G {
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  gap: .5rem;
+  margin-block-start: .75rem;
+  display: flex;
+}
+
+.de-emergency-emergency-status-panel__refresh-btn-kMlO0G {
+  color: var(--de-emergency-on-red, #fff);
+  white-space: nowrap;
+  background: var(--de-emergency-primary, #007bff);
+  border-radius: .5rem;
+  align-items: center;
+  gap: .5rem;
+  padding: .5rem;
+  font-size: clamp(.75rem, 3vw, 1rem);
+  font-weight: 500;
+  transition: background-color .125s ease-out, transform .125s ease-out;
+  display: flex;
+  box-shadow: 0 2px 6px #0003;
+}
+
+.de-emergency-emergency-status-panel__refresh-btn-kMlO0G:hover:not(:disabled) {
+  background: var(--de-emergency-primary-dark, #1e40af);
+  transform: translateY(-1px);
+}
+
+.de-emergency-emergency-status-panel__refresh-btn-kMlO0G:active:not(:disabled) {
+  background: #1e3a8a;
+}
+
+.de-emergency-emergency-status-panel__refresh-btn-kMlO0G:focus-visible {
+  outline-offset: 2px;
+  outline: 2px solid #3b82f6;
+}
+
+.de-emergency-emergency-status-panel__refresh-btn-kMlO0G:disabled {
+  cursor: not-allowed;
+  background: var(--de-emergency-gray-medium, #5555);
+  opacity: .6;
+}
+
+.de-emergency-emergency-status-panel__refresh-icon-kMlO0G {
+  width: .9rem;
+  height: .9rem;
+}
+
+.de-emergency-emergency-status__loading-kMlO0G {
+  border-radius: .5rem;
+  flex-direction: column;
+  justify-content: center;
+  align-self: center;
+  align-items: center;
+  gap: .5rem;
+  padding: .5rem;
+  display: flex;
+}
+
+.de-emergency-emergency-status__spinner-kMlO0G {
+  border: .1875rem solid #ccc;
+  border-top-color: var(--de-emergency-primary, #007bff);
+  border-radius: 50%;
+  width: 1.5rem;
+  height: 1.5rem;
+  animation: 1s linear infinite de-emergency-de-emergency-spin-kMlO0G;
+  display: inline-block;
+}
+
+.de-emergency-emergency-status__loading-text-kMlO0G {
+  color: #333;
+  font-size: .95rem;
+}
+
+.de-emergency-emergency-status__abort-btn-kMlO0G {
+  width: min(100%, 24rem);
+  height: 3.5rem;
+  color: var(--de-emergency-on-red, #fff);
+  background: var(--de-emergency-red, red);
+  border-radius: .5rem;
+  flex-direction: row-reverse;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+  padding: .5rem 1rem;
+  font-size: clamp(1rem, 4vw, 1rem);
+  font-weight: 600;
+  transition: background-color .125s ease-out, box-shadow .125s ease-out, transform .125s ease-out;
+  display: flex;
+}
+
+.de-emergency-emergency-status__abort-btn-kMlO0G svg {
+  width: clamp(1.25rem, 4vw, 1.75rem);
+  height: clamp(1.25rem, 4vw, 1.75rem);
+}
+
+.de-emergency-emergency-status__abort-btn-kMlO0G:hover:not(:disabled) {
+  background: var(--de-emergency-red-hover, #ff3535);
+  box-shadow: 0 6px 18px #ff00004d;
+}
+
+.de-emergency-emergency-status__abort-btn-kMlO0G:active:not(:disabled) {
+  transform: scale(.95);
+}
+
+.de-emergency-emergency-status__abort-btn-kMlO0G:disabled {
+  cursor: not-allowed;
+  background: var(--de-emergency-gray, #555);
+}
+
+.de-emergency-emergency-status__abort-btn-kMlO0G:focus-visible {
+  outline: 2px solid var(--de-emergency-text, #3d4461);
+  outline-offset: 2px;
+}
+
+.de-emergency-emergency-feedback-kMlO0G {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 1.5rem;
+  width: 100%;
+  display: flex;
+}
+
+.de-emergency-emergency-feedback__dismiss-kMlO0G {
+  color: var(--de-emergency-on-red, #fff);
+  background: var(--de-emergency-primary, #007bff);
+  border-radius: .5rem;
+  padding: .75rem 1.5rem;
+  font-weight: 600;
+}
+
+.de-emergency-emergency-feedback__dismiss-kMlO0G:focus-visible {
+  outline: 2px solid var(--de-emergency-text, #3d4461);
+  outline-offset: 2px;
+}
+
+.de-emergency-simulacrum-success-message-kMlO0G, .de-emergency-emergency-error-message-kMlO0G {
+  flex-direction: column;
+  align-items: center;
+  width: min(100%, 22rem);
+  animation: .5s ease-out de-emergency-de-emergency-slide-in-kMlO0G;
+  display: flex;
+}
+
+.de-emergency-simulacrum-success-message__container-kMlO0G, .de-emergency-emergency-error-message__container-kMlO0G {
+  flex-direction: column;
+  align-items: center;
+  gap: 3rem;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: relative;
+}
+
+.de-emergency-simulacrum-success-message__icon-kMlO0G, .de-emergency-emergency-error-message__icon-kMlO0G {
+  border-radius: 50%;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  width: 5rem;
+  height: 5rem;
+  font-size: 3rem;
+  animation: 2s infinite de-emergency-de-emergency-pulse-kMlO0G;
+  display: flex;
+
+  & svg {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+}
+
+.de-emergency-simulacrum-success-message__icon-kMlO0G {
+  color: var(--de-emergency-information, #3fabf3);
+  background: #0000000d;
+}
+
+.de-emergency-emergency-error-message__icon-kMlO0G {
+  color: var(--de-emergency-error, #dc3545);
+  background: #dc35451a;
+  animation: 2s infinite de-emergency-de-emergency-pulse-error-kMlO0G;
+}
+
+.de-emergency-simulacrum-success-message__content-kMlO0G, .de-emergency-emergency-error-message__content-kMlO0G {
+  text-align: center;
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+.de-emergency-simulacrum-success-message__content-kMlO0G {
+  color: var(--de-emergency-information, #3fabf3);
+}
+
+.de-emergency-emergency-error-message__content-kMlO0G {
+  color: var(--de-emergency-error, #dc3545);
+}
+
+.de-emergency-simulacrum-success-message__title-kMlO0G, .de-emergency-emergency-error-message__title-kMlO0G {
+  font-size: var(--de-emergency-font-title, clamp(1.5rem, 2vw, 1.75rem));
+  margin: 0;
+  font-weight: 600;
+}
+
+.de-emergency-simulacrum-success-message__text-kMlO0G, .de-emergency-emergency-error-message__text-kMlO0G {
+  font-size: var(--de-emergency-font-medium, clamp(1rem, 2vw, 1.125rem));
+  color: var(--de-emergency-text, #3d4461);
+  text-align: center;
+  opacity: .95;
+  text-wrap: pretty;
+  margin: 0;
+  line-height: 1.4;
+}
+
+.de-emergency-simulacrum-success-message__details-kMlO0G, .de-emergency-emergency-error-message__details-kMlO0G {
+  flex-direction: column;
+  gap: .25rem;
+  margin-block-start: 1.75rem;
+  display: flex;
+}
+
+.de-emergency-simulacrum-success-message__detail-kMlO0G, .de-emergency-emergency-error-message__detail-kMlO0G {
+  font-size: var(--de-emergency-font-small, clamp(.875rem, 2vw, .9rem));
+  color: var(--de-emergency-gray, #555);
+  opacity: .75;
+  justify-content: center;
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+.de-emergency-simulacrum-success-message__detail-kMlO0G svg, .de-emergency-emergency-error-message__detail-kMlO0G svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.de-emergency-emergency-confirmation-kMlO0G {
+  z-index: 30;
+  background: #00000080;
+  justify-content: center;
+  align-items: center;
+  padding: .5rem;
+  animation: .15s linear de-emergency-de-emergency-fade-in-kMlO0G;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+.de-emergency-emergency-confirmation__card-kMlO0G {
+  background: var(--de-emergency-white, #fff);
+  border-radius: var(--de-emergency-radius, .5rem);
+  border: 1px solid #0000002d;
+  flex-direction: column;
+  width: min(100%, 31.25rem);
+  display: flex;
+}
+
+.de-emergency-emergency-confirmation__body-kMlO0G {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: .75rem;
+  width: 100%;
+  min-height: 15rem;
+  padding: .75rem;
+  display: flex;
+}
+
+.de-emergency-emergency-confirmation__icon-kMlO0G {
+  opacity: .75;
+  font-size: 4rem;
+  line-height: 1;
+}
+
+.de-emergency-emergency-confirmation__icon-kMlO0G svg {
+  width: 1em;
+  height: 1em;
+}
+
+.de-emergency-emergency-confirmation__icon--danger-kMlO0G {
+  color: var(--de-emergency-red, red);
+}
+
+.de-emergency-emergency-confirmation__icon--information-kMlO0G {
+  color: var(--de-emergency-information, #3fabf3);
+}
+
+.de-emergency-emergency-confirmation__title-kMlO0G {
+  text-align: center;
+  color: var(--de-emergency-text, #3d4461);
+  margin: 0;
+  font-size: clamp(1.25rem, 2.25vw, 1.5rem);
+  font-weight: 600;
+}
+
+.de-emergency-emergency-confirmation__text-kMlO0G {
+  text-align: center;
+  text-wrap: stable;
+  width: min(100%, 22rem);
+  margin: 0;
+  font-size: clamp(.875rem, 1.5vw, 1rem);
+  font-weight: 300;
+}
+
+.de-emergency-emergency-confirmation__footer-kMlO0G {
+  flex-direction: row-reverse;
+  justify-content: center;
+  align-items: center;
+  gap: .75rem;
+  width: 100%;
+  padding: 1rem;
+  display: flex;
+}
+
+.de-emergency-emergency-confirmation__button-kMlO0G {
+  text-align: center;
+  text-transform: capitalize;
+  vertical-align: middle;
+  border: 2px solid;
+  border-radius: .25rem;
+  flex: 1 1 0;
+  min-width: 8rem;
+  padding: .5rem;
+  font-size: 1rem;
+  font-weight: 400;
+  transition: all .125s ease-in-out;
+}
+
+.de-emergency-emergency-confirmation__button--cancel-kMlO0G {
+  color: var(--de-emergency-text, #3d4461);
+  border-color: #0000;
+}
+
+.de-emergency-emergency-confirmation__button--cancel-kMlO0G:hover {
+  background: var(--de-emergency-background, #f5f5f5);
+}
+
+.de-emergency-emergency-confirmation__button--confirm-kMlO0G {
+  color: var(--de-emergency-on-red, #fff);
+  background: var(--de-emergency-information, #3fabf3);
+  border-color: var(--de-emergency-information, #3fabf3);
+}
+
+.de-emergency-emergency-confirmation__button--danger-kMlO0G {
+  color: var(--de-emergency-on-red, #fff);
+  background: var(--de-emergency-red, red);
+  border-color: var(--de-emergency-red, red);
+}
+
+.de-emergency-emergency-confirmation__button--danger-kMlO0G:hover {
+  background: var(--de-emergency-red-pressed, #e33327);
+  border-color: var(--de-emergency-red-pressed, #e33327);
+}
+
+.de-emergency-emergency-confirmation__button-kMlO0G:focus-visible {
+  outline: 2px solid var(--de-emergency-text, #3d4461);
+  outline-offset: 2px;
+}
+
+.de-emergency-emergency-resume-notification-overlay-kMlO0G {
+  z-index: var(--de-emergency-overlay-z-index, 1000);
+  font-family: var(--de-emergency-font, "Poppins",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    sans-serif);
+  backdrop-filter: blur(8px);
+  background: radial-gradient(circle at 20% 20%, #ff980040, #0000 45%), radial-gradient(circle at 80% 80%, #f57c0033, #0000 50%), #0f0f0fe6;
+  justify-content: center;
+  align-items: center;
+  padding: 1rem;
+  animation: .4s ease-out de-emergency-de-emergency-fade-in-kMlO0G;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.de-emergency-emergency-resume-notification-overlay-kMlO0G *, .de-emergency-emergency-resume-notification-overlay-kMlO0G :before, .de-emergency-emergency-resume-notification-overlay-kMlO0G :after {
+  box-sizing: border-box;
+}
+
+.de-emergency-emergency-resume-notification-overlay-kMlO0G h2, .de-emergency-emergency-resume-notification-overlay-kMlO0G p {
+  margin: 0;
+  padding: 0;
+}
+
+.de-emergency-emergency-resume-notification-card-kMlO0G {
+  color: #1a1a1a;
+  text-align: center;
+  background: linear-gradient(145deg, #fff, #fafafa);
+  border: .1rem solid #ff980059;
+  border-radius: .5rem;
+  flex-direction: column;
+  gap: 1rem;
+  width: min(100%, 420px);
+  max-width: 420px;
+  margin: 1rem;
+  padding: 2rem;
+  animation: .5s ease-out de-emergency-de-emergency-slide-up-kMlO0G;
+  display: flex;
+  position: relative;
+  box-shadow: 0 25px 60px #00000073, inset 0 0 0 1px #fff9;
+}
+
+.de-emergency-emergency-resume-notification-card-kMlO0G:before {
+  z-index: -1;
+  content: "";
+  opacity: .1;
+  background: linear-gradient(135deg, #ff9800, #f57c00);
+  border-radius: 22px;
+  position: absolute;
+  inset: -1px;
+}
+
+.de-emergency-emergency-resume-notification-icon-kMlO0G {
+  color: #ff9800;
+  font-size: 4rem;
+  line-height: 1;
+  animation: 2s infinite de-emergency-de-emergency-pulse-kMlO0G;
+}
+
+.de-emergency-emergency-resume-notification-icon-kMlO0G svg {
+  width: 1em;
+  height: 1em;
+  margin: 0 auto;
+}
+
+.de-emergency-emergency-resume-notification-title-kMlO0G {
+  font-size: var(--de-emergency-font-title, clamp(1.5rem, 2vw, 1.75rem));
+  color: #f57c00;
+  font-weight: 700;
+}
+
+.de-emergency-emergency-resume-notification-message-kMlO0G {
+  font-size: var(--de-emergency-font-medium, clamp(1rem, 2vw, 1.125rem));
+  color: var(--de-emergency-text, #3d4461);
+  text-wrap: pretty;
+  margin-bottom: 1rem;
+  line-height: 1.6;
+}
+
+.de-emergency-emergency-resume-notification-button-kMlO0G {
+  min-width: 180px;
+  font-size: var(--de-emergency-font-small, clamp(.875rem, 2vw, .9rem));
+  color: #fff;
+  background: linear-gradient(135deg, #ff9800, #f57c00);
+  border-radius: .5rem;
+  justify-content: center;
+  align-items: center;
+  gap: .5rem;
+  padding: 1rem;
+  font-weight: 600;
+  transition: box-shadow .2s ease-out, transform .2s ease-out;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 8px 20px #ff980059;
+}
+
+.de-emergency-emergency-resume-notification-button-kMlO0G:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 12px 28px #ff980073;
+}
+
+.de-emergency-emergency-resume-notification-button-kMlO0G:active {
+  transform: translateY(0);
+}
+
+.de-emergency-emergency-resume-notification-button-kMlO0G:focus-visible {
+  outline-offset: 3px;
+  outline: 2px solid #fff;
+}
+
+.de-emergency-emergency-resume-notification-button-kMlO0G:before {
+  content: "";
+  background: linear-gradient(90deg, #0000, #ffffff59, #0000);
+  width: 100%;
+  height: 100%;
+  transition: left .6s ease-out;
+  position: absolute;
+  top: 0;
+  left: -100%;
+}
+
+.de-emergency-emergency-resume-notification-button-kMlO0G:hover:before {
+  left: 100%;
+}
+
+@media (width >= 601px) {
+  .de-emergency-emergency-confirmation__card-kMlO0G {
+    width: min(100%, 28rem);
+  }
+}
+
+@media (width <= 600px) {
+  .de-emergency-emergency-status__panel-kMlO0G {
+    width: 100%;
+    min-width: 0;
+  }
+
+  .de-emergency-emergency-status-panel__refresh-btn-container-kMlO0G {
+    justify-content: space-between;
+
+    & .de-emergency-emergency-status__loading-kMlO0G {
+      flex-direction: row;
+    }
+  }
+
+  .de-emergency-emergency-status-panel__refresh-btn-kMlO0G {
+    justify-content: center;
+    padding: .75rem 1rem;
+  }
+
+  .de-emergency-emergency-status__header-kMlO0G, .de-emergency-emergency-status__row-kMlO0G {
+    grid-template-columns: 1fr .65fr .65fr .65fr;
+    font-size: clamp(.75rem, 3vw, .95rem);
+  }
+
+  .de-emergency-emergency-status__header-kMlO0G {
+    padding: .25rem .75rem;
+  }
+
+  .de-emergency-emergency-status__cell-kMlO0G, .de-emergency-emergency-status__cell-text-kMlO0G {
+    padding: .25rem;
+  }
+
+  .de-emergency-emergency-status__cell-time-kMlO0G {
+    font-size: clamp(.5rem, 3vw, .9rem);
+  }
+
+  .de-emergency-emergency-status__body-kMlO0G, .de-emergency-emergency-status__grid-kMlO0G {
+    gap: .5rem;
+  }
+}
+
+@media (width <= 480px) {
+  .de-emergency-emergency-panel__footer-kMlO0G {
+    gap: .5rem;
+    padding: 1rem;
+  }
+
+  .de-emergency-emergency-panel__button-kMlO0G {
+    font-size: 1rem;
+  }
+
+  .de-emergency-emergency-resume-notification-card-kMlO0G {
+    margin: .5rem;
+    padding: 1.5rem;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .de-emergency-emergency-panel-kMlO0G, .de-emergency-emergency-panel__button-kMlO0G, .de-emergency-emergency-panel__close-button-kMlO0G, .de-emergency-emergency-status-panel__refresh-btn-kMlO0G, .de-emergency-emergency-status__abort-btn-kMlO0G {
+    transition: none;
+  }
+
+  .de-emergency-sos-img-kMlO0G, .de-emergency-simulacrum-success-message__icon-kMlO0G, .de-emergency-emergency-error-message__icon-kMlO0G, .de-emergency-emergency-resume-notification-icon-kMlO0G {
+    animation: none;
+  }
+
+  .de-emergency-emergency-status__spinner-kMlO0G {
+    animation-duration: 3s;
+  }
+}
+
+@keyframes de-emergency-de-emergency-pulse-kMlO0G {
+  0%, 100% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(1.05);
+  }
+}
+
+@keyframes de-emergency-de-emergency-spin-kMlO0G {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes de-emergency-de-emergency-slide-in-kMlO0G {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes de-emergency-de-emergency-pulse-error-kMlO0G {
+  0%, 100% {
+    transform: scale(1);
+    box-shadow: 0 0 #dc354559;
+  }
+
+  50% {
+    transform: scale(1.05);
+    box-shadow: 0 0 0 10px #dc354500;
+  }
+}
+
+@keyframes de-emergency-de-emergency-fade-in-kMlO0G {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes de-emergency-de-emergency-slide-up-kMlO0G {
+  from {
+    opacity: 0;
+    transform: translateY(24px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}