/* ---------- Intelligence: stili specifici ---------- */
.hero-search { max-width: 620px; margin: 0 auto 20px; }
.hero-search .search-wrap { max-width: none; }
.hero-search .input { padding: 13px 14px 13px 40px; font-size: 15px; border-radius: 14px; }

.msg-item {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 12px 14px; border-bottom: 1px solid var(--border); cursor: pointer;
}
.msg-item:hover { background: var(--bg-hover); }
.msg-item:last-child { border-bottom: none; }
.msg-main { flex: 1; min-width: 0; }
.msg-top { display: flex; gap: 8px; align-items: baseline; }
.msg-from { font-weight: 650; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px; }
.msg-subject { font-size: 13px; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.msg-snippet { font-size: 12px; color: var(--text3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 2px; }
.msg-meta { text-align: right; flex: none; }
.msg-date { font-size: 11.5px; color: var(--text3); white-space: nowrap; }
.msg-mailbox { font-size: 10.5px; color: var(--text3); opacity: .8; }

.month-bars { display: flex; align-items: flex-end; gap: 4px; height: 90px; padding-top: 8px; }
.month-bar { flex: 1; background: var(--accent); opacity: .85; border-radius: 4px 4px 0 0; min-height: 2px; position: relative; }
.month-bar span {
  position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%);
  font-size: 9px; color: var(--text3); white-space: nowrap;
}
.month-wrap { padding-bottom: 22px; }

.org-domain { font-weight: 650; }
.pill-inout { font-size: 11px; color: var(--text3); white-space: nowrap; }

.stat-strip { display: flex; gap: 18px; flex-wrap: wrap; }
.stat-strip .item .n { font-size: 20px; font-weight: 700; }
.stat-strip .item .l { font-size: 11px; color: var(--text3); text-transform: uppercase; letter-spacing: .4px; }

.mb-status { font-size: 11.5px; }
.mb-ok { color: var(--green-ink); }
.mb-err { color: var(--red-ink); }

.thread-msg { border-left: 3px solid var(--border-strong); padding: 8px 12px; margin: 8px 0; cursor: pointer; border-radius: 0 8px 8px 0; }
.thread-msg:hover { background: var(--bg-hover); }
.body-view { font-size: 13.5px; white-space: pre-wrap; word-break: break-word; max-height: 60vh; overflow-y: auto; color: var(--text2); }