/* Attachment - Figma Attachment 仕様に準拠 */
.ui-attachment {
  @apply inline-flex gap-2 items-start;
}

/* Label（readonly: href 未指定時の非インタラクティブ表示） */
.ui-attachment__label {
  @apply inline-flex items-center gap-1.5 bg-white border border-gray-200 rounded-md font-semibold text-gray-900;
}

/* ファイル名。横幅が足りない場合は末尾を三点リーダで省略する。 */
/* flex-grow させず、サイズはファイル名の直後（左寄せ）に続けて表示する。 */
.ui-attachment__filename {
  @apply min-w-0 truncate;
}

/* ファイルサイズ。常に表示し、ファイル名に押されて縮まない。 */
.ui-attachment__size {
  @apply shrink-0 whitespace-nowrap;
}

/* Size: sm（削除ボタン IconButton sm=32px に高さを揃える） */
.ui-attachment--sm .ui-attachment__label {
  @apply text-sm px-3 h-8;
}

/* Size: xs（削除ボタン IconButton xs=24px に高さを揃える） */
.ui-attachment--xs .ui-attachment__label {
  @apply text-xs px-2 h-6;
}