/* Üst bar bilgileri: durum → çalışma süresi → bağlantı → tema.
   Süre bir düğme/kapsül değildir; günlük ölçümün açıklaması title/aria'da kalır. */
.ust-sol { min-width: 0; }
.ust-sol h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ust-durumlar { flex-shrink: 0; gap: 18px; }
.ust-durumlar > .staff-ust-suresi {
  display: grid;
  grid-template-columns: 18px auto;
  align-items: center;
  justify-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 38px;
  padding: 0 18px;
  border: 0;
  border-inline: 1px solid var(--cizgi);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.ust-durumlar > .staff-ust-suresi[hidden] { display: none; }
.ust-durumlar > .aux-ust-rozeti[hidden] { display: none; }
.staff-ust-suresi > svg { width: 18px; height: 18px; color: var(--mavi); }
.staff-ust-suresi > span { display: grid; gap: 1px; }
.ust-durumlar > .staff-ust-suresi small {
  color: var(--metin-ikincil);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .015em;
  white-space: nowrap;
}
.ust-durumlar > .staff-ust-suresi b {
  min-width: 8ch;
  color: var(--metin);
  font-size: 18px;
  font-weight: 750;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  letter-spacing: .035em;
  text-align: start;
}
#masaUstDurumu { white-space: nowrap; color: var(--metin-ikincil); }
@media (max-width: 1320px) {
  .ust-durumlar { gap: 11px; }
  .ust-durumlar > .staff-ust-suresi { padding-inline: 12px; gap: 8px; }
  .ust-durumlar > .staff-ust-suresi b { font-size: 16px; }
}

/* Canlı bilgi geldiğinde komşu denetimler yer değiştirmez. */
#masaUstDurumu { min-width: 94px; }
html[data-oturum-on-yukleme="oturum"] .ust-durumlar > .staff-ust-suresi[hidden] { display: grid; visibility: hidden; }
.staff-ust-suresi { box-sizing: border-box; width: 168px; flex-shrink: 0; }