/* ============================================================
   Firmenmaske: das Blatt von rechts.

   Die Bauteile selbst kommen aus md3-kit.css — hier steht nur die
   Huelle, die Abschnitte und die Angabenliste am Firmenblatt.
   ============================================================ */

.fi-scrim {
  position: fixed;
  inset: 0;
  z-index: 1600;
  background: rgba(9, 17, 32, .4);
  opacity: 0;
  transition: opacity .2s;
}
.fi-scrim.an { opacity: 1; }

.fi-blatt {
  position: fixed;
  inset-block: 0;
  inset-inline-end: 0;
  z-index: 1601;
  width: 580px;
  max-width: 94vw;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: -14px 0 40px -18px rgba(18, 35, 58, .6);
  transform: translateX(100%);
  transition: transform .26s cubic-bezier(.2, 0, 0, 1);
}
.fi-blatt.an { transform: translateX(0); }
@media (prefers-reduced-motion: reduce) { .fi-blatt { transition: none; } }

.fi-kopf {
  flex: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 18px;
  border-bottom: 1px solid var(--scrm-linie, #e7eef6);
}
.fi-kopf b { font-size: 15.5px; }
.fi-kopf .fi-weg { margin-inline-start: auto; }
.fi-rumpf { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 18px 22px; }
.fi-fuss {
  flex: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 18px;
  border-top: 1px solid var(--scrm-linie, #e7eef6);
}
.fi-luecke { flex: 1; }

/* Abschnitte statt einer Liste aus fünfundzwanzig Feldern. Oben
   steht, was man beim Anlegen wirklich einträgt, unten das, was
   man nachträgt, wenn es soweit ist. */
.fi-abschnitt {
  margin: 22px 0 12px;
  padding-top: 15px;
  border-top: 1px solid var(--scrm-linie, #e7eef6);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--scrm-mut, #8a97a8);
}
.fi-abschnitt:first-child { margin-top: 16px; border-top: 0; padding-top: 0; }

.fi-hinweis {
  display: flex;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 11px;
  background: #f1f5fa;
  font-size: 12px;
  line-height: 1.5;
  color: #41556d;
}
.fi-hinweis .material-symbols-rounded { font-size: 17px; color: var(--scrm-mut, #8a97a8); flex: none; }

/* ---------- Die Angaben am Firmenblatt ---------- */
.fi-werte { margin-top: 18px; }
.fi-wliste {
  display: grid;
  gap: 1px;
  background: var(--scrm-linie, #e7eef6);
  border-radius: 11px;
  overflow: hidden;
}
.fi-wz {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 9px 13px;
  background: #fff;
  font-size: 13px;
}
.fi-wz span { flex: none; min-width: 130px; color: var(--scrm-mut, #8a97a8); }
.fi-wz b { min-width: 0; overflow-wrap: anywhere; }
.fi-notiz {
  margin: 12px 0 0;
  padding: 11px 13px;
  border-radius: 11px;
  background: #f7fafd;
  font-size: 13px;
  line-height: 1.55;
  color: #41556d;
}