/* ===== EVENTS / FEED (T6.5) ===== */
/* .feed — full-width feed container (mockup vacancies-feed.html «Лента») */
.feed{display:flex;flex-direction:column;gap:0}
/* .fi — one feed item row */
.fi{
  display:flex;align-items:flex-start;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--border);font-size:.88rem;
}
.fi:last-child{border-bottom:0}
/* .ic — icon badge */
.ic{font-size:1.1rem;flex-shrink:0;width:28px;text-align:center;margin-top:1px}
/* .fi content column */
.fi > div{flex:1;min-width:0}
/* title / body lines */
.fi .t{margin:0 0 2px;font-weight:600;font-size:.9rem;line-height:1.35}
.fi .b{margin:0;font-size:.82rem;color:var(--muted);line-height:1.4}
/* relative date */
.fi .when{color:var(--muted);font-size:.76rem;white-space:nowrap;margin-left:auto;padding-left:10px;flex-shrink:0;align-self:flex-start;margin-top:3px}
/* poll widget inline */
.poll{margin-top:6px}
.poll .q{margin:0 0 6px;font-weight:600;font-size:.86rem}
.poll .opt{
  display:flex;align-items:center;gap:8px;
  padding:7px 10px;margin-bottom:4px;
  border:1px solid var(--border);border-radius:8px;
  cursor:pointer;font-size:.84rem;background:var(--card);transition:background .15s;
}
.poll .opt:hover{background:var(--muted-bg)}
.poll .opt.voted{background:#eaf0fb;border-color:#cfe0fb;font-weight:600}
/* small imitation note after voting */
.poll-voted-note{font-size:.74rem;color:var(--muted);margin-top:6px;font-style:italic}
/* events header: h1 + publish button side by side */
.events-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.events-header h1{margin:0}
/* compact variant used in notifications dropdown (T7.2) */
.feed.compact .fi{padding:7px 0;font-size:.82rem}
.feed.compact .fi .t{font-size:.82rem}
.feed.compact .fi .b{font-size:.76rem}

/* clickable feed items (feed screen, linkSource=true) */
.fi[data-source-route]{cursor:pointer}
.fi[data-source-route]:hover{background:var(--muted-bg);border-radius:6px;margin:0 -6px;padding-left:6px;padding-right:6px}

/* ===== NOTIFICATIONS DROPDOWN (T7.2) ===== */
/* Bell wrapper needs relative positioning for the absolute dropdown.
   margin-left:auto pushes the bell + account block to the right (switch is left). */
.bell-wrap{position:relative;flex-shrink:0;margin-left:auto}
/* The bell itself — circular icon button (DS bell) */
.bell-wrap .bell{display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;color:var(--muted);cursor:pointer;user-select:none}
.bell-wrap .bell:hover{background:var(--muted-bg);color:var(--fg)}
.bell-ic{display:inline-flex}
.bell-ic svg{width:20px;height:20px}
.bell .badge{top:5px;right:5px}

/* ── Topbar account: avatar + dropdown menu ── */
.account{position:relative;flex-shrink:0}
.account-avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);
  background:var(--accent-soft);color:var(--primary);font-family:var(--font-head);
  font-weight:700;font-size:.82rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:border-color .12s}
.account-avatar:hover{border-color:var(--primary)}
.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:250px;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:0 12px 32px rgba(0,0,0,.12);overflow:hidden}
.account-menu[hidden]{display:none}
.account-head{padding:14px 16px}
.account-name{font-weight:700;font-size:.95rem;line-height:1.25}
.account-sub{font-size:.82rem;color:var(--muted);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-item{display:block;width:100%;text-align:left;padding:11px 16px;
  border:0;border-top:1px solid var(--border);background:none;font:inherit;font-size:.9rem;
  color:var(--fg);text-decoration:none;cursor:pointer}
.account-item:hover{background:var(--muted-bg)}
.account-logout{color:#c0392b}
/* Dropdown panel anchored below the bell */
.notif-dropdown{
  position:absolute;top:calc(100% + 10px);right:0;
  width:340px;max-width:90vw;
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 6px 24px rgba(0,0,0,.11);
  z-index:200;
}
.notif-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px 10px;
  border-bottom:1px solid var(--border);
  font-family:var(--font-head);font-size:.78rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;color:var(--muted);
}
.notif-body{padding:0 4px}
.notif-body .fi{padding:9px 12px}
.notif-body .fi .t{font-size:.82rem}
.notif-body .fi .b{font-size:.76rem}
.notif-ftr{
  padding:10px 16px;
  border-top:1px solid var(--border);
  text-align:center;
}
.notif-ftr a{font-size:.82rem;font-weight:600;color:var(--primary);text-decoration:none}
.notif-ftr a:hover{text-decoration:underline}