/**
 * Copyright (c) ITS Eugena 2026. Please do not redistribute.
 *
 * Neutral look for the utils.unsaved inline bar: override the custom
 * properties, or restyle .tools-unsaved-bar in the consumer. No nesting nor
 * flex "gap" (Firefox 52 kiosks).
 */

:root {
  --tools-unsaved-bg: #fdecea;
  --tools-unsaved-color: #b3261e;
  --tools-unsaved-discard-bg: #b3261e;
  --tools-unsaved-discard-bg-hover: #8c1d17;
  --tools-unsaved-keep-bg: #fff;
  --tools-unsaved-keep-color: #26335e;
}

.is-confirming-unsaved .ui-dialog-buttonset {
  display: none;
}

.tools-unsaved-bar {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.55rem 0.55rem 0.55rem 0.9rem;
  border-radius: 999px;
  background: var(--tools-unsaved-bg);
  color: var(--tools-unsaved-color);
  font-size: 13.5px;
  font-weight: 600;
}

.tools-unsaved-bar__text {
  margin-right: 0.75rem;
}

.tools-unsaved-bar__actions {
  display: flex;
  flex: 0 0 auto;
}

.tools-unsaved-bar .tools-unsaved-bar__keep,
.tools-unsaved-bar .tools-unsaved-bar__discard {
  height: auto;
  margin: 0 0 0 0.4rem;
  padding: 0.5rem 1.1rem;
  border: 0;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}

.tools-unsaved-bar .tools-unsaved-bar__keep {
  background: var(--tools-unsaved-keep-bg);
  color: var(--tools-unsaved-keep-color);
}

.tools-unsaved-bar .tools-unsaved-bar__discard {
  background: var(--tools-unsaved-discard-bg);
  color: #fff;
}

.tools-unsaved-bar .tools-unsaved-bar__discard:hover,
.tools-unsaved-bar .tools-unsaved-bar__discard:focus {
  background: var(--tools-unsaved-discard-bg-hover);
}

@media (max-width: 480px) {
  .tools-unsaved-bar {
    border-radius: 12px;
  }

  .tools-unsaved-bar__actions {
    margin-top: 0.4rem;
  }
}