/* ==========================================================================
   mtemps7 — TOPBAR: شريط أسود رفيع (أسود الشاشة) بنقطة "تسجيل" كهرماني
   ========================================================================== */
.mtemps7-tb { position: relative; background: var(--mtemps7-ink); color: var(--mtemps7-on-deep-muted); font-size: var(--mtemps7-fs-xs); }
.mtemps7-tb-row { display: flex; align-items: center; justify-content: space-between; gap: var(--mtemps7-sp-4); min-height: 2.5rem; }
.mtemps7-tb-live { display: inline-flex; align-items: center; gap: var(--mtemps7-sp-2); min-width: 0; color: var(--mtemps7-on-deep); font-weight: var(--mtemps7-fw-semibold); }
.mtemps7-tb-live span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mtemps7-tb-list { display: flex; align-items: center; gap: var(--mtemps7-sp-5); margin: 0; padding: 0; list-style: none; }
.mtemps7-tb-list li { display: inline-flex; align-items: center; gap: var(--mtemps7-sp-2); white-space: nowrap; }
.mtemps7-tb-list li + li { padding-inline-start: var(--mtemps7-sp-5); border-inline-start: var(--mtemps7-hair) solid var(--mtemps7-deep-line); }
.mtemps7-tb-list i { color: var(--mtemps7-accent); font-size: 0.8em; }
.mtemps7-tb-list a { display: inline-flex; align-items: center; gap: var(--mtemps7-sp-2); min-height: 2.5rem; color: var(--mtemps7-on-deep); font-weight: var(--mtemps7-fw-bold); transition: color var(--mtemps7-dur-2); }
.mtemps7-tb-list a:hover { color: var(--mtemps7-accent); }
@media (max-width: 899.98px) { .mtemps7-tb-hide-sm { display: none !important; } }
@media (max-width: 559.98px) {
  .mtemps7-tb-list li:first-child { display: none; }
  .mtemps7-tb-list li + li { padding-inline-start: 0; border: 0; }
}