/* =====================================================================
 * unit.css — $Core.unit (Chat & Lock căn)
 * Cấu trúc = Bootstrap modal của site; phần nhìn premium được EXTEND và
 * SCOPE hoàn toàn dưới .mfu-modal (không ảnh hưởng modal/nút khác của site).
 * ===================================================================== */
/* nút "Lock căn" trong popup khi căn đang được người khác giữ (realtime) */
.abar-item.mfu-locked {
	opacity: .5;
	pointer-events: none;
	filter: grayscale(.35);
}

/* hàng hội thoại click được trong list "Chat của tôi" / hộp thư */
.mfu-modal .mfu-clickrow {
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 8px;
}

.mfu-modal .mfu-clickrow:hover {
	background: #faf7f2;
}

/* ===================== TRANG CHAT 2 CỘT (?mod=unit&act=inbox) ===================== */
.uchat-page {
	--b6: #a4153a;
	--b7: #950b25;
	--paper: #faf7f2;
	--paper2: #f3ede2;
	--line: #e6dcc8;
	--line2: #f0e9da;
	--ink1: #1a1410;
	--ink3: #6b5f51;
	--ink4: #968878;
}

.uchat-page * {
	box-sizing: border-box;
}

.uchat-head {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0 4px 14px;
}

.uchat-title {
	font-size: 20px;
	font-weight: 800;
	color: var(--ink1);
	display: flex;
	align-items: center;
	gap: 8px;
}

.uchat-title i {
	color: var(--b7);
}

.uchat-headright {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 12px;
}

.uchat-unread {
	background: #fdf2f4;
	color: #950b25;
	border: 1px solid #fbe4e8;
	font-weight: 700;
	font-size: 11px;
	padding: 6px 11px;
	border-radius: 999px;
}

.uchat-tabs {
	display: inline-flex;
	background: var(--paper2);
	border-radius: 999px;
	padding: 3px;
	gap: 2px;
}

/* bộ lọc trạng thái */
.uchat-filters {
	display: flex;
	gap: 6px;
	padding: 10px 10px 10px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--line2);
}

.uchat-f {
	font-size: 11.5px;
	font-weight: 600;
	padding: 5px 11px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: var(--bs-white);
	color: var(--ink3);
	cursor: pointer;
}

.uchat-f.active {
	background: var(--b7);
	color: var(--bs-white);
	border-color: var(--b7);
}

/* header khung chat: nút Lock/Đóng */
.uchat-thead-act {
	margin-left: auto;
	display: flex;
	gap: 6px;
	flex: none;
}

.uchat-row.is-unread .uchat-rtop b {
	font-weight: 800;
}

/* dải ngày giữa các tin (cả modal & trang) */
.mfu-modal .mfu-day,
.uchat-page .mfu-day {
	align-self: center;
	font-size: 11px;
	color: var(--ink4);
	background: var(--paper2);
	padding: 3px 12px;
	border-radius: 999px;
	margin: 4px 0;
}

.uchat-tab {
	border: none;
	background: transparent;
	font-size: 13px;
	font-weight: 700;
	color: var(--ink3);
	padding: 7px 16px;
	border-radius: 999px;
	cursor: pointer;
}

.uchat-tab.active {
	background: var(--bs-white);
	color: var(--b7);
	box-shadow: 0 2px 6px -2px rgba(58, 38, 22, .18);
}

.uchat-body {
	display: grid;
	grid-template-columns: 360px 1fr;
	height: calc(100vh - 165px);
	min-height: 520px;
	background: var(--bs-white);
	border: 1px solid var(--line);
	border-radius: 16px;
	overflow: hidden;
	/*box-shadow: 0 8px 26px -10px rgba(58, 38, 22, .16);*/
}

.uchat-list {
	border-right: 1px solid var(--line);
	display: flex;
	flex-direction: column;
	min-height: 0;
	background: var(--bs-white);
}

.uchat-search {
	padding: 12px;
	border-bottom: 1px solid var(--line2);
}

.uchat-search .form-control {
	border-radius: 999px;
	background: var(--paper);
	border: 1px solid var(--line);
	font-size: 14px;
}

.uchat-rows {
	flex: 1;
	overflow-y: auto;
}

.uchat-loading {
	padding: 24px;
	text-align: center;
	font-size: 13px;
}

.uchat-row {
	display: flex;
	gap: 11px;
	padding: 12px 14px;
	border-bottom: 1px solid var(--line2);
	cursor: pointer;
	position: relative;
	align-items: flex-start;
}

.uchat-row:hover {
	background: var(--paper);
}

.uchat-row.active {
	background: #fdf2f4;
}

.uchat-row.active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--b7);
}

.uchat-av {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	flex: none;
	display: grid;
	place-items: center;
	color: var(--bs-white);
	font-weight: 700;
	font-size: 14px;
	background: linear-gradient(135deg, #c9a24a, #a4153a);
}

.uchat-rmeta {
	flex: 1;
	min-width: 0;
}

.uchat-rtop {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.uchat-rtop b {
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.uchat-rtop small {
	font-size: 11px;
	color: var(--ink4);
	flex: none;
}

.uchat-runit {
	font-size: 12px;
	color: var(--b7);
	font-weight: 600;
	margin: 2px 0;
}

.uchat-rlast {
	font-size: 12.5px;
	color: var(--ink3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.uchat-kb {
	font-size: 9px;
	font-weight: 700;
	padding: 2px 7px;
	vertical-align: middle;
}

.uchat-un {
	min-width: 20px;
	height: 20px;
	border-radius: 999px;
	background: var(--b7);
	color: var(--bs-white);
	font-size: 11px;
	font-weight: 700;
	display: grid;
	place-items: center;
	padding: 0 6px;
	flex: none;
	align-self: center;
}

.uchat-thread {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	background: linear-gradient(180deg, #fcfaf6, var(--bs-white));
}

.uchat-empty {
	margin: auto;
	text-align: center;
	padding: 40px;
}

.uchat-empty-ic {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #fdf2f4;
	color: var(--b7);
	display: grid;
	place-items: center;
	font-size: 30px;
	margin: 0 auto 14px;
}

.uchat-empty h6 {
	font-weight: 800;
	margin: 0 0 5px;
}

.uchat-thead {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 13px 18px;
	border-bottom: 1px solid var(--line);
	background: var(--bs-white);
}

.uchat-thead .uchat-av {
	width: 40px;
	height: 40px;
}

.uchat-ht {
	flex: 1;
	min-width: 0;
}

.uchat-ht b {
	font-size: 15px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.uchat-ht small {
	font-size: 12px;
	color: var(--ink4);
}

/* bong bóng chat dùng lại trong trang */
.uchat-page .mfu-chatbox {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: 22px 26px;
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.uchat-page .mfu-msg {
	max-width: 60%;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.uchat-page .mfu-msg.me {
	align-self: flex-end;
	align-items: flex-end;
}

.uchat-page .mfu-msg.them {
	align-self: flex-start;
}

.uchat-page .mfu-bub {
	padding: 9px 13px;
	border-radius: 14px;
	font-size: 13.5px;
	line-height: 1.5;
	word-break: break-word;
}

.uchat-page .mfu-msg.them .mfu-bub {
	background: var(--bs-white);
	color: var(--ink1);
	border: 1px solid var(--line);
	border-bottom-left-radius: 4px;
	box-shadow: 0 1px 2px rgba(40, 20, 10, .05);
}

.uchat-page .mfu-msg.me .mfu-bub {
	background: linear-gradient(135deg, var(--b6), var(--b7));
	color: var(--bs-white);
	border-bottom-right-radius: 4px;
	box-shadow: 0 4px 12px -4px rgba(148, 11, 37, .45);
}

.uchat-page .mfu-msg time {
	font-size: 10px;
	color: var(--ink4);
	padding: 0 4px;
}

.uchat-page .mfu-att {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: var(--b7);
	background: var(--bs-white);
	border: 1px solid var(--line);
	border-radius: 9px;
	padding: 6px 10px;
	text-decoration: none;
}

.uchat-input {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 14px;
	border-top: 1px solid var(--line);
	background: var(--bs-white);
	margin: 0;
}

.uchat-input .form-control {
	flex: 1;
	min-width: 0;
	border-radius: 999px;
	font-size: 16px;
}

.uchat-input .btn-default {
	width: 46px;
	height: 46px;
	padding: 0;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--b6), var(--b7));
	border-color: var(--b7);
	color: var(--bs-white);
}

.uchat-input .mfu-attach-btn {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

@media(max-width:820px) {
	.uchat-body {
		grid-template-columns: 1fr;
		height: auto;
	}

	.uchat-list {
		border-right: none;
		border-bottom: 1px solid var(--line);
		max-height: 42vh;
	}

	.uchat-thread {
		min-height: 60vh;
	}
}

/* nền tối + căn giữa (overlay tự quản, KHÔNG phải Bootstrap modal) */
.mfu-mask {
	position: fixed;
	inset: 0;
	z-index: 100500;
	background: rgba(30, 18, 12, .55);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	-webkit-tap-highlight-color: transparent;
}

.mfu-modal {
	--b6: #a4153a;
	--b7: #950b25;
	--paper: #faf7f2;
	--paper2: #f3ede2;
	--line: #e6dcc8;
	--line2: #f0e9da;
	--ink1: #1a1410;
	--ink3: #6b5f51;
	--ink4: #968878;
	width: 100%;
	max-width: 480px;
	max-height: 92vh;
	display: flex;
	flex-direction: column;
}

.mfu-modal.modal-lg {
	max-width: 680px;
}

.mfu-modal.modal-sm {
	max-width: 400px;
}

/* ----- khung modal premium ----- */
.mfu-modal .modal-content {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	background: var(--bs-white);
	border: 1px solid var(--line);
	border-radius: 18px;
	overflow: hidden;
	max-height: 92vh;
	box-shadow: 0 24px 60px -12px rgba(40, 20, 10, .4);
}

.mfu-modal .modal-body {
	overflow-y: auto;
}

.mfu-modal .modal-body.p-0 {
	padding: 0 !important;
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

/* header: dải gradient brand + tile icon */
.mfu-modal .modal-header {
	position: relative;
	border-bottom: 1px solid var(--line2);
	padding: 18px 18px 14px;
	align-items: center;
	gap: 11px;
}

.mfu-modal .mfu-tile {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	flex: none;
	display: inline-grid;
	place-items: center;
	font-size: 20px;
	background: linear-gradient(135deg, var(--b6), var(--b7));
	color: var(--bs-white);
}

.mfu-modal .mfu-htxt {
	flex: 1;
	min-width: 0;
}

.mfu-modal .modal-title {
	margin: 0;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -.01em;
	color: var(--ink1);
	line-height: 1.2;
}

.mfu-modal .mfu-sub {
	display: block;
	font-size: 12px;
	color: var(--ink4);
	margin-top: 2px;
}

.mfu-modal .modal-header .btn-close {
	align-self: flex-start;
}

.mfu-modal .modal-body {
	padding: 18px;
}

.mfu-modal .modal-footer {
	border-top: 1px solid var(--line2);
	padding: 14px 18px;
	gap: 10px;
}

.mfu-modal .modal-footer>.btn {
	flex: 1;
	margin: 0;
}

/* ----- nút pill premium (scope) ----- */
.mfu-modal .btn {
	border-radius: 999px;
	font-weight: 700;
	padding: 11px 18px;
}

.mfu-modal .btn-sm {
	padding: 7px 13px;
}

.mfu-modal .btn-default {
	background: linear-gradient(135deg, var(--b6), var(--b7));
	border-color: var(--b7);
	color: var(--bs-white);
	box-shadow: 0 4px 12px -2px rgba(148, 11, 37, .35);
}

.mfu-modal .btn-default:hover,
.mfu-modal .btn-default:focus {
	background: linear-gradient(135deg, #8f1233, var(--b7));
	color: var(--bs-white);
}

.mfu-modal .btn-light {
	background: var(--bs-white);
	border: 1px solid #cdc0a8;
	color: #3d342b;
}

.mfu-modal .btn-link {
	border-radius: 0;
}

/* ----- form ----- */
.mfu-modal .form-control {
	border: 1px solid var(--line);
	border-radius: 10px;
	padding: 11px 13px;
	background: var(--paper);
	font-size: 16px;
}

.mfu-modal .form-control:focus {
	border-color: var(--b6);
	box-shadow: 0 0 0 .15rem rgba(164, 21, 58, .12);
}

.mfu-modal .form-label {
	font-weight: 600;
	color: #3d342b;
}

.mfu-modal .alert-warning {
	background: #fff4e0;
	border: 1px solid #f3dbac;
	color: #9a6700;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.5;
}

/* ----- dropzone báo cọc (như preview) ----- */
.mfu-modal .mfu-up {
	display: block;
	border: 2px dashed #d8c9ad;
	border-radius: 14px;
	padding: 22px;
	text-align: center;
	background: var(--paper);
	cursor: pointer;
}

.mfu-modal .mfu-up:hover {
	border-color: var(--b6);
}

.mfu-modal .mfu-up i {
	font-size: 34px;
	color: var(--b7);
}

.mfu-modal .mfu-up b {
	display: block;
	margin-top: 8px;
	font-size: 14px;
}

.mfu-modal .mfu-up small {
	display: block;
	color: var(--ink4);
	font-size: 12px;
}

.mfu-modal .mfu-thumbs {
	display: flex;
	gap: 10px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.mfu-modal .mfu-thumb {
	width: 92px;
	height: 92px;
	border-radius: 12px;
	border: 1px solid var(--line);
	overflow: hidden;
	position: relative;
	display: grid;
	place-items: center;
	color: var(--ink4);
	font-size: 24px;
	background: repeating-linear-gradient(45deg, #efe7d6, #efe7d6 8px, #e7ddc8 8px, #e7ddc8 16px);
}

.mfu-modal .mfu-thumb-tag {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2px;
	background: rgba(0, 0, 0, .5);
	color: var(--bs-white);
	font-size: 9px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ----- badge pill ----- */
.mfu-modal .badge {
	border-radius: 999px;
	font-weight: 700;
	padding: 5px 11px;
	font-size: 11px;
}

/* ===================== TRANG "Danh sách lock của tôi" (?mod=unit&act=my_locks) ===================== */
.ulock-page {
	--b6: #a4153a;
	--b7: #950b25;
	--paper: #faf7f2;
	--paper2: #f3ede2;
	--line: #e6dcc8;
	--line2: #f0e9da;
	--ink1: #1a1410;
	--ink3: #6b5f51;
	--ink4: #968878;
}

.ulock-page * { box-sizing: border-box; }

.ulock-head {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	padding: 0 4px 14px;
}

.ulock-title {
	font-size: 20px;
	font-weight: 800;
	color: var(--ink1);
	display: flex;
	align-items: center;
	gap: 8px;
}

.ulock-title i { color: var(--b7); }

.ulock-filters {
	margin-left: auto;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.ulock-f {
	font-size: 12px;
	font-weight: 700;
	padding: 6px 13px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: var(--bs-white);
	color: var(--ink3);
	cursor: pointer;
}

.ulock-f.active {
	background: var(--b7);
	color: var(--bs-white);
	border-color: var(--b7);
}

.ulock-f b { font-weight: 800; }

.ulock-panel {
	background: var(--bs-white);
	border: 1px solid var(--line);
	border-radius: 16px;
	overflow: hidden;
}

.ulock-loading { padding: 26px; text-align: center; font-size: 13px; }

.ulock-row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	align-items: center;
	padding: 16px 18px;
	border-bottom: 1px solid var(--line2);
}

.ulock-row:last-child { border-bottom: none; }

.ulock-main b { font-size: 15px; color: var(--ink1); }

.ulock-sub {
	font-size: 12.5px;
	color: var(--ink3);
	margin-top: 4px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
}

.ulock-sub i { opacity: .8; }
.ulock-reject { color: #c0341d; }

.ulock-right {
	display: flex;
	flex-direction: column;
	gap: 7px;
	align-items: flex-end;
	text-align: right;
}

.ulock-cd {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: #c0341d;
	background: #fbe5e0;
	border: 1px solid #f1c4ba;
	padding: 4px 11px;
	border-radius: 999px;
	font-size: 13px;
}

.ulock-cd.over {
	color: var(--ink4);
	background: var(--paper2);
	border-color: var(--line);
}

.ulock-empty { padding: 48px 20px; text-align: center; }

.ulock-empty-ic {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fdf2f4;
	color: var(--b7);
	display: grid;
	place-items: center;
	font-size: 30px;
	margin: 0 auto 14px;
}

.ulock-empty h6 { margin: 0 0 6px; font-weight: 800; }

@media(max-width:620px) {
	.ulock-row { grid-template-columns: 1fr; }
	.ulock-right { align-items: flex-start; text-align: left; }
}

/* ----- info box (xác nhận lock) ----- */
.mfu-modal .mfu-info {
	background: var(--paper);
	border: 1px solid var(--line2);
	border-radius: 12px;
	padding: 4px 14px;
	margin-bottom: 14px;
}

.mfu-modal .mfu-kv {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	font-size: 13.5px;
	border-bottom: 1px dashed var(--line2);
}

.mfu-modal .mfu-kv:last-child {
	border-bottom: none;
}

.mfu-modal .mfu-kv span {
	color: var(--ink4);
}

.mfu-modal .mfu-kv b {
	color: var(--ink1);
	text-align: right;
}

.mfu-modal .mfu-kv b.mfu-price {
	color: var(--b7);
	font-weight: 800;
}

/* ----- chat ----- */
.mfu-modal .mfu-chatbox {
	height: 54vh;
	min-height: 280px;
	overflow-y: auto;
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 11px;
	background: linear-gradient(180deg, #fcfaf6, var(--bs-white));
}

.mfu-modal .mfu-msg {
	max-width: 80%;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.mfu-modal .mfu-msg.me {
	align-self: flex-end;
	align-items: flex-end;
}

.mfu-modal .mfu-msg.them {
	align-self: flex-start;
}

.mfu-modal .mfu-bub {
	padding: 10px 14px;
	border-radius: 16px;
	font-size: 14px;
	line-height: 1.5;
}

.mfu-modal .mfu-msg.them .mfu-bub {
	background: var(--paper2);
	color: var(--ink1);
	border-bottom-left-radius: 5px;
}

.mfu-modal .mfu-msg.me .mfu-bub {
	background: linear-gradient(135deg, var(--b6), var(--b7));
	color: var(--bs-white);
	border-bottom-right-radius: 5px;
}

.mfu-modal .mfu-msg time {
	font-size: 10.5px;
	color: var(--ink4);
}

.mfu-modal .mfu-att {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: var(--b7);
	background: var(--bs-white);
	border: 1px solid var(--line);
	border-radius: 9px;
	padding: 6px 10px;
	text-decoration: none;
}

.mfu-modal .mfu-chat-input {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	gap: 9px;
	flex-wrap: nowrap;
}

.mfu-modal .mfu-chat-input .form-control {
	border-radius: 999px;
	flex: 1;
	min-width: 0;
}

.mfu-modal .mfu-chat-input .btn {
	flex: none;
	width: 46px;
	height: 46px;
	padding: 0;
	display: grid;
	place-items: center;
	font-size: 18px;
}

.mfu-modal .mfu-chat-input>label.btn {
	border-radius: 50%;
}

.mfu-modal .mfu-attach-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* ----- empty ----- */
.mfu-modal .mfu-empty {
	padding: 38px 20px;
	text-align: center;
	margin: auto;
}

.mfu-modal .mfu-empty-ic {
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: #fdf2f4;
	color: var(--b7);
	display: grid;
	place-items: center;
	font-size: 32px;
	margin: 0 auto 16px;
}

.mfu-modal .mfu-empty h6 {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: 800;
}

.mfu-modal .mfu-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.mfu-modal .mfu-chip {
	font-size: 12.5px;
	padding: 7px 13px;
	border-radius: 999px;
	background: var(--bs-white);
	border: 1px solid var(--line);
	color: #3d342b;
	cursor: pointer;
}

.mfu-modal .mfu-chip:hover {
	border-color: var(--b6);
	color: var(--b7);
}

/* empty-state khi mở 1 hội thoại trong TRANG 2 cột (mfu-chatbox nằm trong .uchat-page) */
.uchat-page .mfu-empty {
	padding: 38px 20px;
	text-align: center;
	margin: auto;
}

.uchat-page .mfu-empty-ic {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fdf2f4;
	color: var(--b7);
	display: grid;
	place-items: center;
	font-size: 30px;
	margin: 0 auto 14px;
}

.uchat-page .mfu-empty h6 {
	margin: 0 0 6px;
	font-size: 17px;
	font-weight: 800;
}

.uchat-page .mfu-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.uchat-page .mfu-chip {
	font-size: 12.5px;
	padding: 7px 13px;
	border-radius: 999px;
	background: var(--bs-white);
	border: 1px solid var(--line);
	color: #3d342b;
	cursor: pointer;
}

.uchat-page .mfu-chip:hover {
	border-color: var(--b6);
	color: var(--b7);
}

/* ----- lock list ----- */
.mfu-modal .mfu-lrow {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid var(--line2);
}

.mfu-modal .mfu-lrow:last-child {
	border-bottom: none;
}

.mfu-modal .mfu-lmain {
	flex: 1;
	min-width: 0;
}

.mfu-modal .mfu-lmain b {
	font-size: 14.5px;
}

.mfu-modal .mfu-lsub {
	font-size: 12px;
	margin-top: 3px;
}

.mfu-modal .mfu-lright {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	flex: none;
	text-align: right;
}

.mfu-modal .mfu-cd {
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	font-size: 12.5px;
	color: #c0341d;
	background: #fbe5e0;
	border: 1px solid #f1c4ba;
	padding: 4px 11px;
	border-radius: 999px;
	display: inline-flex;
	gap: 5px;
	align-items: center;
}

.mfu-modal .mfu-cd.over {
	opacity: .55;
}

/* ----- toast ----- */
.mfu-toast {
	position: fixed;
	left: 50%;
	bottom: 26px;
	transform: translate(-50%, 18px);
	z-index: 100600;
	background: #1a1410;
	color: var(--bs-white);
	padding: 13px 20px;
	border-radius: 12px;
	font-size: 13.5px;
	font-weight: 600;
	max-width: 90vw;
	opacity: 0;
	transition: all .3s cubic-bezier(.22, .61, .36, 1);
	box-shadow: 0 10px 30px -6px rgba(0, 0, 0, .4);
}

.mfu-toast.show {
	opacity: 1;
	transform: translate(-50%, 0);
}

.mfu-toast.is-ok {
	background: #1b4a35;
}

.mfu-toast.is-err {
	background: #8f2417;
}

@media(max-width:576px) {
	.mfu-modal .mfu-chatbox {
		height: 60vh;
	}

	.mfu-modal .mfu-msg {
		max-width: 88%;
	}
}