/**
 * Residio Pro — noticeboard (cards, unread dot, poll bars).
 */

.rsp-notice-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin-block-start: 1rem;
}

@media (min-width: 700px) {
	.rsp-notice-cards { grid-template-columns: repeat(2, 1fr); }
}

.rsp-notice-card { padding: 1.1rem; position: relative; }

.rsp-notice-card--emergency { border-color: var(--rsp-red); }

.rsp-notice-card--unread { box-shadow: 0 0 0 2px var(--rsp-primary-soft); }

.rsp-notice-card__head {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-block-end: 0.5rem;
}

.rsp-notice-card__dot {
	inline-size: 0.5rem;
	block-size: 0.5rem;
	border-radius: 50%;
	background: var(--rsp-primary);
	margin-inline-start: auto;
}

.rsp-notice-card__title { margin: 0 0 0.4rem; color: var(--rsp-text); font: 700 1.05rem/1.35 var(--rsp-font); }

.rsp-notice-card__content { color: var(--rsp-text); font: 400 0.9rem/1.55 var(--rsp-font); margin-block-end: 0.5rem; }

.rsp-poll {
	margin-block-start: 0.75rem;
	padding-block-start: 0.75rem;
	border-block-start: 1px solid var(--rsp-border);
}

.rsp-poll__question { margin: 0 0 0.5rem; color: var(--rsp-text); font: 600 0.9rem/1.4 var(--rsp-font); }

.rsp-poll__option { display: block; inline-size: 100%; margin-block-end: 0.4rem; justify-content: flex-start; }

.rsp-poll__bar-row {
	display: grid;
	grid-template-columns: 6rem 1fr 4rem;
	align-items: center;
	gap: 0.5rem;
	margin-block-end: 0.4rem;
	font: 400 0.82rem/1.4 var(--rsp-font);
	color: var(--rsp-text);
}

.rsp-poll__bar {
	block-size: 0.6rem;
	background: var(--rsp-border);
	border-radius: 999px;
	overflow: hidden;
}

.rsp-poll__bar-fill {
	block-size: 100%;
	background: var(--rsp-primary);
}