/* KnowCore V80.36.4.6.26.1.7.5 – vorgangsorientierte Bestellakte */

.kcOrderCaseOverviewAlertsV80364626175{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:7px;
}
.kcOrderCaseAlertChipV80364626175{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:3px 8px;
  border:1px solid #d7e1e8;
  border-radius:999px;
  background:#f7fafc;
  color:#4b5b6d;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.kcOrderCaseAlertChipV80364626175:hover{
  filter:brightness(.985);
  box-shadow:0 2px 6px rgba(15,23,42,.06);
}
.kcOrderCaseNewDotV80364626175{
  width:6px;
  height:6px;
  border-radius:999px;
  background:currentColor;
}
.kcOrderCaseAlertChipV80364626175.isConfirmation{
  background:#eef8fc;
  border-color:#c5e1ec;
  color:#246985;
}
.kcOrderCaseAlertChipV80364626175.isPrice,
.kcOrderCaseAlertChipV80364626175.isDelivery{
  background:#fff7e9;
  border-color:#efd4a2;
  color:#99600f;
}
.kcOrderCaseAlertChipV80364626175.isInvoice{
  background:#f6f1fb;
  border-color:#dccdec;
  color:#694d8b;
}
.kcOrderCaseAlertChipV80364626175.isCredit{
  background:#eef8f2;
  border-color:#cce4d6;
  color:#2f7151;
}
.kcOrderCaseAlertChipV80364626175.isQuestion{
  background:#eef4fb;
  border-color:#cfdeed;
  color:#426584;
}
.kcOrderCaseAlertChipV80364626175.isReminder{
  background:#fff0f0;
  border-color:#efc9c9;
  color:#9c3434;
}
.kcOrderCaseAlertChipV80364626175.isUnread{
  box-shadow:inset 0 0 0 1px currentColor;
}
.kcOrderCaseMoreV80364626175{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  background:#edf1f4;
  color:#607080;
  font-size:11px;
  font-weight:700;
}

.kcOrderCaseFileV80364626175{
  margin-top:14px;
  padding:16px;
  border:1px solid #d7e3eb;
  border-radius:14px;
  background:#f8fbfd;
  box-shadow:0 4px 14px rgba(15,23,42,.035);
}
.kcOrderCaseFileV80364626175.isError{
  display:grid;
  gap:4px;
  border-color:#efc6c6;
  background:#fff7f7;
  color:#8f3434;
}
.kcOrderCaseHeadV80364626175{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.kcOrderCaseEyebrowV80364626175{
  display:block;
  margin-bottom:3px;
  color:#4c7388;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.kcOrderCaseHeadV80364626175 h3{
  margin:0;
  color:#17243a;
  font-size:1.05rem;
}
.kcOrderCaseHeadV80364626175 p{
  max-width:690px;
  margin:5px 0 0;
  color:#637487;
  font-size:12px;
  line-height:1.45;
}
.kcOrderCaseCountersV80364626175{
  display:flex;
  gap:7px;
}
.kcOrderCaseCountersV80364626175 span{
  display:grid;
  min-width:64px;
  padding:7px 10px;
  border:1px solid #d8e3ea;
  border-radius:10px;
  background:#fff;
  text-align:center;
}
.kcOrderCaseCountersV80364626175 b{
  color:#17243a;
  font-size:17px;
}
.kcOrderCaseCountersV80364626175 small{
  color:#738294;
  font-size:10px;
}

.kcOrderCaseStagesV80364626175{
  display:grid;
  grid-template-columns:repeat(5,minmax(120px,1fr));
  gap:8px;
  margin-top:14px;
}
.kcOrderCaseStageV80364626175{
  position:relative;
  display:grid;
  gap:3px;
  min-height:74px;
  padding:10px 11px;
  border:1px solid #d9e3ea;
  border-radius:11px;
  background:#fff;
  color:#5b6b7d;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.kcOrderCaseStageV80364626175:not(:last-child)::after{
  content:"";
  position:absolute;
  top:36px;
  right:-9px;
  width:9px;
  border-top:1px solid #c9d6df;
}
.kcOrderCaseStageV80364626175 span{
  color:#526375;
  font-size:11px;
  font-weight:700;
}
.kcOrderCaseStageV80364626175 b{
  color:#213148;
  font-size:12px;
}
.kcOrderCaseStageV80364626175 small{
  color:#82909e;
  font-size:10px;
}
.kcOrderCaseStageV80364626175.isNew{
  border-color:#efc986;
  background:#fff9ee;
}
.kcOrderCaseStageV80364626175.isAction{
  border-color:#d5c3e8;
  background:#faf7fd;
}
.kcOrderCaseStageV80364626175.isPresent{
  border-color:#bbd9e5;
  background:#f4fbfd;
}
.kcOrderCaseStageV80364626175.isPartial{
  border-color:#efcf9a;
  background:#fffaf1;
}
.kcOrderCaseStageV80364626175.isComplete{
  border-color:#bfe0d2;
  background:#f2fbf7;
}
.kcOrderCaseStageV80364626175.isPending{
  background:#fafbfc;
  color:#7b8794;
}

.kcOrderCaseSectionV80364626175{
  margin-top:12px;
  padding:13px;
  border:1px solid #dde6ed;
  border-radius:11px;
  background:#fff;
}
.kcOrderCaseSectionHeadV80364626175{
  margin-bottom:9px;
}
.kcOrderCaseSectionHeadV80364626175 h4{
  margin:0;
  color:#1d2d43;
  font-size:.92rem;
}
.kcOrderCaseSectionHeadV80364626175 small{
  display:block;
  margin-top:2px;
  color:#758496;
  font-size:11px;
}

.kcOrderCaseActionListV80364626175{
  display:grid;
  gap:6px;
}
.kcOrderCaseActionV80364626175{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  width:100%;
  padding:9px 10px;
  border:1px solid #dce5eb;
  border-left:4px solid #7995a7;
  border-radius:9px;
  background:#fbfdfe;
  color:#2b3b4e;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.kcOrderCaseActionV80364626175>span:first-child{
  display:grid;
  gap:2px;
}
.kcOrderCaseActionV80364626175 b{
  font-size:12px;
}
.kcOrderCaseActionV80364626175 small{
  color:#748496;
  font-size:11px;
}
.kcOrderCaseActionV80364626175.isPrice,
.kcOrderCaseActionV80364626175.isDelivery{
  border-left-color:#c98217;
  background:#fffbf4;
}
.kcOrderCaseActionV80364626175.isConfirmation{
  border-left-color:#317a99;
  background:#f6fbfd;
}
.kcOrderCaseActionV80364626175.isInvoice{
  border-left-color:#7b5ca0;
  background:#fbf9fe;
}
.kcOrderCaseActionV80364626175.isReminder{
  border-left-color:#b54545;
  background:#fff8f8;
}
.kcOrderCaseActionV80364626175.isUnread{
  box-shadow:inset 0 0 0 1px rgba(54,102,130,.12);
}
.kcOrderCaseActionMetaV80364626175{
  flex:0 0 auto;
  color:#69798a;
  font-size:10px;
}
.kcOrderCaseNoAlertsV80364626175{
  padding:9px 10px;
  border:1px dashed #d6e0e7;
  border-radius:8px;
  color:#718193;
  font-size:11px;
}

.kcOrderCaseTimelineV80364626175{
  display:grid;
  gap:0;
}
.kcOrderCaseTimelineItemV80364626175{
  position:relative;
  display:grid;
  grid-template-columns:18px 1fr;
  gap:8px;
  padding:8px 0 10px;
}
.kcOrderCaseTimelineItemV80364626175:not(:last-child)::before{
  content:"";
  position:absolute;
  left:6px;
  top:21px;
  bottom:-3px;
  border-left:1px solid #d7e1e8;
}
.kcOrderCaseTimelineDotV80364626175{
  position:relative;
  z-index:1;
  width:11px;
  height:11px;
  margin-top:4px;
  border:2px solid #6c91a5;
  border-radius:999px;
  background:#fff;
}
.kcOrderCaseTimelineItemV80364626175.isOrder .kcOrderCaseTimelineDotV80364626175{
  border-color:#30799a;
}
.kcOrderCaseTimelineItemV80364626175.isReceipt .kcOrderCaseTimelineDotV80364626175{
  border-color:#3c896b;
}
.kcOrderCaseTimelineItemV80364626175.isInvoice .kcOrderCaseTimelineDotV80364626175{
  border-color:#7b5ca0;
}
.kcOrderCaseTimelineItemV80364626175.isPrice .kcOrderCaseTimelineDotV80364626175,
.kcOrderCaseTimelineItemV80364626175.isDelivery .kcOrderCaseTimelineDotV80364626175{
  border-color:#c98217;
}
.kcOrderCaseTimelineItemV80364626175.isUnread .kcOrderCaseTimelineDotV80364626175{
  background:currentColor;
}
.kcOrderCaseTimelineContentV80364626175{
  min-width:0;
}
.kcOrderCaseTimelineHeadV80364626175{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.kcOrderCaseTimelineHeadV80364626175>div{
  display:grid;
  gap:1px;
}
.kcOrderCaseTimelineHeadV80364626175 b{
  color:#233349;
  font-size:12px;
}
.kcOrderCaseTimelineHeadV80364626175 small{
  color:#758496;
  font-size:10px;
}
.kcOrderCaseTimelineHeadV80364626175 time{
  flex:0 0 auto;
  color:#8090a0;
  font-size:10px;
}
.kcOrderCaseTimelineContentV80364626175 p{
  margin:4px 0 0;
  color:#5f7082;
  font-size:11px;
}
.kcOrderCaseOpenMessageV80364626175{
  margin-top:6px;
  padding:5px 8px !important;
  font-size:11px !important;
}
.kcOrderCaseSecondaryV80364626175{
  display:flex;
  gap:8px;
  margin-top:10px;
  padding:8px 10px;
  border:1px solid #cce4d6;
  border-radius:8px;
  background:#f3fbf7;
  color:#396c55;
  font-size:11px;
}
.kcOrderCaseEmptyV80364626175{
  color:#728294;
  font-size:11px;
}

@media(max-width:1000px){
  .kcOrderCaseStagesV80364626175{
    grid-template-columns:repeat(2,minmax(150px,1fr));
  }
  .kcOrderCaseStageV80364626175::after{
    display:none;
  }
}
@media(max-width:700px){
  .kcOrderCaseHeadV80364626175{
    flex-direction:column;
  }
  .kcOrderCaseStagesV80364626175{
    grid-template-columns:1fr;
  }
  .kcOrderCaseActionV80364626175,
  .kcOrderCaseTimelineHeadV80364626175{
    align-items:flex-start;
    flex-direction:column;
  }
}