/* Aperçu administrateur, rappel d'échéances et notifications groupées. */

.topbar {
  justify-content: flex-start;
  gap: 12px;
}

.topbar .workspace {
  flex: 0 0 auto;
  white-space: nowrap;
}

.topbar-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.pc-top-task-summary {
  display: grid;
  grid-template-columns: 22px minmax(0, auto);
  grid-template-rows: auto auto;
  column-gap: 7px;
  align-items: center;
  min-width: 0;
  max-width: 290px;
  min-height: 40px;
  padding: 5px 10px 5px 7px;
  color: #365a79;
  text-align: left;
  background: #f2f7fd;
  border: 1px solid #cadcf1;
  border-radius: 10px;
}

.pc-top-task-summary > span {
  display: grid;
  grid-row: 1 / 3;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #fff;
  background: #3e78da;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 800;
}

.pc-top-task-summary > strong,
.pc-top-task-summary > small {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-top-task-summary > strong {
  color: #244c70;
  font-size: 9px;
  font-weight: 700;
}

.pc-top-task-summary > small {
  color: #6f8192;
  font-size: 7.5px;
}

.pc-top-task-summary.alert {
  background: #fff5f5;
  border-color: #e9b7ba;
}

.pc-top-task-summary.alert > span { background: #c64c53; }
.pc-top-task-summary.alert > strong { color: #a83c43; }

.pc-admin-preview-switch {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  gap: 7px;
  min-width: 0;
  height: 40px;
  padding: 4px 6px 4px 9px;
  color: #6b537f;
  background: #f7f2fb;
  border: 1px solid #d9c9e7;
  border-radius: 10px;
}

.pc-admin-preview-switch > span {
  flex: 0 0 auto;
  font-size: 8px;
  font-weight: 750;
  white-space: nowrap;
}

.pc-admin-preview-switch select {
  min-width: 118px;
  max-width: 180px;
  height: 30px;
  padding: 0 25px 0 8px;
  color: #4e4660;
  background: #fff;
  border: 1px solid #ddd3e6;
  border-radius: 7px;
  outline: 0;
  font-size: 8.5px;
  font-weight: 600;
}

.pc-preview-banner {
  z-index: 24;
  display: flex;
  position: sticky;
  top: 64px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 7px 31px;
  color: #624778;
  background: #fbf7ff;
  border-bottom: 1px solid #d9cae5;
  box-shadow: 0 4px 12px #3b245008;
}

.pc-preview-banner > span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 25px;
  height: 25px;
  color: #fff;
  background: #76539a;
  border-radius: 8px;
  font-size: 10px;
}

.pc-preview-banner p {
  display: flex;
  flex: 1 1 auto;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

.pc-preview-banner strong {
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
}

.pc-preview-banner small {
  overflow: hidden;
  color: #806d91;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-preview-banner button {
  flex: 0 0 auto;
  min-height: 29px;
  padding: 5px 10px;
  color: #674787;
  background: #fff;
  border: 1px solid #cdb9dc;
  border-radius: 7px;
  font-size: 8px;
  font-weight: 650;
}

.pc-task-alert { width: min(670px, 100%); }

.pc-task-alert header p {
  margin: 5px 0 0;
  color: #76899a;
  font-size: 9px;
}

.pc-task-alert-content { padding: 16px 20px 18px; }

.pc-task-alert-list {
  display: grid;
  gap: 8px;
  max-height: min(420px, 52vh);
  overflow-y: auto;
}

.pc-task-alert-list article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 9px 11px;
  background: #f7fafc;
  border: 1px solid #dfe7ee;
  border-radius: 10px;
}

.pc-task-alert-list article.due {
  background: #fff8f8;
  border-color: #ebc2c5;
}

.pc-task-alert-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: #fff;
  background: #3e78da;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 800;
}

.pc-task-alert-list article.due .pc-task-alert-icon { background: #c64c53; }

.pc-task-alert-list article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.pc-task-alert-list article small {
  overflow: hidden;
  color: #7d8c9b;
  font-size: 7.5px;
  font-weight: 650;
  letter-spacing: .035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-task-alert-list article strong {
  overflow: hidden;
  color: #244866;
  font-size: 11px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-task-alert-list article p {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 0;
}

.pc-task-alert-list article p span {
  padding: 3px 6px;
  color: #32649d;
  background: #e9f2fd;
  border-radius: 5px;
  font-size: 7.5px;
}

.pc-task-alert-list article p .deadline {
  color: #a43d44;
  background: #fde8ea;
}

.pc-task-alert-preview-note {
  display: block;
  margin-top: 10px;
  padding: 8px 10px;
  color: #684d7e;
  background: #f7f1fb;
  border: 1px solid #ddcde8;
  border-radius: 8px;
  font-size: 8px;
  font-style: normal;
}

@media (max-width: 1320px) {
  .pc-top-task-summary { max-width: 190px; }
  .pc-top-task-summary > small { display: none; }
  .pc-top-task-summary { grid-template-rows: auto; }
  .pc-top-task-summary > span { grid-row: 1; }
}

@media (max-width: 1100px) {
  .signed-user { display: none; }
  .pc-admin-preview-switch > span { display: none; }
  .pc-admin-preview-switch { padding-left: 6px; }
  .pc-admin-preview-switch select { max-width: 145px; }
}

@media (max-width: 980px) {
  .topbar .workspace { margin: 0; }
  .pc-preview-banner { padding-right: 20px; padding-left: 20px; }
}

@media (max-width: 760px) {
  .pc-top-task-summary { max-width: 105px; }
  .pc-top-task-summary > strong { text-overflow: ellipsis; }
  .pc-admin-preview-switch select { min-width: 104px; max-width: 124px; }
  .pc-preview-banner p { display: grid; gap: 1px; }
}

@media (max-width: 680px) {
  .topbar { gap: 7px; }
  .topbar-actions { margin-left: auto; }
  .pc-top-task-summary { min-height: 36px; max-width: 94px; padding: 4px 7px 4px 5px; }
  .pc-top-task-summary > span { width: 21px; height: 21px; }
  .pc-admin-preview-switch { height: 36px; }
  .pc-admin-preview-switch select { min-width: 92px; max-width: 108px; height: 28px; }
  .pc-preview-banner { top: 56px; min-height: 43px; padding: 6px 14px; }
  .pc-preview-banner small { display: none; }
  .pc-task-alert-content { padding: 13px; }
  .pc-task-alert-list article { grid-template-columns: 29px minmax(0, 1fr); min-height: 59px; padding: 8px; }
  .pc-task-alert-icon { width: 29px; height: 29px; }
}

@media (max-width: 430px) {
  .pc-top-task-summary { max-width: 78px; }
  .pc-admin-preview-switch select { max-width: 96px; }
  .pc-preview-banner > span { display: none; }
  .pc-preview-banner strong { overflow: hidden; max-width: 145px; text-overflow: ellipsis; white-space: nowrap; }
}