.read-item{min-width:0;border:1px solid transparent;border-radius:12px;overflow-wrap:anywhere}
.read-item.is-unread{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--card));box-shadow:inset 3px 0 0 var(--accent)}
.read-item.is-unread :is(.activity-copy strong,.thread-title-link,.forum-category-copy strong,.club-category-copy strong){color:var(--text);font-weight:850}
.read-item:has(>.activity-row),.read-item:has(>.forum-category-card),.read-item:has(>.club-category-card){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
.read-item>.activity-row,.read-item>.forum-category-card,.read-item>.club-category-card{min-width:0;background:transparent}
.read-item:has(>.forum-category-card),.read-item:has(>.club-category-card){border-color:var(--border);background:var(--card)}
.read-item:has(>.forum-category-card).is-unread,.read-item:has(>.club-category-card).is-unread{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--card))}
.read-item>.forum-category-card,.read-item>.club-category-card{border:0;box-shadow:none}
.read-state-form{position:relative;display:inline-flex!important;align-items:center;justify-content:flex-end;gap:0;margin:0 8px!important;flex:none!important;width:auto!important;max-width:100%}
.read-state-button.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;min-width:54px;margin:0;padding:5px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-sub);font-size:11px;font-weight:650;line-height:1.2;white-space:nowrap;box-shadow:none}
.read-state-button svg{flex:none;width:15px;height:15px}
.read-state-button[data-unread=true]{color:var(--accent)}
.read-state-button[data-unread=true] .read-state-check,.read-state-button[data-unread=false] .read-state-dot{display:none}
.read-state-button:hover{background:color-mix(in srgb,var(--accent) 10%,var(--card));border-color:var(--border);color:var(--text)}
.read-state-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.read-state-feedback:not(.is-error){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.read-state-feedback.is-error{position:absolute;right:0;top:100%;z-index:20;width:240px;max-width:80vw;padding:8px;border:1px solid var(--danger);border-radius:8px;background:var(--card);color:var(--text);font-size:12px}
.thread-row.read-item{flex-wrap:wrap}.thread-row .read-state-form{margin:0!important}
.read-item .unread-dot[hidden]{display:none}
@media(pointer:coarse){.read-state-button.btn{min-height:44px;min-width:44px}}
@media(max-width:600px){.read-state-form{margin:0 5px!important}.read-state-button.btn{padding:5px;gap:4px;font-size:10px}.read-item>.activity-row{gap:7px}.read-item>.activity-row time{font-size:10px}}