.my-outlook-event.absence {
  border-left-color: #7154b3 !important;
  background: #f1edfb !important;
}

.my-outlook-absences {
  margin: 0 0 10px;
  border: 1px solid #cfc3ed;
  border-left: 4px solid #7154b3;
  border-radius: 8px;
  background: #f5f2fc;
  color: #402d72;
}

.my-outlook-absences summary {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px;
  cursor: pointer;
  font-size: 13px;
  list-style: none;
}

.my-outlook-absences summary::-webkit-details-marker { display: none; }
.my-outlook-absences summary::before { content: '▸'; font-size: 11px; }
.my-outlook-absences[open] summary::before { content: '▾'; }

.my-outlook-absences summary b {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: #7154b3;
  color: #fff;
  text-align: center;
}

.my-outlook-absences summary small {
  margin-left: auto;
  color: #6f6587;
  font-size: 10px;
}

.my-outlook-absence-list {
  display: grid;
  gap: 5px;
  padding: 0 7px 7px;
}

.my-outlook .my-outlook-absence-chip {
  padding: 6px 7px;
  border-color: #d7cdef;
  background: #fff;
  color: #402d72;
  text-align: left;
  font-size: 11px;
}

.my-outlook-absence-chip span,
.my-outlook-absence-chip small { display: block; }
.my-outlook-absence-chip small { margin-top: 3px; color: #6f6587; }
.my-outlook .my-outlook-absence-chip.tentative { border-style: dashed; background: #fbf9ff; }

/* Ganztägige Outlook-Termine stehen kompakt über dem Stundenkalender. */
.my-outlook-all-day {
  margin: 0 0 8px;
  border: 1px solid #8bd3d1;
  border-left: 4px solid #168b87;
  border-radius: 8px;
  background: #eaf9f8;
  color: #0f5e5b;
}

.my-outlook-all-day summary {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 8px;
  cursor: pointer;
  font-size: 13px;
  list-style: none;
}

.my-outlook-all-day summary::-webkit-details-marker { display: none; }
.my-outlook-all-day summary::before { content: '▸'; font-size: 11px; }
.my-outlook-all-day[open] summary::before { content: '▾'; }
.my-outlook-all-day summary b {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: #168b87;
  color: #fff;
  text-align: center;
}
.my-outlook-all-day summary small { margin-left: auto; color: #477d7b; font-size: 10px; }
.my-outlook-all-day-list { display: grid; gap: 5px; padding: 0 7px 7px; }
.my-outlook .my-outlook-all-day-chip {
  padding: 6px 7px;
  border-color: #a9dddb;
  background: #fff;
  color: #0f5e5b;
  text-align: left;
  font-size: 11px;
}
.my-outlook-all-day-chip span,
.my-outlook-all-day-chip small { display: block; }
.my-outlook-all-day-chip small { margin-top: 3px; color: #477d7b; }
.my-outlook .my-outlook-all-day-chip.showroom { border-left: 4px solid #ed8c00; }

/* Besitz ist auf jeder Karte sichtbar: eigene Termine blau, Termine von Kollegen orange. */
.my-outlook .my-outlook-event.owner-own {
  border-left-color: #005bbb !important;
  background: #eef6ff !important;
}
.my-outlook .my-outlook-event.owner-colleague {
  border-left-color: #d97706 !important;
  background: #fff4e4 !important;
}
.my-outlook .my-outlook-event .my-outlook-owner {
  display: inline-block;
  width: fit-content;
  margin-top: 5px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #dcecff;
  color: #004485;
  font-weight: 700;
}
.my-outlook .my-outlook-event.owner-colleague .my-outlook-owner {
  background: #ffe1b5;
  color: #8a4300;
}
.my-outlook .my-outlook-all-day-chip.owner-own { border-left: 4px solid #005bbb; }
.my-outlook .my-outlook-all-day-chip.owner-colleague { border-left: 4px solid #d97706; background: #fff8ed; }