/** 背景を左右いっぱいに広げる **/
.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/** 仕事情報ブロック **/
/* グループ見出し */
.cc-area-title{
  font-weight: 700;
  line-height: 1.2;
  margin: .25rem 0 .25rem;
}

/* 実施エリアブロック全体（row配下のcol-*）の左右余白を詰める */
.cc-area-group-row > .col-12,
.cc-area-group-row > .col-sm{
  padding-left: .25rem !important;
  padding-right: .25rem !important;
  padding-top: 0.25rem !impotant;
 
}

/* 実施エリアブロックの左右インデントを統一（まず揃える） */
.cc-area-group-row > .col-12,
.cc-area-group-row > .col-sm{
  padding-left: 15px !important;   /* Bootstrap4のcontainer内の基準に合わせるなら15px */
  padding-right: 15px !important;
}

/* 中項目（実施エリア）を、通常の項目名(small)に近いサイズへ */
.cc-area-group-heading .cc-area-title{
  font-size: 80%;        /* Bootstrapのsmall相当 */
  font-weight: 700;      /* labelっぽく */
  margin: 0;             /* 余白で大きく見えるのを防ぐ */
}

/* 値ブロックの上下が空きすぎる場合だけ（必要なら） */
.cc-area-group-row .row.pt-2.pb-2{
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

/*  */
/* 共通 */
.user-name {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

/* アイコン（絵文字でもOK） */
.user-name__badge {
  font-size: 0.95em;
  margin-right: 0.35em;
  line-height: 1;
}

/* A：目視確認済み（最上位：緑＋盾） */
.user-name--a { color: #1b5e20; } /* 深緑 */
.user-name--a .user-name__badge::before { content: "🛡️"; }

/* B：書類提出済み（青＋書類） */
.user-name--b { color: #0d47a1; } /* 濃い青 */
.user-name--b .user-name__badge::before { content: "📄"; }

/* C：未認証（グレー＋注意） */
.user-name--c { color: #666; }
.user-name--c .user-name__badge::before { content: "⚠️"; }