/* Sopung Market Rapor v12.2 — mobil üst çubuk ve işletim düzeni */

#app > header {
  z-index: 52 !important;
}

#app > header.header-hidden-v6 {
  transform: translateY(0) !important;
}

#app > header.v13-header-hidden {
  transform: translateY(-110%) !important;
}

#app > header .header-report-brand-v11 {
  flex: 1 1 auto !important;
  justify-content: flex-start !important;
}

#app > header .header-report-brand-v11 img {
  width: min(310px,48vw) !important;
  height: 54px !important;
  object-position: left center !important;
}

.nav-brand-v8.nav-transparent-v11,
.nav-brand-v8.nav-card-v13 {
  min-height: 72px !important;
  margin: 0 5px 13px !important;
  padding: 8px 9px !important;
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 16px !important;
  box-shadow: 0 9px 24px rgba(55,0,4,.18) !important;
}

.nav-brand-v8.nav-card-v13 img {
  width: min(220px,calc(100% - 46px)) !important;
  height: 52px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.nav-brand-v8.nav-card-v13 .drawer-close-v10 {
  background: #fff3f2 !important;
  border: 1px solid #efcdca !important;
  color: #a5141a !important;
}

.v13-click-kpi {
  width: 100%;
  border: 1px solid #eadfdd;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.v13-click-kpi:after {
  content: "›";
  position: absolute;
  right: 15px;
  top: 50%;
  width: auto;
  height: auto;
  background: none;
  opacity: 1;
  transform: translateY(-50%);
  color: #a5141a;
  font-size: 28px;
  font-weight: 800;
}

.v13-intraday-chart {
  display: grid;
  grid-template-columns: repeat(16,minmax(13px,1fr));
  align-items: end;
  gap: 7px;
  min-height: 220px;
  margin-top: 15px;
  padding: 16px 8px 4px;
  border-bottom: 1px solid #eadfdd;
  background: linear-gradient(180deg,#fff,#fff9f8);
}

.v13-hour {
  min-width: 0;
  height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}

.v13-hour b {
  color: #7e292d;
  font-size: 9px;
  white-space: nowrap;
}

.v13-hour i {
  width: min(24px,78%);
  min-height: 3px;
  border-radius: 7px 7px 2px 2px;
  background: linear-gradient(180deg,#e7464e,#a5141a);
  box-shadow: 0 5px 12px rgba(165,20,26,.16);
}

.v13-hour small {
  color: #827472;
  font-size: 8px;
}

.v13-recent-profit {
  display: block;
  margin-top: 2px;
  color: #16845a;
  font-size: 9px;
  font-weight: 800;
}

.tracking-pdf-v13 {
  min-height: 44px;
  padding: 8px 11px;
  border: 0;
  border-radius: 11px;
  background: #fff0ef;
  color: #a5141a;
  font-weight: 800;
  cursor: pointer;
}

.mapping-summary-v13 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin: 12px 0;
}

.mapping-summary-v13 > div {
  padding: 14px;
  border: 1px solid #eadfdd;
  border-radius: 15px;
  background: #fff;
}

.mapping-summary-v13 small,
.mapping-summary-v13 b {
  display: block;
}

.mapping-summary-v13 small {
  color: #786b69;
}

.mapping-summary-v13 b {
  margin-top: 4px;
  font-size: 24px;
}

.mapping-tools-v13 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr)) 1.4fr;
  gap: 8px;
  margin: 12px 0;
}

.mapping-tools-v13 button {
  padding: 10px;
  border: 1px solid #e6d8d6;
  border-radius: 11px;
  background: #fff;
  color: #5b4644;
  font-weight: 800;
}

.mapping-tools-v13 button.active {
  border-color: #c82127;
  background: #fff0ef;
  color: #a5141a;
}

.mapping-list-v13 {
  display: grid;
  gap: 7px;
}

.mapping-row-v13 {
  display: grid;
  grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid #eadfdd;
  border-radius: 13px;
  background: #fff;
}

.mapping-row-v13 strong,
.mapping-row-v13 small {
  display: block;
}

.mapping-row-v13 small {
  margin-top: 2px;
  color: #786b69;
}

.mapping-state-v13 {
  justify-self: start;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
}

.mapping-row-v13.mapped .mapping-state-v13 {
  background: #e7f8ef;
  color: #11764f;
}

.mapping-row-v13.unmapped .mapping-state-v13 {
  background: #fff1d9;
  color: #98620b;
}

.mapping-row-v13.not-sold .mapping-state-v13 {
  background: #efefef;
  color: #6b6261;
}

.mapping-actions-v13 {
  display: flex;
  gap: 6px;
}

.mapping-actions-v13 button {
  padding: 7px 9px;
  border: 1px solid #e5d7d5;
  border-radius: 9px;
  background: #fff;
  color: #6d5553;
  font-size: 10px;
  font-weight: 800;
}

.returns-auto-v13 {
  margin-bottom: 12px;
}

@media(max-width:850px) {
  .nav-backdrop-v7 {
    z-index: 70 !important;
  }

  #app nav {
    z-index: 75 !important;
  }

  #app > header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

  #app > .layout {
    padding-top: 66px;
  }

  #app > header .header-report-brand-v11 {
    order: 2 !important;
    justify-content: center !important;
  }

  #app > header .header-report-brand-v11 img {
    width: min(61vw,250px) !important;
    height: 50px !important;
    object-position: center !important;
  }

  .v13-intraday-chart {
    grid-template-columns: repeat(8,minmax(16px,1fr));
    min-height: 350px;
  }

  .mapping-tools-v13 {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  .mapping-tools-v13 .search {
    grid-column: 1 / -1;
  }
}

@media(max-width:560px) {
  #app > header {
    gap: 7px !important;
    padding: 0 10px !important;
  }

  #app > header .menu {
    flex: 0 0 auto;
    padding: 8px 10px;
  }

  #app > header .header-report-brand-v11 img {
    width: min(58vw,220px) !important;
  }

  .v13-intraday-chart {
    gap: 4px;
    padding-inline: 3px;
  }

  .mapping-summary-v13 {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
  }

  .mapping-summary-v13 > div {
    padding: 10px 8px;
  }

  .mapping-summary-v13 b {
    font-size: 19px;
  }

  .mapping-row-v13 {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .mapping-row-v13 > div:first-child {
    grid-column: 1 / -1;
  }
}