/* Minimal styling som ärver temat men ser "kortigt" ut */
.tbs-cs-box {
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(6px);
}

.tbs-cs-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.tbs-cs-left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.tbs-cs-ico {
  font-size: 1.2em;
  line-height: 1;
}

.tbs-cs-right {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.tbs-cs-value {
  font-weight: 700;
}

.tbs-cs-meta {
  opacity: .75;
  font-size: .9em;
}

.tbs-cs-footer-wrap {
  margin-top: 18px;
}

.tbs-cs-footer-grid {
  display: grid;
  gap: 12px;
}

@media (min-width: 768px) {
  .tbs-cs-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


.tbs-cs-stale{
  font-weight: 700;
}



/* v0.5.1: håll "För X ... sedan" på en rad på desktop (ellips vid behov) */
.tbs-cs-meta{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}



@media (max-width: 520px){
  .tbs-cs-meta{
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
}