/* Airbag – messages inbox and conversation. */
.ab-messages-page { padding-top: 20px; }
.ab-inbox { display: grid; grid-template-columns: 200px 340px minmax(0, 1fr); border: 1px solid var(--ab-line, #e5e5e5); border-radius: 12px; background: #fff; min-height: 600px; overflow: hidden; }
.ab-inbox-folders { padding: 18px 12px; border-right: 1px solid var(--ab-line, #e5e5e5); background: var(--ab-bg-2, #f7f7f7); }
.ab-inbox-folders h2 { font-size: 18px; padding: 0 8px; }
.ab-inbox-folders ul { list-style: none; margin: 0; padding: 0; }
.ab-inbox-folders a { display: flex; justify-content: space-between; padding: 8px 10px; border-radius: 8px; font-size: 14px; text-decoration: none; }
.ab-inbox-folders a:hover { background: #ececec; }
.ab-inbox-folders a.is-current { background: #fff; font-weight: 700; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.ab-inbox-list { border-right: 1px solid var(--ab-line, #e5e5e5); display: flex; flex-direction: column; min-width: 0; }
.ab-inbox-list-head { padding: 16px; border-bottom: 1px solid var(--ab-line, #e5e5e5); display: flex; justify-content: space-between; font-size: 13px; color: var(--ab-muted, #707070); }
.ab-inbox-list-head strong { color: var(--ab-text, #191919); font-size: 15px; }
.ab-inbox-rows { list-style: none; margin: 0; padding: 0; overflow-y: auto; max-height: 720px; }
.ab-inbox-row a { display: flex; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--ab-line, #e5e5e5); text-decoration: none; position: relative; }
.ab-inbox-row a:hover { background: var(--ab-bg-2, #f7f7f7); }
.ab-inbox-row.is-open a { background: var(--ab-blue-soft, #eef2fe); box-shadow: inset 3px 0 0 var(--ab-blue, #2f5bea); }
.ab-inbox-thumb { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; flex: none; background: #eee; }
.ab-inbox-main { display: flex; flex-direction: column; min-width: 0; flex: 1; font-size: 13px; }
.ab-inbox-top { display: flex; justify-content: space-between; gap: 8px; }
.ab-inbox-top time { color: var(--ab-muted, #707070); font-size: 12px; flex: none; }
.ab-inbox-from { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab-inbox-row.is-unread .ab-inbox-from, .ab-inbox-row.is-unread .ab-inbox-subject { font-weight: 800; }
.ab-inbox-subject, .ab-inbox-snippet { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab-inbox-snippet { color: var(--ab-muted, #707070); }
.ab-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--ab-blue, #2f5bea); align-self: center; flex: none; }
.ab-inbox-pane { display: flex; flex-direction: column; min-width: 0; }
.ab-inbox-placeholder { margin: auto; text-align: center; color: var(--ab-muted, #707070); }
.ab-inbox-placeholder .ab-icon { width: 48px; height: 48px; margin: 0 auto 8px; color: #c7c7c7; }
.ab-inbox-back { display: none; padding: 12px 16px 0; color: var(--ab-blue, #2f5bea); font-size: 14px; }
.ajau-msg-thread { display: flex; flex-direction: column; height: 100%; }
.ab-msg-item { display: flex; gap: 14px; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--ab-line, #e5e5e5); }
.ab-msg-item img { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; }
.ab-msg-item-info { flex: 1; min-width: 0; }
.ab-msg-item-title { font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab-msg-item-meta { display: flex; gap: 12px; font-size: 13px; color: var(--ab-muted, #707070); }
.ab-msg-item-meta strong { color: var(--ab-text, #191919); }
.ab-msg-sender { display: flex; gap: 12px; align-items: center; padding: 12px 18px; border-bottom: 1px solid var(--ab-line, #e5e5e5); font-size: 14px; }
.ab-msg-sender img { width: 40px; height: 40px; border-radius: 50%; }
.ab-msg-sender > div:nth-child(2) { flex: 1; }
.ab-msg-tools { display: flex; gap: 14px; font-size: 13px; }
.ab-msg-tools .ab-link { background: none; border: 0; padding: 0; cursor: pointer; color: var(--ab-blue, #2f5bea); }
.ajau-msg-stream { flex: 1; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 12px; background: #fbfbfb; max-height: 560px; min-height: 260px; }
.ajau-msg { max-width: 72%; display: flex; flex-direction: column; }
.ajau-msg.is-mine { align-self: flex-end; align-items: flex-end; }
.ajau-msg.is-theirs { align-self: flex-start; }
.ajau-msg-body { padding: 10px 14px; border-radius: 16px; font-size: 14px; line-height: 1.45; word-wrap: break-word; overflow-wrap: anywhere; }
.ajau-msg-body p { margin: 0 0 .4em; }
.ajau-msg-body p:last-child { margin: 0; }
.ajau-msg.is-mine .ajau-msg-body { background: var(--ab-blue, #2f5bea); color: #fff; border-bottom-right-radius: 4px; }
.ajau-msg.is-mine .ajau-msg-body a { color: #fff; text-decoration: underline; }
.ajau-msg.is-theirs .ajau-msg-body { background: #fff; border: 1px solid var(--ab-line, #e5e5e5); border-bottom-left-radius: 4px; }
.ajau-msg-meta { font-size: 11px; color: var(--ab-muted, #707070); margin-top: 3px; }
.ajau-msg-seen { color: var(--ab-green, #1d8649); }
.ajau-msg-reply { padding: 14px 18px; border-top: 1px solid var(--ab-line, #e5e5e5); }
.ajau-msg-reply textarea, .ajau-msg-start textarea { width: 100%; border: 1px solid #c7c7c7; border-radius: 8px; padding: 10px 12px; resize: vertical; font: inherit; }
.ajau-msg-reply textarea:focus, .ajau-msg-start textarea:focus { outline: none; border-color: var(--ab-blue, #2f5bea); box-shadow: 0 0 0 3px var(--ab-blue-soft, #eef2fe); }
.ajau-msg-start-foot { display: flex; gap: 12px; align-items: center; justify-content: flex-end; margin-top: 8px; flex-wrap: wrap; }
.ajau-msg-start-foot .ab-muted { margin-right: auto; }
.ajau-msg-note { font-size: 13px; color: var(--ab-green, #1d8649); }
.ajau-msg-note.is-error { color: var(--ab-red, #d12c2c); }
@media (max-width: 1000px) {
	.ab-inbox { grid-template-columns: 1fr; }
	.ab-inbox-folders { border-right: 0; border-bottom: 1px solid var(--ab-line, #e5e5e5); padding: 10px; }
	.ab-inbox-folders h2 { display: none; }
	.ab-inbox-folders ul { display: flex; gap: 6px; overflow-x: auto; }
	.ab-inbox-folders a { white-space: nowrap; gap: 6px; }
	.ab-inbox-list { border-right: 0; }
	.ab-inbox:not(.has-open) .ab-inbox-pane { display: none; }
	.ab-inbox.has-open .ab-inbox-list, .ab-inbox.has-open .ab-inbox-folders { display: none; }
	.ab-inbox-back { display: block; }
	.ajau-msg { max-width: 88%; }
	.ab-msg-sender { flex-wrap: wrap; }
}