/* pill チケット用ラベル */
.pill {
  display: inline-block;
  padding: 0 .5em;
  border-radius: 999px;
  font-size: .85em;
  line-height: 1.8;
  border: 1px solid;
  vertical-align: baseline;
  margin-left: .25em;
}
.pill-aka { color:#c62828; border-color:#f8b3c1; background: rgba(255, 82, 82, .08); }
.pill-mei { color:#1565c0; border-color:#a8d1ff; background: rgba(33, 150, 243, .08); }
/* アイコンの既定色：未指定時はグレー */
.i { color: var(--icon-color, #999); }
/* .col-role内のアイコン調整 */
.col-role .i {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: -3px;
}
/* /FFXI/Trust/assets/icons.css */

/* 基本サイズ */
:root { --icon-size: 18px; }

/* 共通：PNGをマスクにして色で塗る */
.i {
  display:inline-block;
  width:var(--icon-size);
  height:var(--icon-size);
  vertical-align:-2px;
  background: var(--icon-color, #888);              /* ←ここが色になる */
  -webkit-mask: var(--icon-url) no-repeat center/contain;
          mask: var(--icon-url) no-repeat center/contain;
}

/* 形（グレースケールPNGの指定） */
.i-tank    { --icon-url: url("/FFXI/Trust/image/icon/Trust_Tank.png"); }
.i-melee   { --icon-url: url("/FFXI/Trust/image/icon/Trust_Melee.png"); }
.i-ranged  { --icon-url: url("/FFXI/Trust/image/icon/Trust_Ranged.png"); }
.i-caster  { --icon-url: url("/FFXI/Trust/image/icon/Trust_MagicDD.png"); }
.i-healer  { --icon-url: url("/FFXI/Trust/image/icon/Trust_Healer.png"); }
.i-support { --icon-url: url("/FFXI/Trust/image/icon/Trust_Support.png"); }
.i-special { --icon-url: url("/FFXI/Trust/image/icon/Trust_Special.png"); }

/* 色（好きに増やせる）— 例：勢力/拡張ごと */
.i.blue   { --icon-color:#3f7be8; } /* バス */
.i.red    { --icon-color:#d95b64; } /* サンド */
.i.green  { --icon-color:#5aa05a; } /* ウィン */
.i.beige  { --icon-color:#b79e74; } /* ジュノ/ジラート */
.i.amber  { --icon-color:#c9922b; } /* プロマシア */
.i.purple { --icon-color:#7a5bb3; } /* アトルガン */
.i.maroon { --icon-color:#9a2a3a; } /* アルタナ */
.i.teal   { --icon-color:#1b9e9c; } /* アドゥリン */
.i.gray   { --icon-color:#888; }    /* その他 */

 /* ちょい余白（タイプ列で文字と並べる用） */
.col-role .i { margin-right:6px; }