/* ── Inbox items ── */
.iiw { border-bottom: 1px solid var(--b); padding: 13px 16px }
.iiw.fresh { background: linear-gradient(to right, var(--al), var(--w)) }
.iitop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px }
.iifrom { font-size: .71rem; color: var(--i3) }
.iinew { font-size: .56rem; font-weight: 700; color: var(--a); background: var(--al); border: 1px solid var(--ab); padding: 1px 5px; border-radius: 4px; margin-left: 4px }
.iidate { font-size: .62rem; color: var(--i4) }
.iiq { font-family: var(--fd); font-size: .85rem; color: var(--ink); font-style: italic; line-height: 1.45; margin-bottom: 9px }
.iita { width: 100%; border: 1px solid var(--b); border-radius: 7px; padding: 7px 10px; font-size: .75rem; color: var(--ink); resize: none; min-height: 48px; outline: none; background: var(--bg); transition: border-color .15s }
.iita:focus { border-color: var(--ab); background: var(--w) }
.iita::placeholder { color: var(--i4) }
.iiacts { display: flex; gap: 6px; margin-top: 6px }
.iians { padding: 5px 13px; background: var(--a); color: #fff; border: none; border-radius: 99px; font-size: .69rem; font-weight: 600; cursor: pointer }
.iians:hover { background: var(--ah) }
.iidel { padding: 5px 10px; background: none; color: var(--i4); border: 1px solid var(--b); border-radius: 99px; font-size: .69rem; cursor: pointer }
.iidel:hover { color: #e05050; border-color: #e05050 }