/* Sopung Market Rapor v11 */

/* Üst çubuk artık hiçbir kaydırmada kaybolmaz. */
#app > header,
#app > header.header-hidden-v6,
#app > header.header-revealed-v10,
#app > header.header-persistent-v11 {
  position: sticky !important;
  top: 0 !important;
  transform: translateY(0) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#app > header .header-report-brand-v11 {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: visible !important;
}

#app > header .header-report-brand-v11 img {
  width: 330px !important;
  height: 58px !important;
  max-width: min(55vw, 330px) !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Menü logosu beyaz kart olmadan doğrudan kırmızı zemin üzerindedir. */
.nav-brand-v8.nav-transparent-v11 {
  min-height: 64px !important;
  padding: 5px 7px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.nav-brand-v8.nav-transparent-v11 img {
  width: 225px !important;
  height: 54px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
}

.nav-transparent-v11 .drawer-close-v10 {
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  color: #fff !important;
}

/* Ürün puanları tıklanabilir liste */
.score-tap-hint-v11 {
  margin-bottom: 12px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #e3d5d3;
  border-radius: 13px;
  background: linear-gradient(135deg,#fff,#fff7f5);
}
.score-tap-hint-v11 > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #c82127;
  color: #fff;
  font-size: 18px;
}
.score-tap-hint-v11 strong,.score-tap-hint-v11 small { display: block; }
.score-tap-hint-v11 small { margin-top: 2px; color: #786b69; }

.score-row-v11 {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.score-row-v11:hover {
  transform: translateY(-1px);
  border-color: #d9b8b5;
  box-shadow: 0 7px 20px rgba(75,18,18,.07);
}
.score-row-v11 > i {
  color: #a5141d;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
}

/* Aylık puan geçmişi */
.score-history-modal-v11 { z-index: 95; }
.score-history-card-v11 {
  width: min(900px,96vw);
  max-height: 94vh;
  overflow-y: auto;
  padding: 0 18px 18px;
}
.score-history-head-v11 {
  position: sticky;
  top: 0;
  z-index: 3;
  margin: 0 -18px 14px;
  padding: 17px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  background: linear-gradient(135deg,#9f151b,#c82127);
  color: #fff;
}
.score-history-head-v11 h2 { margin: 2px 0 0; }
.score-history-head-v11 p { margin: 3px 0 0; color: #ffe4e2; }
.score-history-head-v11 > button {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 12px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 27px;
}
.score-history-toolbar-v11 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
  padding: 11px 13px;
  border: 1px solid #eadfdd;
  border-radius: 14px;
  background: #fff;
}
.score-history-toolbar-v11 label { min-width: 130px; }
.score-history-toolbar-v11 label,.score-history-toolbar-v11 small,.score-history-toolbar-v11 b { display: block; }
.score-history-toolbar-v11 > div { text-align: right; }
.score-history-toolbar-v11 b { margin-top: 3px; font-size: 17px; }
.score-history-toolbar-v11 b.up { color: #16845a; }
.score-history-toolbar-v11 b.down { color: #c82127; }
.score-history-toolbar-v11 b.same { color: #786b69; }
.score-history-kpis-v11 {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 11px;
}
.score-history-kpis-v11 > div {
  padding: 12px;
  border: 1px solid #eadfdd;
  border-radius: 13px;
  background: #fff;
}
.score-history-kpis-v11 small,.score-history-kpis-v11 b { display: block; }
.score-history-kpis-v11 small { color: #786b69; font-size: 9px; }
.score-history-kpis-v11 b { margin-top: 4px; font-size: 17px; }
.score-history-chart-v11 {
  margin-bottom: 11px;
  padding: 13px;
  border: 1px solid #eadfdd;
  border-radius: 15px;
  background: #fff;
}
.score-history-chart-v11 .svg-chart { min-height: 190px; max-height: 260px; }
.score-history-months-v11 { display: grid; gap: 6px; }
.score-history-months-v11 > button {
  width: 100%;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #eadfdd;
  border-radius: 12px;
  background: #fff;
  color: inherit;
  text-align: left;
}
.score-history-months-v11 > button.active {
  border-color: #c82127;
  background: #fff5f4;
  box-shadow: 0 0 0 2px rgba(200,33,39,.07);
}
.score-history-months-v11 span:last-child { text-align: right; }
.score-history-months-v11 strong,.score-history-months-v11 small,.score-history-months-v11 b { display: block; }
.score-history-months-v11 small { margin-top: 2px; color: #786b69; }
.score-history-months-v11 b {
  display: inline-block;
  padding: 4px 7px;
  border-radius: 999px;
}
.score-history-months-v11 b.excellent { background:#e8f8f0;color:#11764f; }
.score-history-months-v11 b.good { background:#eef7e7;color:#4d791c; }
.score-history-months-v11 b.watch { background:#fff4dd;color:#9c650d; }
.score-history-months-v11 b.risk { background:#ffe8e8;color:#a91d23; }

@media(max-width:850px) {
  #app > header .header-report-brand-v11 {
    order: 2 !important;
    flex: 1 1 auto !important;
  }
  #app > header .header-report-brand-v11 img {
    width: min(57vw,245px) !important;
    height: 52px !important;
    max-width: 100% !important;
  }
}

@media(max-width:650px) {
  .score-row-v11 { grid-template-columns:34px minmax(0,1fr) auto 17px !important; }
  .score-row-v11 > div:nth-child(3),.score-row-v11 > div:nth-child(4) { display:none; }
  .score-row-v11 > i { grid-column:4; }
  .score-history-card-v11 { width:100%; max-height:96vh; padding:0 11px 13px; }
  .score-history-head-v11 { margin:0 -11px 10px; padding:14px 12px; }
  .score-history-head-v11 h2 { font-size:20px; }
  .score-history-toolbar-v11 { align-items:stretch; flex-direction:column; }
  .score-history-toolbar-v11 > div { text-align:left; }
  .score-history-kpis-v11 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .score-history-chart-v11 .svg-chart { min-height:170px; }
  .score-history-months-v11 > button { padding:9px; }
}