
/* コンデル？ v1.8.4.1 - detail freshness / back / daily trend */
.detail-back{
  appearance:none;-webkit-appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 11px;margin:0 0 11px;
  border:1px solid #334052;border-radius:10px;
  background:#151c26;color:#dce4ee;
  font-size:11px;font-weight:900;
}
.detail-back:hover{background:#1c2633;border-color:#4b596d}
.confidence.freshness-aging{
  border-color:rgba(242,206,77,.46);
  background:rgba(242,206,77,.08);
}
.confidence.freshness-aging strong{color:#f2ce4d}
.confidence.freshness-expired{
  border-color:#374251;background:#111720;color:#8996a7;
}
.status-card.freshness-aging{opacity:.72}
.busy-trend{margin-top:14px;padding-top:13px;border-top:1px solid #2a3441}
.busy-trend-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}
.busy-trend-title{margin:0;font-size:13px;font-weight:950;color:#f5f8fc}
.busy-trend-meta{font-size:9px;color:#8996a7;white-space:nowrap}
.busy-trend-bars{
  height:94px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:end;gap:4px;padding:9px 7px 4px;
  border:1px solid #2b3543;background:#0e141c;border-radius:13px;
}
.busy-trend-col{min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center}
.busy-trend-bar{
  display:block;width:100%;max-width:22px;
  height:var(--trend-h,6%);min-height:4px;
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(180deg,#e9ff58,#8ea12b);
  opacity:var(--trend-opacity,.86);
}
.busy-trend-col.no-data .busy-trend-bar{height:4px;background:#3b4655;opacity:.55}
.busy-trend-axis{display:grid;grid-template-columns:repeat(6,1fr);margin:5px 2px 0;color:#788596;font-size:8px}
.busy-trend-axis span:last-child{text-align:right}
.busy-trend-note{margin:8px 0 0;font-size:10px;line-height:1.55;color:#aab5c3}
.busy-trend-empty{margin-top:14px;padding:12px;border:1px solid #2b3543;border-radius:13px;background:#0f151d}
.busy-trend-empty strong{display:block;font-size:12px;margin-bottom:4px}
.busy-trend-empty span{display:block;color:#8f9cad;font-size:10px;line-height:1.55}
@media(max-width:700px){
  .detail-back{min-height:40px;margin-bottom:9px}
  .busy-trend-bars{height:84px;gap:3px}
  .busy-trend-bar{max-width:18px}
}
