/* 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-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:112px!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:60px!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}