/* project */
@layer project {}

/* ===== 申込一覧・受付一覧 デザイン改善 ===== */

/* thead：濃紺背景で視認性アップ */
._stc._casemanage._list main table.u.col thead {
  background: #1e3a5f;
}
._stc._casemanage._list main table.u.col th {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-align: left;
  padding: 0.75em 1em;
}

/* td.header（プログレスバー行）：薄いブルー背景 */
._stc._casemanage._list main table.u.col td.header:not(:empty) {
  background: #f0f6ff;
  border-bottom: 1px solid #dbeafe;
  padding: 0.75em 1em;
}

/* td.footer（リンク行）：薄いグレー背景 + 上線 */
._stc._casemanage._list main table.u.col td.footer {
  background: #f8f9fa;
  border-top: 1px solid #e5e7eb;
  padding: 0.5em 0.75em;
}

/* 未読あり（data-status="exists"）：青いアクセントライン + 背景強調 */
._stc._casemanage._list main table.u.col tbody tr[data-status="exists"] td.header {
  background: #dbeafe;
  border-left: 4px solid var(--color-main);
}
._stc._casemanage._list main table.u.col tbody tr[data-status="exists"] td.footer {
  background: #eff6ff;
}

/* tbody の各 tr 間に仕切り線 */
._stc._casemanage._list main table.u.col tbody tr {
  border-bottom: 2px solid #e5e7eb;
}

/* SP幅：カードに影と角丸を追加 */
@media (max-width: 500px) {
  ._stc._casemanage._list main table.u.col tbody tr {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.25em;
  }
  ._stc._casemanage._list main table.u.col tbody tr[data-status="exists"] {
    border-left: 4px solid var(--color-main);
  }
}

/* 申込一覧：案件タイトル td のフォントを少し大きく */
._stc._casemanage._list main table.u.col td.title.primary {
  font-size: 1.02em;
}