/* Only the pinned inbox identity is group-specific. Detail UI uses shared CSS. */
.tm-group-launch{cursor:pointer}
.tm-group-launch .tm-group-pin{font-size:13px;color:var(--tm-color-primary)}
img.tm-group-launch-icon{width:52px!important;height:52px!important;min-width:52px!important;border-radius:50%;object-fit:contain;object-position:center;padding:3px;background:#fff}
/* Group actions extend the shared conversation header, never duplicate chat UI. */
.tim-makeup-app.tm-group-detail .tm-conversation-head .tm-group-members-button,
.tim-makeup-app.tm-group-detail .tm-conversation-head [data-chat-options]{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;padding:10px!important;border:0!important;border-radius:50%!important;background:color-mix(in srgb,var(--tm-color-primary) 8%,white)!important;color:var(--tm-color-primary)!important;box-shadow:none!important;text-decoration:none}
.tim-makeup-app.tm-group-detail .tm-conversation-head .tm-group-members-button{margin-left:auto!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference.tm-group-detail .tm-conversation-head{grid-template-columns:34px 40px minmax(0,1fr) 42px 42px!important;gap:5px!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference.tm-group-detail .tm-conversation-head .tm-group-members-button{grid-column:4!important}
.tim-makeup-app.tm-group-detail .tm-conversation-head [data-chat-options]{margin-left:6px!important}
.tim-makeup-app.tm-group-detail .tm-conversation-head svg{width:24px!important;height:24px!important}
.tim-makeup-app.tm-group-detail .tm-conversation-head .tm-phone-call{display:none!important}
.tim-makeup-app.tm-group-detail .tm-group-options-backdrop{position:fixed!important;inset:0!important;z-index:110!important;border:0!important;border-radius:0!important;background:rgba(19,53,47,.23)!important;padding:0!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel]{position:absolute!important;top:66px!important;right:14px!important;left:auto!important;z-index:111!important;width:min(310px,calc(100% - 28px))!important;max-height:calc(100dvh - 160px)!important;overflow-y:auto!important;padding:4px 0!important;border:1px solid #e5eeea!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 36px #163e3226!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>a,
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>button{display:flex!important;align-items:center!important;gap:16px!important;width:100%!important;min-height:58px!important;padding:15px 20px!important;margin:0!important;border:0!important;border-bottom:1px solid #edf1ef!important;border-radius:0!important;background:#fff!important;color:#213c39!important;text-align:left!important;font-size:16px!important;font-weight:400!important;text-decoration:none!important;white-space:normal!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel] svg{flex:none;width:24px;height:24px;color:var(--tm-color-primary)}
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>.is-danger,
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>.is-danger svg{color:#cf3c55!important}
.tim-makeup-app.tm-group-detail [hidden]{display:none!important}

.tim-makeup-app.tm-group-members-page .tm-screen{display:block!important;height:100dvh!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
.tm-members-open,.tm-members-open body{overflow:hidden!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-group-members-page{container-type:normal!important;transform:none!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-group-members-page .tm-shell,
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-group-members-page .tm-main{transform:none!important;contain:none!important;padding:0!important}
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-group-members-page .tm-screen{position:fixed!important;inset:0!important;width:100%!important;max-width:830px!important;height:100dvh!important;margin:0 auto!important;z-index:100!important;box-sizing:border-box}
.tim-makeup-app.tm-group-members-page .tm-nav{display:none!important}
.tim-makeup-app.tm-group-members-page .tm-member-directory{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff;color:#203e38}
.tm-members-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:10px 18px;border-bottom:1px solid #edf0ee}
.tm-members-head h1{margin:0!important;font-size:19px!important;line-height:26px!important;font-weight:650!important;text-align:center}
.tm-members-head>a,.tm-members-head>button{display:grid;place-items:center;width:40px;height:40px;padding:8px;border:0;border-radius:50%;background:none;color:var(--tm-color-primary);flex-shrink:0}
.tm-member-directory svg{width:24px;height:24px;flex-shrink:0}
.tm-members-body{padding:20px 18px 32px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}
.tm-member-search{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f1f5f3;border-radius:14px;color:#81958e}
.tm-member-search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;padding:0!important;box-shadow:none!important;color:#203e38;font:inherit;font-size:15px}
.tm-member-invite{display:flex;align-items:center;gap:12px;margin:20px 0 24px;padding:0;border:0;background:none;color:var(--tm-color-primary);font-size:16px;font-weight:600}
.tm-member-invite svg{box-sizing:content-box;padding:8px;border-radius:12px;background:#edf7f1}
.tm-member-section h2{font-size:13px!important;font-weight:400!important;color:#81958e!important;margin:22px 0 8px!important}
.tm-member-row{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;border-bottom:1px solid #edf0ee;padding:12px 0}
.tm-member-row>img,.tm-member-initial{display:grid;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;object-fit:cover;border-radius:50%;background:#e8f0ed;color:#447666}
.tm-member-row>div{flex:1;min-width:0}
.tm-member-row strong{display:block;font-size:15px;font-weight:550;overflow-wrap:anywhere}
.tm-member-row em{font-style:normal;color:#899b94;font-weight:400}
.tm-member-row small{display:block;font-size:12px;color:#899b94;margin-top:5px}
.tm-member-role{padding:3px 6px;background:#edf7f1;color:#719b87;border-radius:6px;font-size:11px}
.tm-member-options summary{list-style:none;cursor:pointer;color:#849b91;padding:4px}
.tm-member-options summary::-webkit-details-marker{display:none}
.tm-member-options>button{position:absolute;right:0;top:60px;z-index:2;border:1px solid #e2ebe5;border-radius:10px;background:#fff;color:#c83b51;padding:12px;box-shadow:0 5px 20px #203e381a}
.tm-member-directory [data-member-status]{font-size:14px;color:#73867e;overflow-wrap:anywhere}
.tm-member-directory [data-member-status]:empty{display:none}
.tm-members-more{display:block;margin:20px auto;border:1px solid #deebe4;border-radius:18px;background:#f5faf7;color:var(--tm-color-primary);padding:10px 20px}
.tm-member-directory [hidden]{display:none!important}

/* Reference menu: seven visual-only rows, anchored to the three-dot button. */
.tim-makeup-app.tm-group-detail [data-chat-options-panel]{top:64px!important;right:12px!important;width:min(290px,calc(100% - 28px))!important;max-height:calc(100dvh - 100px)!important;overflow:visible!important;margin:0!important;padding:4px 0!important;border:0!important;border-radius:16px!important;box-shadow:0 10px 32px #193e3020!important}
.tim-makeup-app.tm-chat-detail-page.tm-group-detail [data-chat-options-panel]::before{display:block!important;content:""!important;position:absolute!important;top:-8px!important;right:17px!important;width:17px!important;height:17px!important;background:#fff!important;transform:rotate(45deg)!important;border:0!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>button{position:relative!important;min-height:58px!important;padding:14px 20px!important;gap:15px!important;font-size:16px!important;line-height:22px!important;cursor:default!important;opacity:1!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>button:first-child{border-radius:16px 16px 0 0!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>button:last-child{border-bottom:0!important;border-radius:0 0 16px 16px!important;font-weight:600!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel]>.is-danger:not(:last-child)>span{color:#213c39!important}
.tim-makeup-app.tm-group-detail [data-chat-options-panel] .tm-group-menu-chevron{margin-left:auto;display:grid;place-items:center}
.tim-makeup-app.tm-group-detail [data-chat-options-panel] .tm-group-menu-chevron svg{width:14px;height:14px;color:#84958e}
@media(max-height:540px){.tim-makeup-app.tm-group-detail [data-chat-options-panel]{overflow-y:auto!important}.tim-makeup-app.tm-group-detail [data-chat-options-panel]>button{min-height:44px!important;padding-block:9px!important}}

.tim-makeup-app.tm-group-detail [data-chat-options-panel]>a:first-child{position:relative!important;border-radius:16px 16px 0 0!important}
/* Notification settings preview: no copied conversation shell or composer. */
.tim-makeup-app.tm-chat-page.tm-chat-detail-page.tm-group-notifications-page .tm-screen{overflow:clip!important}
.tim-makeup-app .tm-notify-page{position:absolute!important;inset:0!important;overflow:clip!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;background:#f6f8f7!important;color:#233e38!important;font-family:inherit}
.tim-makeup-app .tm-notify-head{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;gap:8px!important;flex:none!important;min-height:64px!important;padding:8px 18px!important;padding-top:max(8px,env(safe-area-inset-top))!important;background:#fff!important;border-bottom:1px solid #e8eeeb!important;box-sizing:border-box!important}
.tim-makeup-app .tm-notify-head h1{font-size:20px!important;line-height:26px!important;font-weight:650!important;margin:0!important;text-align:center!important;letter-spacing:-.3px!important;color:#233e38!important}
.tim-makeup-app .tm-notify-head a{display:grid!important;place-items:center!important;width:40px!important;height:44px!important;padding:8px!important;box-sizing:border-box!important;color:#28524a!important}
.tim-makeup-app .tm-notify-page svg{width:24px!important;height:24px!important;flex-shrink:0!important}
.tim-makeup-app .tm-notify-body{position:relative!important;flex:1!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:20px 18px max(24px,env(safe-area-inset-bottom))!important}
.tim-makeup-app .tm-notify-identity{display:flex!important;align-items:center!important;gap:12px!important;margin:0 2px 30px!important;min-height:54px!important}
.tim-makeup-app .tm-notify-identity>img{width:46px!important;height:46px!important;min-width:46px!important;object-fit:contain!important;border-radius:50%!important;background:#fff!important}
.tim-makeup-app .tm-notify-identity>div{min-width:0!important}
.tim-makeup-app .tm-notify-identity strong{display:block!important;font-size:17px!important;line-height:24px!important;font-weight:650!important;overflow-wrap:anywhere!important}
.tim-makeup-app .tm-notify-identity [data-notify-count]{display:block!important;font-size:13px!important;line-height:20px!important;color:#86978f!important;margin-top:3px!important}
.tim-makeup-app .tm-notify-body>h2{font-size:11px!important;line-height:16px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;font-weight:600!important;color:#8b9a93!important;margin:0 4px 12px!important}
.tim-makeup-app .tm-notify-body>.tm-notify-card+h2{margin-top:24px!important}
.tim-makeup-app .tm-notify-card{overflow:hidden!important;background:#fff!important;border-radius:18px!important;border:0!important;margin:0!important;padding:0!important;box-shadow:none!important}
.tim-makeup-app .tm-notify-card>button{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:82px!important;margin:0!important;padding:16px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#7c958a!important;box-sizing:border-box!important;box-shadow:none!important;text-align:left!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent;transition:background-color 150ms ease}
.tim-makeup-app .tm-notify-card>button+button::before{content:"";position:absolute;top:0;left:50px;right:16px;height:1px;background:#eaf0ec}
.tim-makeup-app .tm-notify-card>[role="radio"][aria-checked="true"]{background:#eaf6ef!important;color:#008274!important}
.tim-makeup-app .tm-notify-card>[role="radio"][aria-checked="true"]::before,
.tim-makeup-app .tm-notify-card>[role="radio"][aria-checked="true"]+button::before{opacity:0}
.tim-makeup-app .tm-notify-copy{flex:1!important;min-width:0!important;color:#263e37!important;line-height:22px!important}
.tim-makeup-app .tm-notify-copy strong{display:block!important;color:inherit!important;font-size:15px!important;line-height:22px!important;font-weight:600!important}
.tim-makeup-app .tm-notify-copy small{display:block!important;margin-top:4px!important;color:#86978e!important;font-size:12px!important;line-height:18px!important;font-weight:400!important}
.tim-makeup-app .tm-notify-radio{display:grid!important;place-items:center!important;flex:none!important;width:20px!important;height:20px!important;box-sizing:border-box!important;border:1px solid #c9d4ce!important;border-radius:50%!important;background:#fff!important}
.tim-makeup-app .tm-notify-radio>svg{width:14px!important;height:14px!important;color:#fff!important;opacity:0}
.tim-makeup-app [aria-checked="true"]>.tm-notify-radio{background:#008274!important;border-color:#008274!important}
.tim-makeup-app [aria-checked="true"]>.tm-notify-radio>svg{opacity:1}
.tim-makeup-app .tm-notify-switches>button{min-height:65px!important}
.tim-makeup-app .tm-notify-switch{position:relative!important;display:block!important;flex:none!important;width:40px!important;height:24px!important;border-radius:20px!important;background:#dfe7e2!important;transition:background-color 150ms ease}
.tim-makeup-app .tm-notify-switch::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #193f3020;transition:transform 150ms ease}
.tim-makeup-app [aria-checked="true"]>.tm-notify-switch{background:#008274!important}
.tim-makeup-app [aria-checked="true"]>.tm-notify-switch::after{transform:translateX(16px)}
.tim-makeup-app .tm-notify-card>button:disabled{opacity:.42!important;cursor:default!important}
.tim-makeup-app .tm-notify-card>button:focus-visible,.tim-makeup-app .tm-notify-head a:focus-visible{outline:2px solid #008274!important;outline-offset:-3px!important}
.tim-makeup-app .tm-notify-note{display:flex!important;gap:9px!important;align-items:flex-start!important;margin:18px 7px 0!important;color:#8a9b92!important;font-size:12px!important;line-height:19px!important}
.tim-makeup-app .tm-notify-note>svg{width:15px!important;height:15px!important;margin-top:2px!important}
.tim-makeup-app .tm-notify-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.tim-makeup-app .tm-notify-retry{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#008274!important;font:inherit!important;text-decoration:underline!important}
@media(prefers-reduced-motion:reduce){.tim-makeup-app .tm-notify-card>button,.tim-makeup-app .tm-notify-switch,.tim-makeup-app .tm-notify-switch::after{transition:none!important}}
.tim-makeup-app .tm-group-info-page .tm-notify-identity{display:flex!important;flex-direction:column!important;text-align:center!important;gap:12px!important;margin:0 0 22px!important}
.tim-makeup-app .tm-group-info-page .tm-notify-identity img{width:80px!important;height:80px!important;object-fit:contain!important;border-radius:50%!important;background:#fff!important;padding:6px!important}
.tim-makeup-app .tm-group-info-page .tm-notify-identity strong{font-size:21px!important;line-height:1.35!important}
.tim-makeup-app .tm-group-info-page .tm-notify-identity small{display:block!important;color:#80918c!important;font-size:13px!important;margin-top:5px!important}
.tim-makeup-app .tm-group-info-cards{display:grid!important;gap:10px!important;margin-bottom:24px!important}
.tim-makeup-app .tm-group-info-card{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;box-sizing:border-box!important;padding:17px 16px!important;background:#fff!important;border:0!important;border-radius:16px!important;color:#263d3a!important;text-align:left!important;text-decoration:none!important;box-shadow:none!important;font:inherit!important}
.tim-makeup-app .tm-group-info-card>svg{width:24px!important;height:24px!important;flex:0 0 24px!important;color:#008274!important}
.tim-makeup-app .tm-group-info-card>span{flex:1!important;min-width:0!important}
.tim-makeup-app .tm-group-info-card strong{display:block!important;font-size:15px!important;line-height:1.4!important;font-weight:650!important}
.tim-makeup-app .tm-group-info-card small{display:block!important;margin-top:5px!important;font-size:12px!important;line-height:1.55!important;color:#7c8c87!important;overflow-wrap:anywhere!important}
.tim-makeup-app .tm-group-info-card:focus-visible{outline:2px solid #008274!important;outline-offset:3px!important}
.tim-makeup-app [data-info-copy-status]{margin:0!important;font-size:12px!important;color:#526a62!important;line-height:1.5!important}
.tim-makeup-app [data-info-copy-status]:empty{display:none!important}
.tim-makeup-app .tm-group-avatar-edit{position:relative!important;display:inline-flex!important;flex:none!important}
.tim-makeup-app .tm-group-info-page .tm-notify-identity .tm-group-avatar-edit img{width:96px!important;height:96px!important}
.tim-makeup-app [data-group-camera]{position:absolute!important;right:-2px!important;bottom:0!important;width:36px!important;height:36px!important;border:3px solid #fff!important;border-radius:50%!important;background:#008274!important;color:white!important;display:grid!important;place-items:center!important;padding:6px!important;cursor:pointer}
.tim-makeup-app [data-group-camera] svg{width:19px!important;height:19px!important}
.tim-makeup-app .tm-group-title-edit{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.tim-makeup-app [data-group-edit]{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 11px!important;border:0!important;border-radius:22px!important;background:#e4f3ed!important;color:#007e69!important;font-size:13px!important;font-weight:600!important;cursor:pointer}
.tim-makeup-app [data-group-edit] svg{width:16px!important;height:16px!important}
.tim-makeup-app [data-group-camera][hidden],.tim-makeup-app [data-group-edit][hidden]{display:none!important}
.tim-makeup-app .tm-group-edit-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:calc(100% - 32px)!important;max-width:440px!important;max-height:calc(100dvh - 32px)!important;box-sizing:border-box!important;border:0!important;border-radius:22px!important;padding:24px!important;background:#fff!important;color:#243d36!important;overflow:auto!important;box-shadow:0 12px 50px #12352b33!important}
.tim-makeup-app .tm-group-edit-dialog::backdrop{background:#18392f66}
.tim-makeup-app .tm-group-edit-dialog form{display:grid!important;gap:14px!important;margin:0!important}
.tim-makeup-app .tm-group-edit-dialog h2{font-size:20px!important;line-height:1.4!important;margin:0!important}
.tim-makeup-app .tm-group-edit-dialog label{display:grid!important;gap:7px!important;font-size:14px!important;font-weight:600!important}
.tim-makeup-app .tm-group-edit-dialog input:not([type=file]),.tim-makeup-app .tm-group-edit-dialog textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #d7e3df!important;border-radius:12px!important;padding:12px!important;font:inherit!important;font-size:16px!important;color:#243d36!important;background:#f8faf9!important;resize:vertical!important}
.tim-makeup-app .tm-group-edit-photo{display:flex!important;align-items:center!important;gap:14px!important}
.tim-makeup-app .tm-group-edit-photo img{width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover!important}
.tim-makeup-app .tm-group-edit-dialog button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:0!important;border-radius:12px!important;background:#e7f3ed!important;color:#087963!important;font:inherit!important;padding:10px 14px!important;min-height:44px!important;cursor:pointer}
.tim-makeup-app .tm-group-edit-dialog svg{width:20px!important;height:20px!important}
.tim-makeup-app .tm-group-edit-dialog small{font-size:12px!important;color:#74877f!important}
.tim-makeup-app .tm-group-edit-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important}
.tim-makeup-app .tm-group-edit-actions button[type=submit]{background:#008274!important;color:#fff!important}
.tim-makeup-app .tm-group-edit-dialog [data-edit-status]{font-size:13px!important;line-height:1.5!important;margin:0!important;color:#795325!important}
.tim-makeup-app .tm-group-edit-dialog :disabled{opacity:.6!important;cursor:wait!important}
.tim-makeup-app .tm-group-edit-dialog :focus-visible{outline:2px solid #008274!important;outline-offset:2px!important}
.tim-makeup-app [data-group-camera]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;box-sizing:border-box!important}
.tim-makeup-app .tm-group-media-page{background:#fff!important}
.tim-makeup-app .tm-media-group-name{margin:20px 16px!important;text-align:center!important;font-size:15px!important;color:#86998f!important}
.tim-makeup-app .tm-media-tabs{display:flex!important;margin:0 18px!important;border-bottom:1px solid #e5ece8!important;flex:none!important}
.tim-makeup-app .tm-media-tabs button{position:relative!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:54px!important;padding:10px 0!important;background:none!important;border:0!important;font-size:16px!important;color:#8b9b92!important}
.tim-makeup-app .tm-media-tabs button[aria-selected=true]{color:#008274!important;font-weight:650!important}
.tim-makeup-app .tm-media-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:3px;border-radius:3px;background:#008274}
.tim-makeup-app .tm-media-body{position:relative!important;min-height:0!important;flex:1!important;overflow:auto!important;overscroll-behavior:contain;padding:20px 18px max(24px,env(safe-area-inset-bottom))!important}
.tim-makeup-app .tm-media-month{margin:0 0 26px!important}
.tim-makeup-app .tm-media-month h2{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:16px!important;line-height:1.4!important;font-weight:600!important;margin:0 0 12px!important}
.tim-makeup-app .tm-media-month h2 small{font-size:11px!important;color:#899b91!important;font-weight:400!important}
.tim-makeup-app .tm-media-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
.tim-makeup-app .tm-media-grid button{position:relative!important;aspect-ratio:1!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:9px!important;background:#eaf2ee!important;color:#007d69!important}
.tim-makeup-app .tm-media-grid img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.tim-makeup-app .tm-media-grid img[hidden]{display:none!important}
.tim-makeup-app .tm-media-video-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:100%!important}
.tim-makeup-app .tm-media-video-tile small,.tim-makeup-app .tm-media-failed{font-size:11px!important;line-height:1.4!important}
.tim-makeup-app .tm-media-file{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 0!important;border-bottom:1px solid #e8efeb!important;color:#244138!important;text-decoration:none!important}
.tim-makeup-app .tm-media-file span{flex:1!important;min-width:0!important;overflow-wrap:anywhere!important;font-size:14px!important}
.tim-makeup-app .tm-media-file small{display:block!important;color:#899b91!important;font-size:11px!important;margin-top:5px!important}
.tim-makeup-app .tm-media-footnote{text-align:center!important;font-size:12px!important;color:#91a399!important;margin:24px 0 0!important}
.tim-makeup-app [data-media-status]{text-align:center!important;font-size:14px!important;color:#6f8479!important;margin:12px 0!important}
.tim-makeup-app .tm-media-more{display:block!important;margin:16px auto!important;border:0!important;border-radius:20px!important;padding:10px 20px!important;background:#e7f4ee!important;color:#008274!important}
.tim-makeup-app .tm-media-more[hidden]{display:none!important}
.tim-makeup-app .tm-media-viewer{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;padding:60px 12px 20px!important;box-sizing:border-box!important;margin:0!important;border:0!important;background:#10211ef5!important;color:#fff!important}
.tim-makeup-app .tm-media-viewer img,.tim-makeup-app .tm-media-viewer video{width:100%!important;height:calc(100% - 40px)!important;object-fit:contain!important}
.tim-makeup-app .tm-media-viewer>button{position:absolute!important;right:16px!important;top:12px!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#ffffff22!important;color:#fff!important;font-size:30px!important}
.tim-makeup-app .tm-media-viewer p{font-size:14px!important;text-align:center!important;color:#fff!important}

/* One quiet canvas and white text bubbles for both direct and group conversations. */
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-messages{background:color-mix(in srgb,var(--tm-color-primary,#008274) 5%,white)!important;background-image:none!important}
.tim-makeup-app.tm-chat-detail-page.tm-inbox-reference .tm-message[data-chat-bubble]>.tm-message-content:not(:has(.tm-order-card,.tm-chat-image,.tm-chat-video)){background:#fff!important;color:#213c39!important}

.tm-order-confirm-backdrop{position:fixed;inset:0;z-index:2147483640;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(15,38,34,.4);box-sizing:border-box}
.tm-order-confirm-sheet{width:min(100%,430px);padding:11px 20px max(20px,env(safe-area-inset-bottom));border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(11,46,40,.2);color:#1b3a33;box-sizing:border-box}
.tm-order-confirm-handle{display:block;width:36px;height:4px;margin:0 auto 19px;border-radius:9px;background:#dce8e3}
.tm-order-confirm-sheet h2{margin:0 0 8px;font-size:19px;line-height:1.3;font-weight:700}
.tm-order-confirm-sheet p{margin:0 0 22px;color:#657a71;font-size:14px;line-height:1.5}
.tm-order-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tm-order-confirm-actions button{min-height:45px;padding:10px 12px;border:0;border-radius:12px;background:#eef6f2;color:#207d6b;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}
.tm-order-confirm-actions [data-order-confirm]{background:#fbedf0;color:#b94b60}
.tm-order-stop-error{margin:8px 2px 0;color:#b4233b;font-size:12px;line-height:1.4}
@media(min-width:700px){.tm-order-confirm-backdrop{align-items:center}}