/* Reference canvas: 830px interior translated to a fluid 390–430px web viewport. */
.tim-makeup-app.tm-inbox-reference{container-type:inline-size;width:100%;max-width:430px;margin:0 auto;background:#fdfefe;color:var(--tm-color-text);--tm-primary:var(--tm-color-primary);--tm-footer-height:96px;font-family:Arial,Helvetica,sans-serif}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-shell{width:100%!important;max-width:none!important;min-height:100dvh;padding:0 0 96px!important;background:#fdfefe!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-main,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-screen{padding:0!important;background:transparent!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-header{display:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head{position:relative!important;display:block!important;height:51px!important;height:13.1cqw!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head>span{display:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head h1{position:absolute!important;top:6px!important;top:1.55cqw!important;left:44px!important;right:44px!important;margin:0!important;text-align:center!important;color:var(--tm-color-primary)!important;font-size:18px!important;font-size:4.34cqw!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.35px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head>div{position:static!important;display:contents!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head button{position:absolute!important;top:12px!important;top:3.13cqw!important;width:34px!important;width:8.44cqw!important;height:34px!important;height:8.44cqw!important;padding:8px!important;padding:2.17cqw!important;border:0!important;border-radius:50%!important;background:var(--tm-color-page)!important;color:var(--tm-color-primary)!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference [data-chat-search]{left:2.65cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference [data-chat-menu]{right:2.65cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head button svg{width:100%!important;height:100%!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference [data-chat-menu] svg circle{fill:currentColor!important;stroke:none!important;r:1.7}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-subtitle{position:absolute;top:7cqw;left:12cqw;right:12cqw;margin:0!important;text-align:center;color:var(--tm-color-muted);font-size:2.54cqw;line-height:1.4;letter-spacing:-.2px}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;height:8cqw!important;margin:0 2.65cqw 2.4cqw!important;padding:0!important;border:0!important;border-radius:2cqw!important;background:var(--tm-color-page)!important;overflow:visible!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs button{display:flex!important;align-items:center!important;justify-content:center!important;gap:2cqw!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 1cqw!important;border:1.5px solid transparent!important;border-radius:2cqw!important;background:transparent!important;box-shadow:none!important;color:var(--tm-color-muted)!important;font-size:2.9cqw!important;font-weight:600!important;line-height:1.2!important;opacity:1!important;white-space:nowrap!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs button[aria-selected="true"]{background:var(--tm-color-page)!important;border-color:var(--tm-color-border)!important;color:var(--tm-color-primary)!important;box-shadow:0 1px 3px #0F362310!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs b{display:flex!important;align-items:center!important;justify-content:center!important;width:4.5cqw!important;height:4.5cqw!important;min-width:0!important;margin:0!important;padding:0!important;border-radius:50%!important;background:var(--tm-color-border)!important;color:var(--tm-color-muted)!important;font-size:2.9cqw!important;font-weight:600!important;line-height:1!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs [aria-selected="true"] b{background:var(--tm-color-soft)!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note{display:flex!important;align-items:center!important;gap:2.5cqw!important;min-height:12.8cqw!important;margin:0 2.65cqw 1cqw!important;padding:2.2cqw!important;border:0!important;border-radius:2.3cqw!important;background:var(--tm-color-page)!important;color:var(--tm-color-primary)!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note[hidden]{display:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .mode-symbol{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 8cqw!important;width:8cqw!important;height:8cqw!important;padding:1.2cqw!important;border-radius:2.5cqw!important;background:var(--tm-color-soft)!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .mode-symbol svg{width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note>div{flex:1;min-width:0}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note strong{display:block!important;font-size:3cqw!important;line-height:1.3!important;font-weight:600!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note p{margin:1cqw 0 0!important;color:var(--tm-color-text)!important;font-size:2.54cqw!important;line-height:1.35!important;font-weight:400!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .mode-close{flex:0 0 5cqw!important;width:5cqw!important;height:7cqw!important;margin:0!important;padding:.8cqw!important;background:transparent!important;border:0!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list{margin:0 3.25cqw!important;padding:0!important;gap:0!important;background:transparent!important;border:0!important;border-radius:0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row{position:relative!important;display:grid!important;grid-template-columns:13.5cqw minmax(0,1fr) auto!important;align-items:center!important;column-gap:4.3cqw!important;width:100%!important;min-height:16.4cqw!important;height:16.4cqw!important;margin:0!important;padding:1.1cqw 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row::after{content:'';position:absolute;left:17.8cqw;right:0;bottom:0;height:1px;background:var(--tm-color-page)}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row:last-child::after{left:0}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row>img,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-avatar-fallback{width:13.5cqw!important;height:13.5cqw!important;min-width:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-avatar-fallback{display:flex!important;align-items:center!important;justify-content:center!important;background:var(--tm-color-page)!important;color:var(--tm-color-primary)!important;font-size:6cqw!important;font-weight:600!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body{display:block!important;min-width:0!important;padding:0!important;align-self:center!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>small,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>b{display:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--tm-color-text)!important;font-size:3.27cqw!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.3px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>em{display:block!important;margin-top:1.05cqw!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:var(--tm-color-muted)!important;font-size:2.9cqw!important;line-height:1.4!important;font-style:normal!important;font-weight:400!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta{display:flex!important;align-self:start!important;align-items:flex-end!important;flex-direction:column!important;gap:1.5cqw!important;min-width:0!important;padding-top:3.6cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta time{color:var(--tm-color-muted)!important;font-size:2.65cqw!important;line-height:1.2!important;white-space:nowrap!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta>b{display:flex!important;align-items:center!important;justify-content:center!important;min-width:4.8cqw!important;height:4.8cqw!important;padding:0 1cqw!important;border-radius:50%!important;background:var(--tm-color-primary)!important;color:#fff!important;font-size:2.8cqw!important;font-weight:600!important;line-height:1!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav{width:min(100%,444px)!important;max-width:444px!important;bottom:0!important;height:calc(79px + env(safe-area-inset-bottom,0px))!important;min-height:79px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:5px 0 env(safe-area-inset-bottom,0px)!important;border:1px solid var(--tm-color-border)!important;border-radius:22px 22px 0 0!important;background:rgba(253,254,254,.98)!important;box-shadow:0 -1px 10px #0F362304!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a{height:64px!important;min-height:64px!important;gap:6px!important;color:var(--tm-color-muted)!important;border:0!important;background:none!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a svg{width:26px!important;height:26px!important;stroke-width:1.7!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a span{font-size:11px!important;font-weight:400!important;line-height:14px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[aria-current="page"]{color:var(--tm-color-primary)!important;background:none!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[aria-current="page"]::before,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[aria-current="page"]::after{display:none!important;content:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[data-nav="inbox-post"]{justify-content:flex-end!important;gap:7px!important;padding-bottom:8px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[data-nav="inbox-post"] i{position:absolute;display:flex;align-items:center;justify-content:center;top:-15px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--tm-color-primary),var(--tm-color-primary));color:#fff}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[data-nav="inbox-post"] svg{width:28px!important;height:28px!important;stroke-width:1.9!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a.tm-inbox-unread svg{overflow:visible!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a.tm-inbox-unread::before{content:''!important;display:block!important;position:absolute!important;top:3px!important;right:calc(50% - 17px)!important;width:9px!important;height:9px!important;background:var(--tm-color-primary)!important;border:1.5px solid white!important;border-radius:50%!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-search,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-menu{margin:0 3cqw 2cqw!important;border-color:var(--tm-color-border)!important;background:var(--tm-color-page)!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-search button,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-menu button{color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference button:focus-visible,.tim-makeup-app.tm-chat-page.tm-inbox-reference a:focus-visible{outline:2px solid var(--tm-color-primary)!important;outline-offset:2px}
@media(min-width:600px){.tim-makeup-app.tm-inbox-reference{margin:16px auto;border-radius:24px;overflow:clip}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav{bottom:10px!important;border-radius:22px!important}}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message-notification-toggle{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--tm-color-text)!important;font-size:14px!important;text-align:left!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message-notification-toggle svg{width:22px!important;height:22px!important;color:var(--tm-color-muted)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message-notification-toggle.is-active{background:var(--tm-color-soft)!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message-notification-toggle.is-active svg{color:var(--tm-color-primary)!important}
.tm-inbox-notification{color:var(--tm-color-primary)}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-height:calc(100dvh - 230px)!important;padding:96px 24px 120px!important;text-align:center!important;background:#fff!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-empty-art{width:180px!important;height:150px!important;margin:0 auto 18px!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-empty-art svg{display:block!important;width:100%!important;height:100%!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-empty-state>strong{font-size:20px!important;line-height:1.3!important;font-weight:700!important;color:var(--tm-color-text)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-empty-state>p{margin:8px 0 0!important;font-size:15px!important;line-height:1.45!important;color:var(--tm-color-muted)!important}
@media (min-width:1024px){
  body .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list>.tm-inbox-empty-state{min-height:100%!important;padding:36px 24px 48px!important;background:transparent!important}
  body .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list>.tm-inbox-empty-state .tm-inbox-empty-art{width:148px!important;height:122px!important;margin:0 auto 14px!important}
  body .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list>.tm-inbox-empty-state>strong{font-size:18px!important;line-height:1.35!important}
  body .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list>.tm-inbox-empty-state>p{max-width:300px!important;margin-top:6px!important;font-size:13px!important;line-height:1.5!important}
}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-interest,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-call{display:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message{max-width:72%!important;border-radius:18px!important;padding:12px 14px!important;box-shadow:0 1px 2px rgba(23,54,43,.035)!important;transform-origin:bottom left;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message:not(.is-mine){background:#f4f6f8!important;color:var(--tm-color-text)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message.is-mine{background:var(--tm-color-soft)!important;color:var(--tm-color-text)!important;transform-origin:bottom right}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message.tm-message-enter{animation:tm-chat-message-enter .34s cubic-bezier(.2,.84,.32,1) both!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message.is-pending{opacity:.82!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message.is-failed{box-shadow:0 0 0 1px rgba(200,50,50,.18)!important}
@keyframes tm-chat-message-enter{0%{opacity:0;transform:translate3d(0,10px,0) scale(.975)}65%{opacity:1;transform:translate3d(0,-1px,0) scale(1.004)}100%{opacity:1;transform:none}}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message>p{font-size:16px!important;line-height:1.45!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message>small{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-height:16px!important;margin-top:6px!important;color:var(--tm-color-muted)!important;font-size:11px!important;line-height:16px!important;text-align:right!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-meta-time{color:var(--tm-color-muted)!important;font-variant-numeric:tabular-nums}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-chat-time-marker{align-self:center;margin:14px auto 8px;color:var(--tm-color-muted);font-size:12px;font-weight:500;text-align:center;font-variant-numeric:tabular-nums}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-message>small{display:flex!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-message>small .tm-chat-meta-time{display:inline!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-receipt{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:16px!important;color:#7b8794!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-receipt svg{display:block!important;width:20px!important;height:16px!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-receipt--sent{width:18px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-receipt--sent svg{width:18px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-receipt--read{color:#7b8794!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-meta-state{margin-left:2px!important;font-size:10.5px!important;font-weight:500!important;white-space:nowrap!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-meta-state--pending{display:inline-flex!important;align-items:center!important;color:var(--tm-color-muted)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-meta-state--pending::after{content:"";width:3px;height:3px;margin-left:5px;border-radius:50%;background:currentColor;box-shadow:6px 0 currentColor,12px 0 currentColor;animation:tm-chat-sending-dots 1.15s ease-in-out infinite;opacity:.45}
@keyframes tm-chat-sending-dots{0%,100%{opacity:.35;transform:translateY(0)}45%{opacity:1;transform:translateY(-2px)}}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-meta-state--failed{color:#c83232!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message:has(.tm-chat-image),.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message.is-mine:has(.tm-chat-image){max-width:72%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message:has(.tm-chat-video),.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message.is-mine:has(.tm-chat-video){max-width:78%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message:has(.tm-chat-image)>small{padding:6px 2px 0!important;background:transparent!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message:has(.tm-chat-video)>small{padding:6px 2px 0!important;background:transparent!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-video{display:block!important;width:min(290px,72vw)!important;max-width:100%!important;max-height:360px!important;border-radius:16px!important;background:#0b1713!important;object-fit:contain!important;box-shadow:0 5px 18px rgba(26,71,55,.11)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-visual{position:relative!important;display:grid!important;place-items:center!important;min-width:148px!important;max-width:min(72vw,290px)!important;border-radius:18px!important;overflow:hidden!important;background:#eaf4ef!important;box-shadow:0 5px 18px rgba(26,71,55,.09)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message.is-uploading .tm-chat-image{display:block!important;width:100%!important;max-height:340px!important;object-fit:cover!important;opacity:.72!important;filter:saturate(.86)!important;transition:opacity .25s ease,filter .25s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-progress{position:absolute!important;inset:auto!important;display:grid!important;width:58px!important;height:58px!important;place-items:center!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:rgba(8,41,31,.58)!important;color:#fff!important;box-shadow:0 5px 20px rgba(0,0,0,.16)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;transition:background .24s ease,transform .24s ease,box-shadow .24s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-progress svg{position:absolute!important;inset:7px!important;width:44px!important;height:44px!important;transform:rotate(-90deg)!important;overflow:visible!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-progress circle{fill:none!important;stroke-width:3.2!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-track{stroke:rgba(255,255,255,.25)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-value{stroke:#fff!important;stroke-linecap:round!important;stroke-dasharray:113.1!important;stroke-dashoffset:113.1;transition:stroke-dashoffset .18s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-progress b{position:relative!important;font-size:12px!important;line-height:1!important;font-weight:750!important;font-variant-numeric:tabular-nums!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-retry{position:absolute!important;inset:auto!important;min-width:0!important;min-height:0!important;padding:9px 14px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:999px!important;background:rgba(126,26,26,.78)!important;color:#fff!important;font:700 12px/1.1 inherit!important;box-shadow:0 4px 16px rgba(0,0,0,.16)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message.is-failed .tm-chat-image{display:block!important;width:100%!important;max-height:340px!important;object-fit:cover!important;opacity:.58!important;filter:grayscale(.18)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-batch,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-batch.is-mine{width:min(76vw,360px)!important;max-width:min(76vw,360px)!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item{position:relative!important;display:grid!important;place-items:center!important;aspect-ratio:1/1!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:13px!important;background:#eaf4ef!important;box-shadow:0 4px 14px rgba(26,71,55,.1)!important;animation:tm-chat-upload-enter .32s cubic-bezier(.2,.84,.32,1) both;animation-delay:calc(var(--tm-upload-index,0) * 45ms);transition:opacity .28s ease,transform .28s ease,box-shadow .28s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,35,26,.02),rgba(4,35,26,.16));opacity:.65;transition:opacity .24s ease!important}
@keyframes tm-chat-upload-enter{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item .tm-chat-image{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item .tm-chat-video{display:block!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;object-fit:cover!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-info{position:absolute!important;z-index:2;left:5px!important;right:5px!important;bottom:5px!important;overflow:hidden!important;padding:3px 5px!important;border-radius:7px!important;background:rgba(6,37,28,.62)!important;color:#fff!important;font-size:8.5px!important;font-weight:650!important;line-height:1.15!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-play{position:absolute!important;z-index:1;display:grid!important;width:28px!important;height:28px!important;place-items:center!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:50%!important;background:rgba(4,35,26,.48)!important;color:#fff!important;font-size:11px!important;padding-left:2px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-queued .tm-chat-image,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-uploading .tm-chat-image{opacity:.7!important;filter:saturate(.86)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-preparing .tm-chat-image{opacity:.76!important;filter:saturate(.82)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-queued .tm-chat-video,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-uploading .tm-chat-video{opacity:.72!important;filter:saturate(.84)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item .tm-chat-upload-progress{z-index:2;width:44px!important;height:44px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item .tm-chat-upload-progress svg{inset:0!important;width:44px!important;height:44px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item .tm-chat-upload-progress b{max-width:34px!important;overflow:hidden!important;font-size:10px!important;text-overflow:ellipsis!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-preparing .tm-chat-upload-progress b{font-size:8px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item .tm-chat-upload-retry{z-index:2;padding:7px 9px!important;font-size:10px!important;transition:transform .16s ease,background .16s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item .tm-chat-upload-retry:active{transform:scale(.94)}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-complete .tm-chat-image{opacity:1!important;filter:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-complete::after{opacity:.12!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-complete .tm-chat-upload-progress{background:rgba(0,143,88,.88)!important;box-shadow:0 5px 20px rgba(0,143,88,.24)!important;transform:scale(.9)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-complete .tm-chat-upload-progress b{font-size:20px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item.is-complete{opacity:0!important;transform:scale(.94)!important;transition-delay:.38s!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer{box-shadow:0 -8px 24px rgba(20,62,47,.035)!important;transition:box-shadow .2s ease,background .2s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer:focus-within{box-shadow:0 -10px 28px rgba(20,62,47,.075)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer>input{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer>input:focus{outline:none!important;border-color:rgba(0,143,88,.35)!important;box-shadow:0 0 0 3px rgba(0,143,88,.08)!important;background:#fff!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer button,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer label{transition:transform .14s ease,background .18s ease,opacity .18s ease!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer button:active,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer label:active{transform:scale(.91)}
@media(max-width:430px){.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-visual{max-width:68vw!important;border-radius:16px!important}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-progress{width:54px!important;height:54px!important}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-progress svg{inset:5px!important}}
@media(prefers-reduced-motion:reduce){.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-value,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-message,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-upload-item,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-meta-state--pending::after,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-composer *{animation:none!important;transition:none!important}}

.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head{width:100%!important;min-height:0!important;margin-inline:0!important;border-radius:0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head button{min-height:0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta time{width:auto!important;min-width:0!important;max-width:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note svg{color:inherit!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note .mode-close{min-width:0!important;min-height:0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list{width:calc(100% - 6.5cqw)!important;max-width:calc(100% - 6.5cqw)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta{height:auto!important;justify-content:flex-start!important;padding-top:3.6cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs button{height:100%!important;max-height:100%!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-shell{min-height:calc(100dvh - 96px)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta>b{margin:0!important}
/* Keep the footer reserve inside the viewport, rather than adding a blank screen tail. */
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-main,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-screen{min-height:0!important;height:auto!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-shell{height:auto!important;min-height:100dvh!important}
/* Inbox reference canvas: one consistent scale for content and footer. */
.tim-makeup-app.tm-chat-page.tm-inbox-reference{width:100%!important;max-width:830px!important;margin:0 auto!important;border-radius:0!important;overflow:visible!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-shell{padding-bottom:calc(23cqw + env(safe-area-inset-bottom,0px))!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav{width:min(100%,858px)!important;max-width:858px!important;bottom:0!important;height:calc(20cqw + env(safe-area-inset-bottom,0px))!important;min-height:20cqw!important;padding:1cqw 0 env(safe-area-inset-bottom,0px)!important;border-radius:5cqw 5cqw 0 0!important;border-color:var(--tm-color-border)!important;box-shadow:0 -2px 12px #0F362305!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a{height:16cqw!important;min-height:16cqw!important;gap:1.5cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a svg{width:5.8cqw!important;height:5.8cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a span{font-size:2.65cqw!important;line-height:3.5cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[data-nav="inbox-post"]{gap:1.5cqw!important;padding-bottom:2cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[data-nav="inbox-post"] i{top:-3.2cqw!important;width:10.2cqw!important;height:10.2cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a[data-nav="inbox-post"] svg{width:6.3cqw!important;height:6.3cqw!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav a.tm-inbox-unread::before{top:.8cqw!important;right:calc(50% - 4.3cqw)!important;width:2.2cqw!important;height:2.2cqw!important}
/* Use the site's shared mobile canvas; screenshot pixels are not CSS viewport pixels. */
.tim-makeup-app.tm-chat-page.tm-inbox-reference{max-width:430px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-nav{width:min(100%,430px)!important;max-width:430px!important}

/* Messenger reference: 1290 image pixels correspond to a 430 CSS-pixel phone. */
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head{height:64px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head h1{left:16px!important;right:64px!important;top:17px!important;text-align:left!important;justify-self:start!important;font-size:26px!important;line-height:30px!important;letter-spacing:-.6px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head button{top:10px!important;width:44px!important;height:44px!important;padding:11px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference [data-chat-search]{left:auto!important;right:12px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference [data-chat-menu]{right:12px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-subtitle{display:none}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs{height:44px!important;margin:4px 16px 12px!important;border-radius:12px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs button{font-size:14px!important;gap:6px!important;border-radius:12px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs b{width:20px!important;height:20px!important;font-size:12px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note{margin:0 16px 8px!important;padding:12px!important;gap:10px!important;min-height:64px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note strong{font-size:14px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-mode-note p{font-size:12px!important;line-height:1.4!important;margin-top:4px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .mode-close{flex-basis:32px!important;width:32px!important;height:44px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list{margin:0 16px!important;width:calc(100% - 32px)!important;max-width:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row{grid-template-columns:60px minmax(0,1fr) auto!important;column-gap:12px!important;height:76px!important;min-height:76px!important;padding:8px 0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row::after{display:none}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row>img,.tm-chat-avatar-fallback{width:60px!important;height:60px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>strong{font-size:17px!important;line-height:22px!important;letter-spacing:-.2px!important;font-weight:600!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>em{font-size:15px!important;line-height:21px!important;margin-top:3px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta{padding-top:6px!important;gap:8px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta time{font-size:12px!important;line-height:20px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta>b{min-width:20px!important;height:20px!important;font-size:11px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-search{margin:0 16px 12px!important;border-radius:22px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-search input{font-size:16px!important;min-height:44px!important}
/* Keep the conversation header on the viewport scroll, not a clipped shell. */
.tim-makeup-app.tm-chat-detail-page .tm-shell,
.tim-makeup-app.tm-chat-detail-page .tm-main,
.tim-makeup-app.tm-chat-detail-page .tm-screen{overflow:visible!important}
.tim-makeup-app.tm-chat-detail-page .tm-conversation-head{position:sticky!important;top:0!important;z-index:100;background:#fff!important;isolation:isolate;box-shadow:0 1px 0 #e2ebe7;padding-top:max(8px,env(safe-area-inset-top))}
body.admin-bar .tim-makeup-app.tm-chat-detail-page .tm-conversation-head{top:32px!important}
@media(min-width:601px) and (max-width:782px){body.admin-bar .tim-makeup-app.tm-chat-detail-page .tm-conversation-head{top:46px!important}}
@media(max-width:600px){body.admin-bar .tim-makeup-app.tm-chat-detail-page .tm-conversation-head{top:0!important}}

/* Compact conversation header: direct phone call only; video/Zalo calling stays hidden. */
.tim-makeup-app.tm-chat-detail-page .tm-conversation-head>a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tim-makeup-app.tm-chat-detail-page .tm-chat-options-button svg{fill:currentColor;stroke:none}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-conversation-head{grid-template-columns:40px 43px minmax(0,1fr) 40px 40px!important;gap:6px!important;min-height:64px!important;padding:8px 12px!important;border-bottom:1px solid #e4ece8!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(14px)!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-conversation-head>div{min-width:0!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-conversation-head h1{margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important;line-height:21px!important;font-weight:700!important;color:var(--tm-color-text)!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-conversation-head div>span{display:block!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:16px!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-phone-call,.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-chat-options-button{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:9px!important;border:0!important;border-radius:50%!important;box-shadow:none!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-phone-call{grid-column:4!important;background:color-mix(in srgb,var(--tm-color-primary) 9%,#fff)!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-chat-options-button{grid-column:5!important;background:#f7f9f8!important;color:var(--tm-color-text)!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-phone-call svg,.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-chat-options-button svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-call-voice,.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-call-video,.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-chat-call{display:none!important}
@media(max-width:380px){.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-conversation-head{grid-template-columns:34px 40px minmax(0,1fr) 36px 36px!important;gap:4px!important;padding-inline:8px!important}.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-phone-call,.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-chat-options-button{width:36px!important;height:36px!important;min-height:36px!important;padding:8px!important}}

/* Unified inbox: the reference shows every conversation in one continuous list. */
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-tabs{display:none!important}
body .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list-head h1{color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-overview{display:flex!important;align-items:center!important;gap:14px!important;min-height:80px!important;margin:0 12px 7px!important;padding:13px 14px!important;border:1px solid color-mix(in srgb,var(--tm-color-primary) 8%,#fff)!important;border-radius:13px!important;background:color-mix(in srgb,var(--tm-color-soft) 56%,#fff)!important;color:var(--tm-color-primary)!important;box-shadow:none!important;cursor:default!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-overview>span{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:11px!important;background:transparent!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-overview>span svg{width:44px!important;height:40px!important;overflow:visible!important;fill:none!important;stroke:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-bubble-back{fill:color-mix(in srgb,var(--tm-color-primary) 10%,#fff)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-bubble-front{fill:color-mix(in srgb,var(--tm-color-primary) 28%,#fff)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-inbox-bubble-lines{fill:none!important;stroke:#fff!important;stroke-width:2.4!important;stroke-linecap:round!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-overview>div{min-width:0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-overview strong{display:block!important;font-size:16px!important;line-height:20px!important;font-weight:700!important;color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-overview p{margin:3px 0 0!important;font-size:12px!important;line-height:16px!important;font-weight:400!important;color:var(--tm-color-muted)!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list{margin:0 12px!important;width:calc(100% - 24px)!important;max-width:none!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row{grid-template-columns:54px minmax(0,1fr) 45px!important;column-gap:9px!important;height:64px!important;min-height:64px!important;padding:5px 0!important;border-bottom:1px solid #edf1ef!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row:last-child{border-bottom:0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row>img,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-avatar-fallback{width:54px!important;height:54px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>span{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>span>strong{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--tm-color-text)!important;font-size:15px!important;line-height:19px!important;font-weight:700!important;letter-spacing:-.2px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>span>small{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;max-width:112px!important;height:19px!important;padding:0 8px!important;border-radius:999px!important;background:color-mix(in srgb,var(--tm-color-primary) 9%,#fff)!important;color:var(--tm-color-primary)!important;font-size:10px!important;line-height:19px!important;font-weight:500!important;white-space:nowrap!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>span>small[data-direction="customer"]{background:#eaf5ff!important;color:#3286c8!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>em{display:-webkit-box!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:var(--tm-color-muted)!important;font-size:12px!important;line-height:15px!important;font-style:normal!important;font-weight:400!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta{align-self:stretch!important;justify-content:flex-start!important;align-items:flex-end!important;gap:4px!important;width:45px!important;padding-top:2px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta time{font-size:10px!important;line-height:18px!important}
.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-meta>b{min-width:20px!important;height:20px!important;padding:0 5px!important;font-size:10px!important}
@media(min-width:410px){.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-overview{margin-inline:14px!important}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-list{margin-inline:14px!important;width:calc(100% - 28px)!important}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row{grid-template-columns:56px minmax(0,1fr) 48px!important;height:68px!important;min-height:68px!important;column-gap:10px!important}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row>img,.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-avatar-fallback{width:56px!important;height:56px!important}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>span>strong{font-size:16px!important}.tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-chat-row-body>em{font-size:13px!important;line-height:16px!important}}

/* One neutral inbox canvas for both brands; brand identity remains in tokens. */
body.tm-inbox-page{background:#fdfefe!important;background-image:none!important}
body.tm-inbox-page::before,body.tm-inbox-page::after{display:none!important;content:none!important}
body.tm-inbox-page .tim-makeup-app.tm-chat-page.tm-inbox-reference,
body.tm-inbox-page .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-shell,
body.tm-inbox-page .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-main,
body.tm-inbox-page .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-screen{background:#fdfefe!important;background-image:none!important}
body.tm-inbox-page .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-screen::before,
body.tm-inbox-page .tim-makeup-app.tm-chat-page.tm-inbox-reference .tm-screen::after{display:none!important;content:none!important}

/* Shared message component: group identity is metadata, not a separate screen.
   Keep native form selectors and media/upload controllers untouched. */
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;align-self:flex-start!important;width:fit-content!important;min-width:0!important;max-width:82%!important;padding:0!important;margin:0 0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].is-mine{align-self:flex-end!important;align-items:flex-end!important;margin-left:auto!important;max-width:86%!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].has-sender{margin-left:46px!important;max-width:calc(100% - 58px)!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>.tm-message-avatar{position:absolute!important;left:-46px!important;top:0!important;display:block!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;border-radius:50%!important;object-fit:cover!important;background:#e8f2ed!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>.tm-message-avatar-fallback{display:grid!important;place-items:center!important;color:var(--tm-color-primary)!important;font-size:14px!important;font-weight:600!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>.tm-group-sender{max-width:100%!important;margin:0 0 5px!important;font-size:13px!important;line-height:18px!important;font-weight:600!important;color:var(--tm-color-primary)!important;overflow-wrap:anywhere!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>.tm-message-content{min-width:0;max-width:100%;padding:10px 12px;border-radius:5px 15px 15px 15px;background:#f1f5f4;color:#213c39;overflow-wrap:anywhere;word-break:normal}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].is-mine>.tm-message-content{border-radius:15px 15px 5px 15px;background:color-mix(in srgb,var(--tm-color-primary) 15%,#fff)}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>.tm-message-content>p{margin:0!important;font-size:16px!important;font-weight:400!important;line-height:1.45!important;white-space:pre-wrap!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>.tm-message-content:has(.tm-chat-image,.tm-chat-video){padding:0;background:transparent;overflow:hidden;border-radius:14px}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>small{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;min-height:15px!important;margin:4px 8px 0!important;padding:0!important;font-size:11px!important;line-height:15px!important;color:#8a9698!important;background:transparent!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].is-mine>small{justify-content:flex-end!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>small .tm-chat-meta-time{display:inline!important;color:#8a9698!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-chat-receipt--read{color:var(--tm-color-primary)!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-chat-time-marker{margin:16px auto 22px!important;color:#919b9e!important;font-size:12px!important;line-height:18px!important;font-weight:400!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].is-failed>.tm-message-content{outline:1px solid #d97a7a}
@media(prefers-reduced-motion:reduce){.tim-makeup-app .tm-message.tm-message-enter{animation:none!important;transition:none!important}}
/* Shared direct/group message runs. Metadata is opt-in on bubble tap. */
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-messages{row-gap:0!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]:not(.tm-message-time-open)>small{display:none!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]:not(.tm-message-run-end){margin-bottom:4px!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]:not(.tm-message-run-start)>.tm-group-sender{display:none!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]:not(.tm-message-run-end)>.tm-message-avatar{display:none!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].tm-message-run-end>.tm-message-avatar{top:auto!important;bottom:0!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].tm-message-run-end.tm-message-time-open>.tm-message-avatar{bottom:19px!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]:not(.tm-message-run-end)>.tm-message-content{border-bottom-left-radius:5px!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble].is-mine:not(.tm-message-run-end)>.tm-message-content{border-bottom-left-radius:15px!important;border-bottom-right-radius:5px!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-chat-receipt{color:#00875a!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-chat-receipt--failed,
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-inbox-reference .tm-chat-meta-state--failed{color:#c62828!important}
.tm-chat-user-profile{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f4f9f7;color:#243b39;overflow:hidden}
.tm-chat-user-profile::backdrop{background:#102e2999}
.tm-chat-user-profile-page{display:flex;flex-direction:column;width:min(100%,620px);height:100%;margin:auto;background:linear-gradient(180deg,#f7fbfa 0%,#eef7f4 100%)}
.tm-chat-user-profile-page>header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:66px;padding:env(safe-area-inset-top) 18px 0;background:#fff}
.tm-chat-user-profile-page>header h2{margin:0;text-align:center;font-size:18px;font-weight:700;color:#263b48}
.tm-chat-user-profile-page>header button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#263b48;cursor:pointer}
.tm-chat-user-profile-page svg{width:24px;height:24px}
.tm-chat-user-profile-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px calc(28px + env(safe-area-inset-bottom))}
.tm-chat-user-profile-hero{display:flex;flex-direction:column;align-items:center;padding:18px 12px 14px;text-align:center}
.tm-chat-user-profile-avatar{display:grid;place-items:center;width:88px;height:88px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 12px #174b3d1b}
.tm-chat-user-profile-fallback{background:#7d2c9b;color:#fff;font-size:48px;font-weight:400}
.tm-chat-user-profile-hero h3{margin:9px 0 2px;font-size:21px;line-height:1.25;font-weight:750;color:#263b48}
.tm-chat-user-profile-hero p{margin:0;color:#7a8989;font-size:14px}
.tm-chat-user-profile-badge{margin-top:13px;padding:7px 14px;border-radius:999px;background:#e0f2ed;color:#168a76;font-size:13px;font-weight:600}
.tm-chat-user-profile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.tm-chat-user-profile-actions[hidden]{display:none}
.tm-chat-user-profile-actions>a,.tm-chat-user-profile-actions>button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:7px 5px;border:0;border-radius:13px;background:#e3f2ed;color:#086d63;text-align:center;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.tm-chat-user-profile-actions svg{width:18px;height:18px;flex:none}
.tm-chat-user-profile-actions [disabled],.tm-chat-user-profile-actions [aria-disabled="true"]{opacity:.56;cursor:not-allowed}
.tm-chat-user-profile-sections{display:grid;gap:10px}
.tm-chat-user-profile-section{padding:16px 17px;border-radius:16px;background:#fff;box-shadow:0 3px 18px #2b66590b}
.tm-chat-user-profile-section h4{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:#173e3c;font-size:17px;line-height:1.3;font-weight:700}
.tm-chat-user-profile-section h4 svg{box-sizing:content-box;width:22px;height:22px;padding:10px;border-radius:50%;background:#e8f5f1;color:#127f70}
.tm-chat-user-profile-section dl{display:grid;grid-template-columns:minmax(100px,32%) 1fr;gap:7px;margin:0;font-size:14px}
.tm-chat-user-profile-section dt{color:#879391}.tm-chat-user-profile-section dd{margin:0;color:#314342}
.tm-chat-user-profile-section p{margin:0;color:#334947;font-size:14px;line-height:1.55;white-space:pre-wrap}
.tm-chat-user-profile-section strong{display:block;font-size:15px}.tm-chat-user-profile-section small{display:block;margin-top:4px;color:#85928e}
.tm-chat-user-profile-chip{display:inline-block;margin:0 7px 7px 0;padding:7px 12px;border-radius:999px;background:#e9f5f1;color:#176f64;font-size:13px}
.tm-message-avatar[data-chat-user-profile],[data-chat-avatar][role="button"]{cursor:pointer}
.tm-message-avatar[data-chat-user-profile]:focus-visible,[data-chat-avatar][role="button"]:focus-visible{outline:3px solid #0b927e;outline-offset:3px}
@media(min-width:700px){.tm-chat-user-profile{inset:5vh auto auto 50%;transform:translateX(-50%);width:min(480px,calc(100vw - 36px));height:min(90vh,850px);border-radius:22px;box-shadow:0 25px 80px #0d29283d}}