.pop-verdict {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 15px 17px;
  margin-bottom: 18px;
  border-radius: 14px;
  border: 1px solid rgba(122, 176, 122, 0.3);
  background: linear-gradient(180deg, rgba(60, 92, 62, 0.22), rgba(15, 8, 19, 0.5));
}
.pop-verdict.is-warn { border-color: rgba(212, 175, 96, 0.34); background: linear-gradient(180deg, rgba(96, 78, 40, 0.24), rgba(15, 8, 19, 0.5)); }
.pop-verdict.is-bad { border-color: rgba(198, 92, 84, 0.42); background: linear-gradient(180deg, rgba(96, 40, 38, 0.26), rgba(15, 8, 19, 0.5)); }
.pop-verdict-ico { flex: 0 0 auto; display: flex; color: #9ed08e; }
.pop-verdict.is-warn .pop-verdict-ico { color: #e8c98a; }
.pop-verdict.is-bad .pop-verdict-ico { color: #e0857b; }
.pop-verdict-ico svg { width: 26px; height: 26px; }
.pop-verdict-txt { display: flex; flex-direction: column; gap: 4px; }
.pop-verdict-h { font-size: 1.06rem; font-weight: 700; color: var(--lab-gold-bright); }
.pop-verdict-d { font-size: 0.85rem; line-height: 1.5; color: var(--lab-gold); opacity: 0.85; }

.pop-panel {
  border: 1px solid var(--lab-edge-soft);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(40, 24, 47, 0.5), rgba(15, 8, 19, 0.55));
  padding: 4px 16px 16px;
  margin-bottom: 18px;
}

.pop-gauges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.pop-gauge {
  border: 1px solid var(--lab-edge-soft);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(40, 24, 47, 0.5), rgba(15, 8, 19, 0.55));
  padding: 13px 16px 15px;
}
.pop-gauge-h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.pop-gauge-t { font-size: 0.95rem; font-weight: 700; color: var(--lab-gold-bright); }
.pop-gauge-s { font-size: 0.75rem; color: var(--lab-gold); opacity: 0.72; flex: 0 0 auto; }

.pop-bar {
  height: 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.38);
  box-shadow: inset 0 0 0 1px var(--lab-edge-soft);
  overflow: hidden;
  margin: 11px 0 13px;
}
.pop-bar.is-signed {
  position: relative;
}
.pop-bar.is-signed::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--lab-gold);
  opacity: 0.6;
  z-index: 1;
}
.pop-bar.is-signed .pop-bar-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  min-width: 2px;
  transition: width 0.35s ease, left 0.35s ease, right 0.35s ease;
}
.pop-bar-fill {
  height: 100%;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(122, 176, 122, 0.75), rgba(160, 205, 150, 0.9));
  transition: width 0.35s ease;
}
.pop-bar-fill.is-warn { background: linear-gradient(90deg, rgba(212, 175, 96, 0.75), rgba(244, 207, 139, 0.95)); }
.pop-bar-fill.is-bad { background: linear-gradient(90deg, rgba(178, 78, 72, 0.8), rgba(214, 108, 96, 0.95)); }
.pop-bar-fill.is-good { background: linear-gradient(90deg, rgba(122, 176, 122, 0.75), rgba(160, 205, 150, 0.9)); }

.pop-gauge-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 10px;
}
.pop-mini { display: flex; flex-direction: column; gap: 2px; }
.pop-mini-v {
  font-size: 1rem;
  font-weight: 700;
  color: var(--lab-gold-bright);
  font-variant-numeric: tabular-nums;
}
.pop-mini-v.is-good { color: #9ed08e; }
.pop-mini-v.is-bad { color: #e0857b; }
.pop-mini-v.is-warn { color: #e8c98a; }
.pop-mini-l {
  font-size: 0.7rem;
  line-height: 1.35;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--lab-gold);
  opacity: 0.78;
}

.pop-spark { margin: 6px 0 14px; }
.pop-spark svg { width: 100%; height: 64px; display: block; }
.pop-spark-line { fill: none; stroke: var(--lab-gold-bright); stroke-width: 2; vector-effect: non-scaling-stroke; }
.pop-spark-area { fill: rgba(212, 175, 96, 0.13); stroke: none; }
.pop-spark-mark { stroke: rgba(214, 108, 96, 0.7); stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }

.pop-warn {
  margin-top: 12px;
  padding: 9px 12px;
  border-radius: 10px;
  border: 1px solid rgba(212, 175, 96, 0.28);
  background: rgba(212, 175, 96, 0.09);
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--lab-gold);
}
.pop-warn.is-bad { border-color: rgba(198, 92, 84, 0.38); background: rgba(198, 92, 84, 0.12); color: #e6b0a8; }
.pop-warn.is-warn { border-color: rgba(214, 168, 92, 0.38); background: rgba(214, 168, 92, 0.10); color: #e2c68d; }

.pop-fixgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(252px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.pop-fix {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid var(--lab-edge-soft);
  border-radius: 12px;
  background: rgba(28, 16, 34, 0.55);
  padding: 13px 14px 14px;
}
.pop-fix-h { display: flex; flex-direction: column; gap: 3px; }
.pop-fix-t { font-size: 0.92rem; font-weight: 700; color: var(--lab-gold-bright); }
.pop-fix-s {
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--lab-gold);
  opacity: 0.6;
}
.pop-fix-s.is-large { color: #9ed08e; opacity: 0.9; }
.pop-fix-s.is-fair { color: #e8c98a; opacity: 0.85; }
.pop-fix-d { font-size: 0.8rem; line-height: 1.5; color: var(--lab-gold); opacity: 0.8; flex: 1 1 auto; }
.pop-fix-go { align-self: flex-start; }

.pop-table {
  border: 1px solid var(--lab-edge-soft);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 18px;
}
.pop-tr {
  display: grid;
  grid-template-columns: minmax(96px, 1.1fr) 1fr 0.7fr 0.8fr 1fr minmax(150px, 1.6fr);
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  font-size: 0.84rem;
  color: var(--lab-gold);
  background: rgba(24, 13, 29, 0.4);
}
.pop-tr + .pop-tr { border-top: 1px solid rgba(244, 207, 139, 0.07); }
.pop-th {
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.6;
  background: rgba(16, 8, 20, 0.5);
}
.pop-name { font-weight: 700; color: var(--lab-gold-bright); }
.pop-num { text-align: right; font-variant-numeric: tabular-nums; }
.pop-num.is-good { color: #9ed08e; }
.pop-num.is-bad { color: #e0857b; }
.pop-notes { display: flex; flex-wrap: wrap; gap: 5px; }
.pop-tag {
  font-size: 0.68rem;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid rgba(244, 207, 139, 0.24);
  color: var(--lab-gold);
  white-space: nowrap;
}
.pop-tag.is-warn { border-color: rgba(212, 175, 96, 0.5); color: #e8c98a; }
.pop-tag.is-bad { border-color: rgba(198, 92, 84, 0.5); color: #e0857b; }
.pop-tag.is-quiet { opacity: 0.45; }

.pop-citylist { display: flex; flex-direction: column; margin-top: 12px; }
.pop-city {
  display: grid;
  grid-template-columns: minmax(90px, 1.4fr) 0.6fr 0.8fr 1fr;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 0.82rem;
  color: var(--lab-gold);
}
.pop-city + .pop-city { border-top: 1px solid rgba(244, 207, 139, 0.07); }
.pop-city-n { font-weight: 700; color: var(--lab-gold-bright); }
.pop-city-t { opacity: 0.7; }
.pop-city-v { text-align: right; font-variant-numeric: tabular-nums; }
.pop-city-b { text-align: right; font-size: 0.75rem; opacity: 0.65; }

@media (max-width: 820px) {
  .pop-tr { grid-template-columns: 1fr 1fr; row-gap: 4px; }
  .pop-th { display: none; }
  .pop-notes { grid-column: 1 / -1; }
  .pop-city { grid-template-columns: 1fr 1fr; row-gap: 2px; }
}

.pop-mood-none { margin-top: 12px; font-size: 0.78rem; color: var(--lab-gold-dim); line-height: 1.5; font-style: italic; }
.pop-mood {
  margin-top: 12px; padding: 12px 13px; border-radius: 11px;
  border: 1px solid var(--lab-edge-soft); background: rgba(0, 0, 0, 0.22);
}
.pop-mood-h { display: flex; align-items: baseline; gap: 9px; margin-bottom: 9px; }
.pop-mood-t { font-size: 0.86rem; font-weight: 700; color: var(--lab-gold-bright); }
.pop-mood-n { font-size: 1.05rem; font-weight: 700; color: var(--lab-gold-bright); font-variant-numeric: tabular-nums; }
.pop-mood-drift { margin-left: auto; font-size: 0.72rem; color: var(--lab-gold-dim); }
.pop-mood-drift.is-good { color: #9ed08e; }
.pop-mood-drift.is-bad { color: #e0857b; }
.pop-mood-list { display: flex; flex-direction: column; gap: 4px; }
.pop-mood-row { display: grid; grid-template-columns: minmax(0, 1fr) 84px 46px; align-items: center; gap: 9px; font-size: 0.75rem; }
.pop-mood-l { color: var(--lab-gold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pop-mood-track { height: 6px; border-radius: 4px; background: rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 0 1px var(--lab-edge-soft); }
.pop-mood-fill { display: block; height: 100%; border-radius: 4px; }
.pop-mood-row.is-good .pop-mood-fill { background: linear-gradient(90deg, rgba(122, 176, 122, 0.75), rgba(160, 205, 150, 0.95)); }
.pop-mood-row.is-bad .pop-mood-fill { background: linear-gradient(90deg, rgba(178, 78, 72, 0.8), rgba(214, 108, 96, 0.95)); }
.pop-mood-d { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }
.pop-mood-row.is-good .pop-mood-d { color: #9ed08e; }
.pop-mood-row.is-bad .pop-mood-d { color: #e0857b; }