/* ========================================================================
   File Type Icons — Colored letter badges for document types
   ========================================================================
   Replaces Bootstrap Icon file-earmark-* icons with compact,
   recognizable letter badges using official brand colors.
   ======================================================================== */

.ft-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: var(--dt-radius-sm);
  font-size: 9px;
  font-weight: 700;
  font-family: var(--dt-font-primary);
  color: white;
  line-height: 1;
  flex-shrink: 0;
}

.ft-word    { background-color: #2B5797; }
.ft-excel   { background-color: #1D6F42; }
.ft-ppt     { background-color: #B7472A; }
.ft-pdf     { background-color: #EF4444; }
.ft-csv     { background-color: #0F766E; }
.ft-image   { background-color: #7C3AED; }
.ft-video   { background-color: #B45309; }
.ft-audio   { background-color: #1D4ED8; }
.ft-zip     { background-color: #374151; }
.ft-generic { background-color: var(--dt-gray); }