/* =========================================================
   cards.css ー 共通の骨格だけ（色や意味付けは各ページ側で）
   ========================================================= */

/* 汎用カード骨格 */
.card{
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
  background: #fff;
  box-shadow: 0 1.5px 3px rgba(0,0,0,.06);
  transition: box-shadow .18s ease, transform .06s ease, border-color .18s ease;
  margin-bottom: 10px;
  cursor: pointer;
}
.card-content{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
@media (hover:hover) and (pointer:fine){
  .card:hover{ box-shadow: 0 3px 12px rgba(0,0,0,.08); }
}
.card:focus-visible{
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 12px;
}
.card.disabled{
  pointer-events: none;
  cursor: not-allowed;
}

/* 汎用バッジ（色は各ページ側で上書き） */
.status{
  margin-left: auto;
  font-size: 12px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  white-space: nowrap;
}

/* テキスト（ページ側で色/数値揃えを上書き可） */
.label-text{
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.35;
}