/* NIPI-192: день недели, дата и время после колокольчика; предупреждение о празднике или переносе */
.topbar-today { display: flex; align-items: center; gap: 10px; flex: 1 1 0; min-width: 0; overflow: hidden; padding: 3px; margin-left: 9px; }
.topbar .userbox { flex-shrink: 0; }
.today-clock { flex-shrink: 0; display: flex; align-items: baseline; gap: 8px; white-space: nowrap; color: var(--muted, #5b6680); font-size: 13px; }
.today-weekday { font-weight: 600; color: var(--text, #1f2328); }
.today-time { font-size: 16px; font-weight: 700; color: var(--text, #1f2328); font-variant-numeric: tabular-nums; }
.today-alert { display: inline-flex; align-items: center; gap: 6px; max-width: 360px; padding: 5px 10px; border-radius: 999px; border: 1px solid #f5b5b5;
  background: #fdecec; color: #b42318; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; min-width: 0; flex: 0 1 auto; }
.today-alert[hidden] { display: none; }
.today-alert span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.today-alert .icon { width: 15px; height: 15px; flex-shrink: 0; }
.today-alert:hover { background: #fbdcdc; }
.today-alert:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.today-alert-off, .today-alert-work { border-color: #f7d08a; background: #fff6e5; color: #9a5b00; }
.today-alert-off:hover, .today-alert-work:hover { background: #ffedc7; }
.today-more { padding: 0 6px; border-radius: 999px; background: rgba(0, 0, 0, .08); font-size: 11px; }
@media (max-width: 1600px) { .today-year { display: none; } }

@media (max-width: 1100px) { .today-date { display: none; } }
@media (max-width: 900px) { .topbar-today { margin-left: 6px; } .today-alert { max-width: 180px; } }
@media (max-width: 560px) { .today-alert span:first-of-type { display: none; } .today-alert { padding: 6px; } }