.imd-inbox {
	--imd-inbox-border: rgba(22, 25, 28, .10);
	--imd-inbox-muted: #687078;
	--imd-inbox-surface: #fff;
	--imd-inbox-soft: #f7f8fa;
}

.imd-inbox-hero {
	position: relative;
	min-height: 230px;
	border-color: rgba(215, 42, 43, .18);
	background:
		radial-gradient(circle at 91% 20%, rgba(215, 42, 43, .18), transparent 30%),
		linear-gradient(135deg, #fff 0%, #f7f8fa 64%, #fff2f2 100%);
}

.imd-inbox-hero::after {
	content: "¡Así sí!";
	position: absolute;
	right: clamp(22px, 5vw, 62px);
	bottom: -12px;
	z-index: 0;
	color: rgba(215, 42, 43, .055);
	font-family: var(--imd-font-heading, ODUDA, Aileron, Arial, sans-serif);
	font-size: clamp(54px, 9vw, 112px);
	line-height: .82;
	white-space: nowrap;
	pointer-events: none;
}

.imd-inbox-hero > * { position: relative; z-index: 1; }
.imd-inbox-hero h1 { max-width: 720px; margin: 5px 0 10px; color: #16191c; font-size: clamp(31px, 4vw, 54px); line-height: 1.02; }
.imd-inbox-hero .imd-eyebrow { color: #d72a2b; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }

.imd-inbox-toolbar {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) auto auto;
	gap: 12px;
	align-items: center;
	padding: 14px;
	margin: 18px 0 12px;
	border: 1px solid var(--imd-inbox-border);
	border-radius: 18px;
	background: var(--imd-inbox-surface);
	box-shadow: 0 12px 32px rgba(22, 25, 28, .055);
}

.imd-inbox-search input {
	width: 100%;
	min-height: 44px;
	padding: 10px 15px;
	border: 1px solid var(--imd-inbox-border);
	border-radius: 12px;
	background: var(--imd-inbox-soft);
	color: #16191c;
	font: 600 13px/1.35 var(--imd-font-body, Aileron, sans-serif);
}

.imd-inbox-search input::placeholder { color: #7a8188; opacity: 1; }
.imd-inbox-filters { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.imd-inbox-filters::-webkit-scrollbar { display: none; }
.imd-inbox-filters button,
.imd-inbox-sound {
	min-height: 38px;
	padding: 8px 12px;
	border: 1px solid var(--imd-inbox-border);
	border-radius: 999px;
	background: #fff;
	color: #525960;
	font: 800 11px/1 var(--imd-font-body, Aileron, sans-serif);
	white-space: nowrap;
	cursor: pointer;
}

.imd-inbox-filters button.is-active {
	border-color: #d72a2b;
	background: #d72a2b;
	color: #fff;
}

.imd-inbox-sound { color: #16191c; }
.imd-inbox-sound[aria-pressed="false"] { color: #7a8188; background: #f6f7f8; }
.imd-inbox-sound span { display: inline-grid; width: 19px; height: 19px; margin-right: 5px; place-items: center; border-radius: 50%; background: rgba(215, 42, 43, .10); color: #d72a2b; }

.imd-inbox-layout {
	display: grid;
	grid-template-columns: minmax(270px, 350px) minmax(0, 1fr);
	min-height: 650px;
	overflow: hidden;
	border: 1px solid var(--imd-inbox-border);
	border-radius: 24px;
	background: var(--imd-inbox-surface);
	box-shadow: 0 20px 55px rgba(22, 25, 28, .08);
}

.imd-inbox-list {
	max-height: 760px;
	padding: 11px;
	overflow-y: auto;
	border-right: 1px solid var(--imd-inbox-border);
	background: #f7f8fa;
}

.imd-inbox-item {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 4px 10px;
	padding: 15px 16px;
	margin-bottom: 8px;
	border: 1px solid rgba(22, 25, 28, .15);
	border-radius: 16px;
	background: #fff;
	color: #16191c !important;
	font-family: var(--imd-font-body, Aileron, Arial, sans-serif);
	text-decoration: none !important;
	box-shadow: 0 2px 9px rgba(22, 25, 28, .035);
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.imd-inbox-item:hover,
.imd-inbox-item:focus-visible {
	transform: translateX(2px);
	border-color: rgba(215, 42, 43, .23);
	background: #fff;
	box-shadow: 0 10px 26px rgba(22, 25, 28, .07);
}

.imd-inbox-item.is-active {
	border-color: rgba(215, 42, 43, .32);
	background: #fff;
	box-shadow: inset 3px 0 0 #d72a2b, 0 12px 28px rgba(22, 25, 28, .075);
}

.imd-inbox-item[hidden] { display: none !important; }
.imd-inbox-item__origin { grid-column: 1; overflow: hidden; color: #d72a2b; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.imd-inbox-item strong { grid-column: 1; overflow: hidden; color: #16191c; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.imd-inbox-item small { grid-column: 1; overflow: hidden; color: var(--imd-inbox-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.imd-inbox-item time { grid-column: 2; grid-row: 1; color: #7a8188; font-size: 9px; white-space: nowrap; }
.imd-inbox-item i { position: absolute; right: 16px; bottom: 18px; width: 8px; height: 8px; border-radius: 50%; background: #d72a2b; box-shadow: 0 0 0 4px rgba(215, 42, 43, .11); }
.imd-inbox-no-results { padding: 28px 18px; color: var(--imd-inbox-muted); font-size: 13px; text-align: center; }
.imd-inbox-live-alert { display: block; padding: 11px 16px; margin: 0 0 10px; border-radius: 13px; background: #16191c; color: #fff!important; font-size: 12px; font-weight: 900; text-align: center; text-decoration: none!important; box-shadow: 0 12px 30px rgba(22,25,28,.14); }

.imd-inbox-detail {
	display: flex;
	min-width: 0;
	padding: clamp(22px, 4vw, 42px);
	flex-direction: column;
	background: #fff;
}

.imd-inbox-detail__header { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--imd-inbox-border); }
.imd-inbox-detail__header h2 { margin: 8px 0 4px; color: #16191c; font-size: clamp(24px, 3vw, 36px); line-height: 1.08; }
.imd-inbox-detail__header p { margin: 7px 0 0; color: var(--imd-inbox-muted); font-size: 12px; }
.imd-inbox-detail__header small { color: var(--imd-inbox-muted); }
.imd-inbox-detail .imd-source-badge { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: rgba(215, 42, 43, .09); color: #d72a2b; font: 800 10px/1 var(--imd-font-body, Aileron, sans-serif); letter-spacing: .06em; text-transform: uppercase; }
.imd-inbox-detail .imd-thread-messages { min-height: 300px; max-height: min(58vh, 590px); flex: 1; }
.imd-inbox-detail .imd-thread-reply label { display: block; }
.imd-inbox-detail .imd-thread-reply textarea { width: 100%; resize: vertical; }
.imd-inbox-detail .imd-thread-policy { margin: 12px 0 0; color: var(--imd-inbox-muted); font-size: 10px; }
.imd-inbox-detail > .imd-empty-state { margin: auto; max-width: 500px; }
.imd-inbox-lead-summary { padding-top: 22px; }
.imd-assistant-context { display: grid; gap: 0; margin: 12px 0 0; }
.imd-assistant-context > div { display: grid; grid-template-columns: minmax(150px,.42fr) minmax(0,1fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--imd-inbox-border); }
.imd-assistant-context > div:last-child { border-bottom: 0; }
.imd-assistant-context dt { color: #343a40; font-size: 11px; font-weight: 900; }
.imd-assistant-context dd { min-width: 0; margin: 0; color: var(--imd-inbox-muted); font-size: 12px; overflow-wrap: anywhere; }
.imd-assistant-context dd a { color: #d72a2b; font-weight: 800; }
.imd-request-photo { width: min(100%, 340px); margin: 18px 0; }
.imd-request-photo button { display: block; width: 100%; padding: 0; overflow: hidden; border: 2px solid rgba(215,42,43,.22)!important; border-radius: 16px; background: #f7f8fa!important; box-shadow: 0 12px 28px rgba(22,25,28,.10); cursor: zoom-in; }
.imd-request-photo img { display: block; width: 100%; max-height: 240px; object-fit: cover; }
.imd-request-photo figcaption { margin-top: 7px; color: var(--imd-inbox-muted); font-size: 10px; }
.imd-request-photo-lightbox[hidden] { display: none!important; }
.imd-request-photo-lightbox { position: fixed; z-index: 100080; inset: 0; display: grid; place-items: center; padding: 28px; background: rgba(10,13,16,.88); cursor: zoom-out; }
.imd-request-photo-lightbox > button { position: fixed; top: 20px; right: 22px; z-index: 2; display: grid; width: 44px; height: 44px; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.35)!important; border-radius: 50%; background: #fff!important; color: #16191c!important; font-size: 27px; cursor: pointer; }
.imd-request-photo-lightbox img { display: block; max-width: min(1100px,94vw); max-height: 90vh; border-radius: 13px; box-shadow: 0 28px 90px rgba(0,0,0,.45); cursor: default; }
body.imd-photo-open { overflow: hidden!important; }
.imd-inbox-routing { display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; padding: 14px 16px; margin-bottom: 14px; border: 1px solid rgba(191,151,104,.35); border-radius: 14px; background: #fff8ee; }
.imd-inbox-routing span { color: #8b6337; font-size: 10px; font-weight: 800; letter-spacing: .01em; text-transform: none; }
.imd-inbox-routing strong { grid-column: 1; color: #433729; }
.imd-inbox-routing small { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #74634f; }

@media (max-width: 1100px) {
	.imd-inbox-toolbar { grid-template-columns: 1fr auto; }
	.imd-inbox-filters { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 760px) {
	.imd-inbox-hero { min-height: 0; }
	.imd-inbox-hero::after { font-size: 62px; }
	.imd-inbox-toolbar { grid-template-columns: 1fr; }
	.imd-inbox-filters { grid-column: 1; grid-row: auto; padding-bottom: 3px; }
	.imd-inbox-sound { justify-self: start; }
	.imd-inbox-layout { display: block; min-height: 0; border-radius: 19px; }
	.imd-inbox-list { max-height: 320px; border-right: 0; border-bottom: 1px solid var(--imd-inbox-border); }
	.imd-inbox-detail { min-height: 520px; padding: 22px 17px; }
	.imd-inbox-detail__header { align-items: stretch; flex-direction: column; }
	.imd-inbox-detail__header .imd-button { align-self: flex-start; }
	.imd-inbox-detail .imd-thread-message { max-width: 90%; }
	.imd-inbox-detail .imd-thread-messages { min-height: 380px; max-height: min(64vh, 620px); }
	.imd-inbox-detail .imd-thread-reply { grid-template-columns: 1fr; }
	.imd-assistant-context > div { grid-template-columns: 1fr; gap: 3px; }
	.imd-request-photo-lightbox { padding: 10px; }
}

html[data-imd-color-scheme="dark"] .imd-inbox,
html[data-theme="dark"] .imd-inbox {
	--imd-inbox-border: rgba(255, 255, 255, .11);
	--imd-inbox-muted: #b7bdc3;
	--imd-inbox-surface: #1d2328;
	--imd-inbox-soft: #242a31;
}

html[data-imd-color-scheme="dark"] .imd-inbox-hero,
html[data-theme="dark"] .imd-inbox-hero { background: radial-gradient(circle at 91% 20%, rgba(215,42,43,.23), transparent 30%), linear-gradient(135deg, #1d2328, #242a31); }
html[data-imd-color-scheme="dark"] .imd-inbox-hero h1,
html[data-theme="dark"] .imd-inbox-hero h1,
html[data-imd-color-scheme="dark"] .imd-inbox-item strong,
html[data-theme="dark"] .imd-inbox-item strong,
html[data-imd-color-scheme="dark"] .imd-inbox-detail__header h2,
html[data-theme="dark"] .imd-inbox-detail__header h2 { color: #fff; }
html[data-imd-color-scheme="dark"] .imd-inbox-list,
html[data-theme="dark"] .imd-inbox-list { background: #191e23; }
html[data-imd-color-scheme="dark"] .imd-inbox-item,
html[data-theme="dark"] .imd-inbox-item {
	border-color: rgba(255, 255, 255, .17);
	background: #22292f;
	box-shadow: 0 2px 9px rgba(0, 0, 0, .12);
}
html[data-imd-color-scheme="dark"] .imd-inbox-detail,
html[data-theme="dark"] .imd-inbox-detail,
html[data-imd-color-scheme="dark"] .imd-inbox-item.is-active,
html[data-theme="dark"] .imd-inbox-item.is-active,
html[data-imd-color-scheme="dark"] .imd-inbox-item:hover,
html[data-theme="dark"] .imd-inbox-item:hover { background: #1d2328; }
html[data-imd-color-scheme="dark"] .imd-inbox-item.is-active,
html[data-theme="dark"] .imd-inbox-item.is-active {
	border-color: rgba(239, 76, 78, .48);
	box-shadow: inset 3px 0 0 #ef4c4e, 0 12px 28px rgba(0, 0, 0, .18);
}
html[data-imd-color-scheme="dark"] .imd-inbox-search input,
html[data-theme="dark"] .imd-inbox-search input { color: #fff; }