/*
 * Workspace-local styles for index, project and scenario pages.
 *
 * Generic helpers (.sesam-cursor-help, .sesam-card-overlay-link, .sesam-blur)
 * are defined centrally in static/css/components.css. This file only
 * keeps workspace-specific overrides.
 */

/* Workspace uses an absolute-positioned blur overlay (the builder uses a
   fixed-positioned one). Override the central .sesam-blur layout here. */
.sesam-blur {
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: rgba(240, 240, 240, 0.9);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .sesam-blur {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(1.2px);
    -webkit-backdrop-filter: blur(1.2px);
  }
}

/* Scenario page map element. */
#map {
  background: #fff !important;
  min-height: 200px;
  width: 100%;
  z-index: 2;
}

/* Multi-run badge on simulation cards (corner ribbon with asymmetric radius). */
.sesam-runs-ribbon {
  color: #fff;
  background: var(--sesam-blue);
  border-top-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

/* Storage-expiry ribbon on scenario cards. Same corner geometry as the runs ribbon,
   but uses traffic-light colors to signal how much retention time is left. */
.sesam-expiry-ribbon {
  color: #fff;
  border-top-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.sesam-expiry-ribbon--green {
  background: var(--sesam-green);
}

.sesam-expiry-ribbon--yellow {
  background: var(--sesam-yellow);
}

.sesam-expiry-ribbon--red {
  background: var(--sesam-red);
}

/* Inline traffic-light text for the "Expires" property row (colored text, no background). */
.sesam-expiry-text--green {
  color: var(--sesam-green);
}

.sesam-expiry-text--yellow {
  color: var(--sesam-yellow);
}

.sesam-expiry-text--red {
  color: var(--sesam-red-strong);
}