/*== /styles/components/drawers/ko-drawer.css ==*/







.app-scope .shared-drawer .ko-title-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.app-scope .shared-drawer .ko-title-row .ko-title-av { flex-shrink: 0; }
.app-scope .shared-drawer .ko-title-main {
  flex: 1;
  min-width: 0;
}




.app-scope .shared-drawer .drawer-section h4 .ko-adr-firma-toggle {
  margin-left: auto;
  text-transform: none;
  letter-spacing: normal;
}




.app-scope .shared-drawer .field-value.ko-adr-locked {
  opacity: 0.6;
}
.app-scope .shared-drawer .field-value.ko-adr-locked .app-async-picker {
  pointer-events: none;
}


/*== /styles/components/drawers/fi-drawer.css ==*/









.app-scope .shared-drawer .gast-mk-q {
  padding: var(--space-2-5) 0 var(--space-1);
  border-top: 1px solid var(--color-border-light);
  margin-top: var(--space-2);
}
.app-scope .shared-drawer [data-fi-mkpills] > .gast-mk-q:first-of-type {
  border-top: none;
  margin-top: var(--space-1);
}
.app-scope .shared-drawer .gast-mk-q-label {
  font-size: var(--font-size-sm);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
  margin-bottom: 2px;
}
.app-scope .shared-drawer .gast-mk-q-hint {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin-bottom: var(--space-2);
  line-height: 1.4;
}
.app-scope .shared-drawer .gast-mk-pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1-5);
}
.app-scope .shared-drawer .gast-mk-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-circular);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-family: inherit;
  line-height: 1.4;
  cursor: pointer;
  transition: border-color var(--duration-fast), background-color var(--duration-fast);
}
.app-scope .shared-drawer .gast-mk-pill:hover {
  border-color: var(--color-border-strong);
  background: var(--color-bg-subtle);
}
.app-scope .shared-drawer .gast-mk-pill:focus-visible {
  outline: 2px solid var(--lod-darkblue);
  outline-offset: 1px;
}












@media (max-width: 999px) {
  .app-scope .shared-drawer .gast-mk-pill { min-height: var(--touch-ziel); }
}
.app-scope .shared-drawer .gast-mk-pill--active {
  border-color: var(--lod-darkblue);
  background: var(--lod-darkblue-50);
  color: var(--lod-darkblue);
  font-weight: var(--fw-medium);
}
.app-scope .shared-drawer .gast-mk-pill--active-yes {
  border-color: var(--color-success-strong);
  background: var(--status-success-bg);
  color: var(--status-success-fg);
  font-weight: var(--fw-medium);
}
.app-scope .shared-drawer .gast-mk-pill--active-no {
  border-color: var(--color-border-strong);
  background: var(--color-bg-subtle);
  color: var(--color-text-secondary);
  font-weight: var(--fw-medium);
}
















.app-scope .shared-drawer .gast-mk-value {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  border: 1px solid var(--lod-darkblue);
  border-radius: var(--radius-circular);
  background: var(--lod-darkblue-50);
  color: var(--lod-darkblue);
  font-size: var(--font-size-sm);
  font-weight: var(--fw-medium);
  line-height: 1.4;
  cursor: default;
}
.app-scope .shared-drawer .gast-mk-value--yes {
  border-color: var(--color-success-strong);
  background: var(--status-success-bg);
  color: var(--status-success-fg);
}
.app-scope .shared-drawer .gast-mk-value--no {
  border-color: var(--color-border-strong);
  background: var(--color-bg-subtle);
  color: var(--color-text-secondary);
}

.app-scope .shared-drawer .gast-mk-open-hint,
.app-scope .shared-drawer .gast-mk-open {
  margin-top: var(--space-1-5);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  font-style: italic;
}






.app-scope .shared-drawer .nachweis-liste {
  border-top: 1px solid var(--color-border-light);
  padding: var(--space-2) 0 0;
  margin-top: var(--space-2);
}




.app-scope .fi-sla-hint {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin: 0 0 var(--space-3);
}














.app-scope .fi-sla-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: var(--space-2) var(--space-3-5);
  align-items: center;
  margin-bottom: var(--space-3);
}









.app-scope .fi-sla-row > :not(.fi-sla-lbl) {
  margin-left: calc(1px + var(--space-2-5) + 14px + var(--space-2));
  margin-right: calc(1px + var(--space-2-5));
}
.app-scope .fi-sla-lbl {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.app-scope .fi-sla-select {
  flex: 1 1 200px;
  min-width: 0;
  height: 32px;
  padding: 0 var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-sm);
}
.app-scope .fi-sla-inputs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  flex: 1 1 200px;
}
.app-scope .fi-sla-in {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 60px;
  min-width: 0;
}
.app-scope .fi-sla-in > span {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}
.app-scope .fi-sla-input {
  width: 100%;
  height: 32px;
  padding: 0 var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--font-size-sm);
  font-variant-numeric: tabular-nums;
}
.app-scope .fi-sla-view {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.app-scope .fi-sla-stufe { font-weight: var(--fw-semibold); }
.app-scope .fi-sla-times {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
}




.app-scope .fi-liz-tablewrap { overflow-x: auto; }
.app-scope .fi-liz-table { width: 100%; border-collapse: collapse; font-size: var(--font-size-sm); }




.app-scope .fi-liz-row[data-fi-liz-open] { cursor: pointer; }
.app-scope .fi-liz-row[data-fi-liz-open]:hover { background: var(--color-surface-hover); }
.app-scope .fi-liz-row[data-fi-liz-open]:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: -2px;
}
.app-scope .fi-liz-table th {
  text-align: left; font-weight: var(--fw-semibold); color: var(--color-text-muted);
  font-size: var(--font-size-xs); padding: var(--space-1) var(--space-1-5);
  border-bottom: 1px solid var(--lod-gray-200); white-space: nowrap;
}
.app-scope .fi-liz-table td {
  padding: var(--space-1) var(--space-1-5);
  border-bottom: 1px solid var(--lod-gray-100); vertical-align: middle;
}
.app-scope .fi-liz-table tbody tr:last-child td { border-bottom: 0; }
.app-scope .fi-liz-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.app-scope .fi-liz-muted { color: var(--color-text-muted); }
.app-scope .fi-liz-foot {
  display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap;
  gap: var(--space-1) var(--space-2); margin-top: var(--space-1-5);
  font-size: var(--font-size-xs); color: var(--color-text-muted);
}
.app-scope .fi-liz-link {
  background: none; border: 0; padding: 0; font: inherit; font-size: var(--font-size-xs);
  color: var(--lod-darkblue); cursor: pointer; white-space: nowrap;
}
.app-scope .fi-liz-link:hover { text-decoration: underline; }
.app-scope .fi-liz-warn { margin-bottom: var(--space-2); font-size: var(--font-size-sm); }





@media (max-width: 999px) {
  



  .app-scope .fi-sla-select { min-height: var(--touch-ziel); }
  .app-scope .fi-sla-input { min-height: var(--touch-ziel); }
}






@media (max-width: 599px) {
  .app-scope .fi-sla-row { grid-template-columns: 1fr; gap: var(--space-1-5) 0; }
  .app-scope .fi-sla-row > :not(.fi-sla-lbl) { margin-left: 0; }
}






.app-scope .fi-abgeleitet {
  display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.app-scope .fi-abgeleitet-wert {
  font-size: var(--font-size-base);
  color: var(--color-text);
}
.app-scope .fi-abgeleitet-quelle,
.app-scope .fi-abgeleitet-leer {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}












/*== /styles/sections/firmen/firmen.css ==*/


































#tab-content-firmen .fk-card {
  display: flex;
  

  align-items: center;
  gap: var(--space-2-5);
  width: 100%;
  min-width: 0;
  
  position: relative;
  



  height: 92px;
  overflow: hidden;
  padding: var(--space-3);
  


  --fk-tint-50: var(--lod-darkblue-50);
  --fk-tint-100: var(--lod-darkblue-100);
  --fk-accent: var(--lod-gray-200);
  background:
    radial-gradient(circle at 100% 0%,
      color-mix(in srgb, var(--fk-tint-100) 55%, transparent) 0%,
      transparent 42%),
    linear-gradient(135deg,
      var(--fk-tint-50) 0%,
      color-mix(in srgb, var(--fk-tint-50) 30%, var(--color-surface)) 34%,
      var(--color-surface) 100%);
  border: 1px solid var(--lod-gray-100);
  

  border-left: var(--surface-accent-width) solid var(--fk-accent);
  border-radius: var(--surface-radius);
  cursor: pointer;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--lod-darkblue-900) 5%, transparent);
  transition: border-color var(--duration-snappy), box-shadow var(--duration-snappy), transform var(--duration-snappy);
}

#tab-content-firmen .fk-card:hover {
  border-top-color: var(--lod-darkblue-300);
  border-right-color: var(--lod-darkblue-300);
  border-bottom-color: var(--lod-darkblue-300);
  box-shadow: 0 8px 20px -10px color-mix(in srgb, var(--lod-darkblue-900) 22%, transparent);
  transform: translateY(-1px);
}
#tab-content-firmen .fk-card:focus-visible {
  outline: 2px solid var(--lod-darkblue);
  outline-offset: 2px;
  border-color: var(--lod-darkblue);
}


#tab-content-firmen .fk-card--firma {
  --fk-tint-50: var(--lod-darkblue-50);
  --fk-tint-100: var(--lod-darkblue-100);
  --fk-accent: var(--lod-darkblue-200);
}
#tab-content-firmen .fk-card--kontakt {
  --fk-tint-50: var(--lod-turquoise-50);
  --fk-tint-100: var(--lod-turquoise-100);
  --fk-accent: var(--lod-turquoise-500);
}
#tab-content-firmen .fk-card--vertrag {
  --fk-tint-50: var(--lod-gray-50);
  --fk-tint-100: var(--lod-gray-100);
  --fk-accent: var(--lod-darkblue-200);
}



#tab-content-firmen .fk-card--kunde     { --fk-accent: var(--lod-darkblue); }
#tab-content-firmen .fk-card--lieferant { --fk-accent: var(--lod-gray-300); }

#tab-content-firmen .fk-card.is-selected {
  border-color: var(--lod-darkblue);
  border-left-color: var(--lod-darkblue);
  background: var(--lod-darkblue-100);
}
#tab-content-firmen .fk-card.is-inactive {
  opacity: 0.62;
  --fk-accent: var(--lod-gray-200);
}


#tab-content-firmen .fk-dt-row--inactive {
  opacity: 0.62;
}





#tab-content-firmen .fk-dt-name {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  






  max-width: 340px;
  vertical-align: middle;
}
#tab-content-firmen .fk-dt-name .lod-dt-titel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tab-content-firmen .fk-dt-person {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  min-width: 0;
  max-width: 100%;
  vertical-align: middle;
}
#tab-content-firmen .fk-dt-person-nm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



#tab-content-firmen .fk-dt-cap {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
#tab-content-firmen .fk-dt-cap--s { max-width: 160px; }



#tab-content-firmen .fk-dt-signale {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  vertical-align: middle;
}


#tab-content-firmen .fk-dt-faellig {
  color: var(--status-warning-fg);
  font-weight: var(--fw-semibold);
}


#tab-content-firmen .fk-badge--wiedervorlage {
  background: var(--status-warning-bg);
  color: var(--status-warning-fg);
}



#tab-content-firmen .fk-card-check {
  flex-shrink: 0;
  display: none;
  align-items: center;
}
#tab-content-firmen .fk-bulk-active .fk-card-check { display: flex; }




#tab-content-firmen .avatar.fk-av {
  flex-shrink: 0;
  box-shadow: 0 0 0 1px var(--lod-gray-200), 0 1px 2px rgba(15, 46, 72, 0.10);
}


























#tab-content-firmen .fk-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  gap: var(--space-1);
}
#tab-content-firmen .fk-card-titlerow {
  display: flex;
  align-items: center;
  gap: var(--space-1-5);
  min-width: 0;
}
#tab-content-firmen .fk-card-title {
  



  flex: 0 1 auto;
  min-width: 0;
  font-weight: var(--fw-semibold);
  font-size: var(--font-size-base);
  color: var(--lod-darkblue-900);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#tab-content-firmen a.fk-card-title-link {
  text-decoration: none;
  color: var(--lod-darkblue-900);
}
#tab-content-firmen a.fk-card-title-link:hover { color: var(--lod-darkblue); }
#tab-content-firmen .fk-card-title-link::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}
#tab-content-firmen .fk-card-title-link:focus-visible {
  outline: 2px solid var(--lod-darkblue);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

#tab-content-firmen .fk-card-check,
#tab-content-firmen .fk-card-actions,
#tab-content-firmen .fk-betreuer-corner,
#tab-content-firmen .fk-sub-firma-link { position: relative; z-index: 2; }



#tab-content-firmen .fk-card-sub {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#tab-content-firmen .fk-card-ref {
  font-family: var(--lod-font-mono);
  font-size: var(--fs-badge);
  font-weight: var(--fw-medium);
  color: var(--lod-gray-500);
  letter-spacing: 0.01em;
}
#tab-content-firmen .fk-sub-ico {
  display: inline-flex;
  vertical-align: -3px;
  margin-right: 2px;
}
#tab-content-firmen .fk-sub-ico img { width: 14px; height: 14px; opacity: 0.7; }












#tab-content-firmen .fk-sub-firma-link {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  border: none;
  background: transparent;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  border-radius: var(--radius-sm);
}
#tab-content-firmen .fk-sub-firma-link:hover { color: var(--lod-darkblue); text-decoration: underline; }
#tab-content-firmen .fk-sub-firma-link:focus-visible { outline: 2px solid var(--lod-darkblue); outline-offset: 1px; }

























#tab-content-firmen .fk-card-badges {
  gap: var(--space-1);
}


#tab-content-firmen .fk-card-titlerow .card-app-activity-dot { align-self: center; margin-top: 0; }



#tab-content-firmen .card-app-activity-dot--stale { background: var(--color-danger-strong); }

#tab-content-firmen .fk-badge {
  display: inline-flex;
  align-items: center;
  font-size: var(--fs-badge);
  font-weight: var(--fw-medium);
  padding: 2px var(--space-2);
  border-radius: var(--radius-pill-sm);
  background: var(--lod-gray-100);
  color: var(--lod-gray-700);
  line-height: 1.3;
}
#tab-content-firmen .fk-badge-klasse {
  background: var(--lod-turquoise-100);
  color: var(--lod-turquoise-900);
}


#tab-content-firmen .fk-badge--rolle {
  background: var(--lod-darkblue-50);
  color: var(--lod-darkblue);
}
#tab-content-firmen .fk-badge-inactive {
  background: var(--lod-gray-200);
  color: var(--lod-gray-600);
}


#tab-content-firmen .fk-badge--kunde {
  background: var(--lod-darkblue-50);
  color: var(--lod-darkblue);
}
#tab-content-firmen .fk-badge--lieferant {
  background: var(--lod-gray-50);
  color: var(--lod-gray-500);
}



#tab-content-firmen .fk-badge-vstatus--neutral {
  background: var(--lod-gray-100);
  color: var(--lod-gray-700);
}
#tab-content-firmen .fk-badge-vstatus--wartet {
  background: var(--color-warning-bg);
  color: var(--color-warning-strong);
}
#tab-content-firmen .fk-badge-vstatus--ok {
  background: var(--status-success-bg);
  color: var(--color-success-strong);
}





#tab-content-firmen .fk-badge-vsignatur {
  background: var(--color-danger-bg);
  color: var(--color-danger-strong);
  box-shadow: inset 0 0 0 1px var(--color-danger-border);
}


#tab-content-firmen .fk-badge--signal {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: var(--lod-darkblue-50);
  color: var(--lod-darkblue);
}
#tab-content-firmen .fk-badge--signal img {
  width: 12px;
  height: 12px;
  opacity: 0.65;
}





#tab-content-firmen .fk-betreuer-corner {
  position: absolute;
  right: var(--space-2);
  bottom: var(--space-2);
  z-index: 2;
  line-height: 0;
}


#tab-content-firmen .fk-card-actions {
  flex-shrink: 0;
  align-self: flex-start;   
  display: flex;
  align-items: center;
  gap: var(--space-xxs);
}
#tab-content-firmen .fk-card-quicklink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-1);
  border: none;
  background: transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  color: var(--lod-gray-500);
  opacity: 0;
  transition: opacity var(--duration-fast), background-color var(--duration-fast);
}
#tab-content-firmen .fk-card:hover .fk-card-quicklink,
#tab-content-firmen .fk-card:focus-within .fk-card-quicklink { opacity: 1; }




@media (hover: none) {
  #tab-content-firmen .fk-card-quicklink { opacity: 1; }
}
#tab-content-firmen .fk-card-quicklink:hover { background: var(--lod-gray-100); color: var(--lod-darkblue); }
#tab-content-firmen .fk-card-quicklink:focus-visible { opacity: 1; outline: 2px solid var(--lod-darkblue); outline-offset: 1px; }
#tab-content-firmen .fk-card-more {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-1);
  border: none;
  background: transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  color: var(--lod-gray-500);
}
#tab-content-firmen .fk-card-more:hover { background: var(--lod-gray-100); }




@media (max-width: 999px) {
  #tab-content-firmen .fk-card-more,
  

  #tab-content-firmen .fk-card-quicklink {
    min-width: var(--touch-ziel);
    min-height: var(--touch-ziel);
  }
  











  #tab-content-firmen .fk-card { height: 104px; }
}







#tab-content-firmen .fk-more {
  display: flex;
  justify-content: center;
  padding: var(--space-3) 0 var(--space-4);
}
#tab-content-firmen .fk-empty {
  padding: var(--space-4);
  text-align: center;
  color: var(--color-text-muted);
}









@media (max-width: 1399px) {
  #tab-content-firmen .fk-card { padding: var(--space-2-5); }
}
@media (max-width: 599px) {
  #tab-content-firmen .fk-card { padding: var(--space-2); }
}











#tab-content-firmen .app-toolbar-left.fk-toolbar-hidecontrols > *:not(.view-switcher) { display: none; }


#tab-content-firmen .app-toolbar-right.fk-toolbar-hidecontrols > *:not([data-section-header-action="primary"]) { display: none; }






#tab-content-firmen .app-toolbar.fk-toolbar-leer {
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}



#tab-content-firmen .fk-dup-head {
  display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3);
  margin-bottom: var(--space-3);
}
#tab-content-firmen .fk-dup-summary { font-size: var(--font-size-sm); color: var(--color-text-muted); }











#tab-content-firmen .fk-dup-list { display: flex; flex-direction: column; gap: var(--space-2); }





#tab-content-firmen .fk-dup-card {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2);
  align-items: center;
  padding: var(--space-2-5); border: 1px solid var(--lod-gray-200);
  border-radius: var(--radius-md); background: var(--color-surface);
}
#tab-content-firmen .fk-dup-card > .fk-dup-card-top { grid-column: 1; }
#tab-content-firmen .fk-dup-card > .fk-dup-actions  { grid-column: 2; }

#tab-content-firmen .fk-dup-card > .fk-dup-pair,
#tab-content-firmen .fk-dup-card > .fk-dup-signale,
#tab-content-firmen .fk-dup-card > [data-dup-ki-slot] { grid-column: 1 / -1; }

#tab-content-firmen .fk-dup-card > [data-dup-ki-slot]:empty { display: none; }
#tab-content-firmen .fk-dup-card-top { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
#tab-content-firmen .fk-dup-score {
  font-weight: var(--fw-bold); font-variant-numeric: tabular-nums;
  padding: 1px var(--space-2); border-radius: var(--radius-pill); font-size: var(--font-size-sm);
}
#tab-content-firmen .fk-dup-score--sicher { background: var(--status-danger-bg); color: var(--status-danger-fg); }
#tab-content-firmen .fk-dup-score--wahrscheinlich { background: var(--status-warning-bg); color: var(--status-warning-fg); }
#tab-content-firmen .fk-dup-score--moeglich { background: var(--lod-gray-100); color: var(--color-text-muted); }
#tab-content-firmen .fk-dup-stufe { font-size: var(--font-size-sm); color: var(--color-text-secondary); }

#tab-content-firmen .fk-dup-pair {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: var(--space-2);
}










#tab-content-firmen .fk-dup-rec {
  font: inherit; text-align: left; cursor: pointer; min-width: 0;
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-1-5) var(--space-2); border: 1px solid transparent;
  border-radius: var(--radius-md); background: var(--lod-gray-50);
  transition: background var(--duration-fast), border-color var(--duration-fast);
}
#tab-content-firmen .fk-dup-rec:hover {
  background: var(--color-surface);
  border-color: var(--lod-turquoise);
}
#tab-content-firmen .fk-dup-rec:focus-visible { outline: 2px solid var(--lod-darkblue); outline-offset: 1px; }


#tab-content-firmen .fk-dup-rec-txt {
  display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1;
}
#tab-content-firmen .fk-dup-rec-ico { flex-shrink: 0; color: var(--lod-gray-500); }
#tab-content-firmen .fk-dup-rec-ico img { width: 18px; height: 18px; opacity: 0.75; }



#tab-content-firmen .fk-dup-rec-go { flex-shrink: 0; }
#tab-content-firmen .fk-dup-rec-go img { width: 16px; height: 16px; opacity: 0.45; }
#tab-content-firmen .fk-dup-rec:hover .fk-dup-rec-go img { opacity: 0.9; }
#tab-content-firmen .fk-dup-rec-name { font-weight: var(--fw-semibold); word-break: break-word; }
#tab-content-firmen .fk-dup-rec-sub { font-size: var(--font-size-xs); color: var(--color-text-muted); word-break: break-word; }
#tab-content-firmen .fk-dup-vs { align-self: center; color: var(--color-text-muted); font-size: var(--font-size-lg); }

#tab-content-firmen .fk-dup-signale { display: flex; flex-wrap: wrap; gap: var(--space-1-5); }
#tab-content-firmen .fk-dup-chip {
  font-size: var(--font-size-xs); padding: 1px var(--space-2);
  border-radius: var(--radius-pill); background: var(--lod-darkblue-100, var(--lod-gray-100));
  color: var(--lod-darkblue-900); white-space: nowrap;
}






@media (max-width: 599px) {
  #tab-content-firmen .fk-dup-chip { white-space: normal; overflow-wrap: anywhere; }
}



#tab-content-firmen .fk-dup-chip--konflikt {
  background: var(--status-warning-bg); color: var(--status-warning-fg);
}


#tab-content-firmen .fk-dup-card--aus { opacity: 0.72; border-style: dashed; }
#tab-content-firmen .fk-dup-austoggle { font-size: var(--font-size-sm); }
#tab-content-firmen .fk-dup-ki-box {
  display: flex; flex-direction: column; gap: 1px; font-size: var(--font-size-sm);
  padding: var(--space-2) var(--space-2-5); border-radius: var(--radius-sm);
  border: 1px solid var(--lod-gray-200);
}
#tab-content-firmen .fk-dup-ki-box--loading { color: var(--color-text-muted); }
#tab-content-firmen .fk-dup-ki-box--yes { background: var(--lod-darkblue-100); border-color: var(--lod-darkblue); }
#tab-content-firmen .fk-dup-ki-box--no { background: var(--lod-gray-100); }
#tab-content-firmen .fk-dup-ki-verdict { font-weight: var(--fw-semibold); }
#tab-content-firmen .fk-dup-ki-reason { color: var(--color-text-secondary); }
#tab-content-firmen .fk-dup-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: flex-end; }
#tab-content-firmen .fk-dup-kibtn { display: inline-flex; align-items: center; gap: var(--space-1-5); }

@media (max-width: 599px) {
  




  #tab-content-firmen .fk-dup-card { grid-template-columns: minmax(0, 1fr); }
  #tab-content-firmen .fk-dup-card > .fk-dup-card-top,
  #tab-content-firmen .fk-dup-card > .fk-dup-actions { grid-column: 1; }
  #tab-content-firmen .fk-dup-card > .fk-dup-actions { order: 9; }
  #tab-content-firmen .fk-dup-pair { grid-template-columns: 1fr; }
  #tab-content-firmen .fk-dup-vs { transform: rotate(90deg); justify-self: center; }
  #tab-content-firmen .fk-dup-actions { justify-content: stretch; }
  #tab-content-firmen .fk-dup-actions .btn { flex: 1 1 auto; justify-content: center; }
}