/*
 * Workspace-local styles for index, project, scenario and upload 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;
}

/* Upload page: drag-and-drop target. */
#drop-area {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  height: 50%;
}

#drop-area.highlight {
  border-color: #3388ff;
}

/* 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;
}

/* Blurred overlay that locks built-in scenario cards for plans without access. */
.sesam-blur-card-overlay {
  z-index: 2;
  border-radius: inherit !important;
  margin: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
}