.ers-date-feed {
	position:relative
}

.ers-date-feed__app {
	position:relative
}

.ers-date-feed__toolbar {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin:0 0 12px;
	padding:10px 14px 0;
	box-sizing:border-box
}

.ers-date-feed__nav {
	display:flex;
	gap:8px;
	align-items:center
}

.ers-date-feed__btn {
	border:1px solid #d1d5db;
	background:#fff;
	border-radius:8px;
	padding:8px 12px;
	line-height:1.1;
	cursor:pointer
}

.ers-date-feed__btn:hover {
	background:#f9fafb
}

.ers-date-feed__title {
	margin:0;
	font-size:1.1rem;
	line-height:1.2;
	font-weight:700
}

.ers-date-feed__calendar-grid {
	display:grid;
	grid-template-columns:repeat(7,minmax(0,1fr));
	gap:5px
}

.ers-date-feed__calendar-grid--week {
	grid-template-columns:repeat(7,minmax(0,1fr))
}

.ers-date-feed__weekday {
	font-size:.78rem;
	font-weight:600;
	color:#6b7280;
	padding:0 2px 4px
}

.ers-date-feed__day {
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:10px;
	min-width:0;
	height:152px;
	padding:8px;
	display:flex;
	flex-direction:column
}

.ers-date-feed__calendar-grid--week .ers-date-feed__day {
	height:236px
}

.ers-date-feed__day.is-outside {
	opacity:.5
}

.ers-date-feed__day.is-today {
	box-shadow:inset 0 0 0 2px #111827
}

.ers-date-feed__dayhead {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	position:relative;
	min-height:24px;
	margin-bottom:6px
}

.ers-date-feed__daynum {
	font-size:.84rem;
	font-weight:700;
	color:#111827
}


.ers-date-feed__more {
	display:block;
	width:100%;
	box-sizing:border-box;
	border:1px solid rgba(17,24,39,.12);
	background:rgba(17,24,39,.035);
	color:var(--ers-accent-primary,#dd3333);
	font-size:.74rem;
	font-weight:700;
	line-height:1.1;
	text-align:left;
	cursor:pointer;
	padding:5px 7px;
	border-radius:var(--ers-calendar-item-radius,8px);
	white-space:normal
}

.ers-date-feed__more:hover {
	background:rgba(17,24,39,.065)
}

.ers-date-feed__items {
	display:flex;
	flex-direction:column;
	gap:5px;
	flex:1;
	min-height:0;
	overflow:hidden
}

.ers-calendar-item {
	position:relative;
	padding:5px 7px 6px;
	background:var(--ers-calendar-item-bg,#f3f4f6);
	color:var(--ers-calendar-item-color,#111827);
	border-radius:var(--ers-calendar-item-radius,8px);
	text-decoration:none;
	overflow:hidden;
	display:block;
	font-size:.76rem;
	line-height:1.04;
	letter-spacing:-0.015em;
	height:auto;
	box-sizing:border-box
}

.ers-calendar-item:hover {
	text-decoration:none;
	color:var(--ers-calendar-item-color,#111827)
}

.ers-calendar-item__content {
	display:block
}

.ers-calendar-item__time {
	font-weight:700
}

.ers-calendar-item__sep {
	opacity:.72
}

.ers-calendar-item__title {
	font-weight:500
}


/* Compact density intentionally shares the lighter text-row visual language across Month and Week views. */
.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__toolbar,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__toolbar {
	margin-bottom:8px;
	padding:6px 8px 0
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__nav,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__nav {
	gap:6px
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__btn,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__btn {
	padding:6px 10px
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__weekday,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__weekday {
	padding-bottom:2px
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__calendar-grid,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__calendar-grid {
	gap:4px
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__day {
	height:118px;
	padding:5px 6px;
	border-radius:8px
}

.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__day {
	height:176px;
	padding:5px 6px;
	border-radius:8px
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__dayhead,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__dayhead {
	min-height:18px;
	margin-bottom:2px
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__more,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__more {
	border:0;
	border-top:1px solid rgba(17,24,39,.16);
	background:transparent;
	border-radius:0;
	font-size:.72rem;
	padding:3px 1px 3px
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__more:hover,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__more:hover {
	background:rgba(17,24,39,.04)
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__items,
.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__items {
	gap:0
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-calendar-item,
.ers-date-feed--density-compact.ers-date-feed--week .ers-calendar-item {
	padding:3px 1px 3px;
	background:transparent;
	border-radius:0;
	font-size:.74rem;
	line-height:1.02;
	letter-spacing:-0.015em
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-calendar-item + .ers-calendar-item,
.ers-date-feed--density-compact.ers-date-feed--week .ers-calendar-item + .ers-calendar-item {
	border-top:1px solid rgba(17,24,39,.12)
}

.ers-date-feed--density-compact.ers-date-feed--calendar .ers-calendar-item:hover,
.ers-date-feed--density-compact.ers-date-feed--week .ers-calendar-item:hover {
	background:rgba(17,24,39,.04)
}

.ers-date-feed__measure-box {
	position:absolute;
	left:-9999px;
	top:-9999px;
	visibility:hidden;
	pointer-events:none
}

.ers-date-feed__popover {
	position:absolute;
	z-index:40;
	min-width:320px;
	max-width:min(320px,calc(100% - 16px))
}

.ers-date-feed__popover-inner {
	background:#fff;
	border:1px solid #d1d5db;
	border-radius:12px;
	box-shadow:0 10px 24px rgba(0,0,0,.12);
	padding:10px
}

.ers-date-feed__popover-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin-bottom:8px
}

.ers-date-feed__popover-close {
	border:0;
	background:transparent;
	font-size:22px;
	line-height:1;
	cursor:pointer;
	padding:0
}

.ers-date-feed__popover-items {
	display:flex;
	flex-direction:column;
	gap:8px
}

.ers-date-feed__popover-item {
	display:block;
	padding:8px 10px;
	border:1px solid #e5e7eb;
	border-radius:10px;
	color:#111827;
	text-decoration:none;
	background:#fff
}

.ers-date-feed__popover-item:hover {
	background:#f9fafb
}

.ers-date-feed__empty {
	padding:16px 18px;
	color:#6b7280
}

.ers-date-feed__list-shell {
	--ers-date-feed-list-time-col:165px;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	overflow:hidden
}

.ers-date-feed__list-title {
	padding:16px 20px;
	background:#fff;
	color:#111827;
	font-size:1.05rem;
	line-height:1.2;
	font-weight:700;
	text-align:left;
	border-bottom:1px solid #e5e7eb
}

.ers-date-feed__list-groups {
	display:block;
	background:#fff
}

.ers-date-feed__list-group {
	display:block
}

.ers-date-feed__list-dayhead {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:10px 20px;
	background:#f3f4f6;
	border-bottom:1px solid #e5e7eb
}

.ers-date-feed__list-dayname,.ers-date-feed__list-daydate {
	font-size:1rem;
	line-height:1.2;
	color:#111827
}

.ers-date-feed__list-dayname {
	font-weight:500
}

.ers-date-feed__list-daydate {
	text-align:right
}

.ers-date-feed__list-items {
	display:block
}

.ers-date-feed__list-row {
	display:grid;
	grid-template-columns:var(--ers-date-feed-list-time-col) minmax(0,1fr);
	align-items:center;
	gap:16px;
	padding:10px 20px;
	border-bottom:1px solid #e5e7eb;
	color:#111827;
	text-decoration:none;
	background:#fff
}

.ers-date-feed__list-row:hover {
	background:#f9fafb;
	color:#111827;
	text-decoration:none
}

.ers-date-feed__list-time {
	font-size:1rem;
	line-height:1.2;
	color:#111827;
	white-space:nowrap
}

.ers-date-feed__list-event {
	display:flex;
	align-items:center;
	gap:14px;
	min-width:0
}

.ers-date-feed__list-bullet {
	width:14px;
	height:14px;
	border-radius:999px;
	background:var(--ers-accent-primary,#dd3333);
	flex:0 0 14px
}

.ers-date-feed__list-event-title {
	min-width:0;
	font-size:1rem;
	line-height:1.25;
	color:#111827
}

.ers-date-feed__list-group:last-child .ers-date-feed__list-row:last-child {
	border-bottom:0
}

@media (max-width: 900px) {
	.ers-date-feed__calendar-grid {
	gap:4px
}

.ers-date-feed__day {
	height:136px;
	padding:6px
}

.ers-date-feed__calendar-grid--week .ers-date-feed__day {
	height:220px
}

.ers-calendar-item {
	padding:5px 6px 6px;
	font-size:.74rem;
	line-height:1.04;
	letter-spacing:-0.015em
}

.ers-date-feed__toolbar {
	padding:9px 12px 0
}

.ers-date-feed__list-title {
	padding:14px 16px
}

.ers-date-feed__list-dayhead,.ers-date-feed__list-row {
	padding-left:16px;
	padding-right:16px
}

}

@media (max-width: 750px) {
	.ers-date-feed__list-shell {
	--ers-date-feed-list-time-col:150px
}

.ers-date-feed__list-row {
	gap:12px
}

.ers-date-feed__list-dayhead {
	padding-top:12px;
	padding-bottom:12px
}

.ers-date-feed__list-dayname,.ers-date-feed__list-daydate,.ers-date-feed__list-time,.ers-date-feed__list-event-title {
	font-size:.96rem
}

}

@media (max-width: 640px) {
	.ers-date-feed__calendar-grid {
	gap:4px
}

.ers-date-feed__weekday {
	font-size:.74rem
}

.ers-date-feed__day {
	height:128px;
	padding:5px
}

.ers-date-feed__calendar-grid--week .ers-date-feed__day {
	height:204px
}

.ers-date-feed__daynum {
	font-size:.75rem
}

.ers-calendar-item {
	padding:5px 6px 6px;
	font-size:.72rem;
	line-height:1.04;
	letter-spacing:-0.015em
}

.ers-date-feed__toolbar {
	padding:8px 10px 0
}

.ers-date-feed__btn--today {
	margin-left:8px
}

.ers-date-feed__list-shell {
	--ers-date-feed-list-time-col:136px
}

.ers-date-feed__list-title {
	padding:12px 14px
}

.ers-date-feed__list-dayhead,.ers-date-feed__list-row {
	padding-left:14px;
	padding-right:14px
}

.ers-date-feed__list-row {
	gap:10px
}

.ers-date-feed__list-event {
	gap:12px
}

.ers-date-feed__list-bullet {
	width:12px;
	height:12px;
	flex-basis:12px
}

}



@media (max-width: 900px) {
	.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__day {
		height:112px;
		padding:5px
	}

	.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__day {
		height:164px;
		padding:5px
	}

	.ers-date-feed--density-compact.ers-date-feed--calendar .ers-calendar-item,
	.ers-date-feed--density-compact.ers-date-feed--week .ers-calendar-item {
		font-size:.72rem
	}
}

@media (max-width: 640px) {
	.ers-date-feed--density-compact.ers-date-feed--calendar .ers-date-feed__day {
		height:108px
	}

	.ers-date-feed--density-compact.ers-date-feed--week .ers-date-feed__day {
		height:156px
	}
}

/* Display Only Event triggers keep the existing Calendar/List visual language while opening an informational card modal. */
button.ers-calendar-item,
button.ers-date-feed__popover-item,
button.ers-date-feed__list-row{
	appearance:none;
	font:inherit;
	text-align:left;
	cursor:pointer;
}
button.ers-calendar-item{
	width:100%;
	border:0;
	color:var(--ers-calendar-item-color,#111827);
}
button.ers-date-feed__popover-item{
	width:100%;
}
button.ers-date-feed__list-row{
	width:100%;
	border-left:0;
	border-right:0;
	border-top:0;
}
.ers-calendar-item--display-only:hover,
.ers-date-feed__list-row--display-only:hover{
	background:#f9fafb;
}
@media (max-width: 640px){
	.ers-date-feed__popover{
		position:fixed;
		left:16px !important;
		right:16px;
		top:auto !important;
		bottom:16px;
		min-width:0;
		max-width:none;
	}
}