/* Minification failed. Returning unminified contents.
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,15): run-time error CSS1039: Token not allowed after unary operator: '-ink'
(134,15): run-time error CSS1039: Token not allowed after unary operator: '-mint'
 */
/* =====================================================================
   CARD TILE — TEMPLATE "BONG BÓNG CHAT" (TileTypeId == MESSAGE = 8)
   Chỉ được load khi TileTypeId == MESSAGE (include theo điều kiện trong
   Views/Memory/Index.cshtml) nên dùng lại class hook (.card_curve,
   .card__image, .card__title...) mà không bị đè bởi template khác.
   Nguồn skin: WebOrderFood/TemplateCard/template-09-chat.css
   ===================================================================== */

:root {
  --pink:     #F58AA8;
  --pink-lt:  #FFE3EC;
  --mint:     #9BD6B4;
  --ink:      #5A4A52;
  --ink-soft: #8A7680;
}

/* ---------- Container lưới riêng ---------- */
.card_curve__container {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(244px, 244px));
    grid-auto-rows: 420px;
    grid-auto-flow: row dense;
    gap: 2rem;
    padding: 20px;
    padding-bottom: 270px;
    list-style-type: none;
}

.card_curve__div {
    transition: all ease .3s;
    pointer-events: auto;
    scroll-margin-top: 70px;
}

/* Anchor trong suốt — chrome do .t-chat lo */
.card_curve {
    position: relative;
    display: block;
    height: auto;
    text-decoration: none;
    background: none;
    border: none;
    box-shadow: none;
    overflow: visible;
    border-radius: 0;
    cursor: pointer;
    pointer-events: auto;
}

.card-hooks-hidden { display: none !important; }

/* ---------- khối ảnh dùng chung ---------- */
.lb-photo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lb-photo > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 09 — BONG BÓNG CHAT */
.t-chat {
  position: relative;
  width: 244px;
  height: 400px;
  background: #fff;
  border-radius: 22px;
  padding: 14px 14px 18px;
  box-shadow: 0 10px 26px rgba(214,150,170,.26);
  border: 1.5px solid #FFE3EC;
  transition: transform .35s cubic-bezier(.2,.8,.3,1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.t-chat:hover { transform: translateY(-6px); }

.t-chat__head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-bottom: 12px;
}

/* Ô avatar: render img.card__thumb thật (qua _PartialCard_AvatarHook) */
.t-chat__avatar {
  position: relative;
  display: inline-flex;
  flex: none;
}
.t-chat__avatar .card__thumb {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  background: #FFB8C8;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #FFB8C8;
}

.t-chat__who {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  flex: 1;
  min-width: 0;
}
.t-chat__name {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  /*font-family: "Baloo 2", sans-serif;*/
  /*font-weight: 700;*/
  font-size: 14px;
  line-height: 1.2;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-chat__status {
  /*font-family: "Quicksand", sans-serif;*/
  font-size: 10px;
  color: var(--mint);
  font-weight: 600;
}
.t-chat__dot {
  width: 5px;
  height: 5px;
  flex: none;
  border-radius: 50%;
  background: #D9C7CE;
}

.t-chat__photo-bubble {
  width: 80%;
  height: 116px;
  flex-shrink: 0;
  margin-left: auto;
  margin-bottom: 8px;
  border-radius: 16px 16px 4px 16px;
  overflow: hidden;
  background: linear-gradient(135deg,#FFE3EC,#E2F4EA);
}

/* Emoji bar (VIP): góc dưới trái của bong bóng ảnh */
.t-chat__photo-bubble .emoji-top-bar {
  left: 6px;
  bottom: 6px;
  right: auto;
  margin: 0;
}

/* Khung chứa bong bóng lời nhắn: chiếm phần còn lại, chừa chỗ cho nút tim */
.t-chat__thread {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 8px 8px;
}
.t-chat__bubble {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100%;
  background: linear-gradient(135deg,#FFD9E4,#FFC9D9);
  border-radius: 16px 16px 16px 4px;
  padding: 12px 14px;
  width: fit-content;
  max-width: 88%;
}
.t-chat__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.t-chat__msg {
  margin: 0;
  /*font-family: "Quicksand", sans-serif;*/
  /*font-weight: 500;*/
  font-size: 13px;
  line-height: 1.5;
  color: #6A4954;
  text-align: right;
  text-wrap: pretty;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  line-clamp: 8;
}

/* Q&A (form mode) */
.t-chat__qa { text-align: right; }
.t-chat__q {
  display: block;
  /*font-family: "Baloo 2", sans-serif;*/
  font-size: 10.5px;
  /*font-weight: 700;*/
  letter-spacing: .03em;
  color: #B5627C;
  margin-top: 2px;
}
.t-chat__a {
  margin: 0 0 4px;
  /*font-family: "Quicksand", sans-serif;*/
  /*font-weight: 500;*/
  font-size: 14px;
  line-height: 1.4;
  color: #6A4954;
}

.t-chat__react {
  position: absolute;
  left: -8px;
  bottom: -8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.14);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s;
}
.t-chat:hover .t-chat__react { transform: scale(1.18) rotate(-10deg); }

.card-lock-icon {
  top: 60px;
  right: 18px;
}