/* ============================================================
   GEOINFOWORLD
   Executive Spatial Insight v1
   Map Experience Repair R1
   ============================================================ */


/* ------------------------------------------------------------
   MAP COMMAND / CARTOGRAPHY SEPARATION
   ------------------------------------------------------------ */

.giw-map-commandbar {
  z-index: 82 !important;
}


.giw-cartography-control {
  left: 245px !important;
  right: auto !important;

  z-index: 78 !important;
}


/* ------------------------------------------------------------
   ZOOM
   ------------------------------------------------------------ */

.giw-zoom-group {
  order: -100;
}


.giw-zoom-button {
  font-size: 20px !important;
  font-weight: 400 !important;

  line-height: 1 !important;
}


/* ------------------------------------------------------------
   EXECUTIVE INSIGHT
   ------------------------------------------------------------ */

.giw-executive {
  display: grid;

  gap: 11px;
}


.giw-executive-hero {
  position: relative;

  overflow: hidden;

  padding: 14px;

  border:
    1px solid rgba(69,212,255,.16);

  border-radius: 14px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(69,212,255,.12),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(69,212,255,.05),
      rgba(93,140,255,.025)
    );
}


.giw-executive-kicker {
  color: #4edcff;

  font-size: .59rem;
  font-weight: 760;

  letter-spacing: .16em;
  text-transform: uppercase;
}


.giw-executive-title {
  margin: 5px 0 2px;

  color: #f3f9ff;

  font-size: 1.08rem;
  font-weight: 670;
}


.giw-executive-context {
  color: #758da1;

  font-size: .63rem;
}


.giw-executive-kpis {
  display: grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap: 7px;
}


.giw-executive-kpi {
  padding: 9px;

  border:
    1px solid rgba(180,210,240,.09);

  border-radius: 10px;

  background:
    rgba(255,255,255,.017);
}


.giw-executive-kpi span {
  display: block;

  margin-bottom: 4px;

  color: #617b90;

  font-size: .56rem;

  letter-spacing: .08em;
  text-transform: uppercase;
}


.giw-executive-kpi strong {
  display: block;

  color: #c5dce9;

  font-size: .8rem;
  font-weight: 630;
}


.giw-executive-section {
  display: grid;

  gap: 7px;
}


.giw-executive-section-title {
  color: #8ba4b7;

  font-size: .6rem;
  font-weight: 700;

  letter-spacing: .1em;
  text-transform: uppercase;
}


.giw-signal {
  padding: 9px 10px;

  border:
    1px solid rgba(180,210,240,.08);

  border-radius: 9px;

  background:
    rgba(255,255,255,.014);
}


.giw-signal strong {
  display: block;

  margin-bottom: 3px;

  color: #b7d2e1;

  font-size: .67rem;
}


.giw-signal span {
  color: #71899e;

  font-size: .62rem;

  line-height: 1.5;
}


.giw-signal-positive {
  border-left:
    2px solid rgba(84,230,171,.55);
}


.giw-signal-caution {
  border-left:
    2px solid rgba(232,196,106,.60);
}


.giw-signal-pattern {
  border-left:
    2px solid rgba(69,212,255,.60);
}


.giw-decision-lens {
  padding: 11px;

  border:
    1px solid rgba(167,139,250,.14);

  border-radius: 10px;

  background:
    linear-gradient(
      145deg,
      rgba(167,139,250,.045),
      rgba(69,212,255,.018)
    );
}


.giw-decision-lens strong {
  display: block;

  margin-bottom: 4px;

  color: #d4c8ff;

  font-size: .67rem;
}


.giw-decision-lens span {
  color: #7f91a8;

  font-size: .62rem;

  line-height: 1.5;
}


.giw-executive-actions {
  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 6px;
}


.giw-executive-action {
  min-height: 34px;

  cursor: pointer;

  border:
    1px solid rgba(180,210,240,.10);

  border-radius: 8px;

  color: #9db6c8;

  background:
    rgba(255,255,255,.02);

  font-size: .61rem;
}


.giw-executive-action:hover {
  color: #e7f8ff;

  border-color:
    rgba(69,212,255,.27);

  background:
    rgba(69,212,255,.055);
}


.giw-executive-loading,
.giw-executive-error {
  padding: 16px 10px;

  text-align: center;

  color: #7890a5;

  font-size: .68rem;
}


.giw-executive-error {
  color: #d7a0a8;
}


@media (max-width: 850px) {

  .giw-cartography-control {
    left: 14px !important;
    top: 104px !important;
  }

}