.cm-customer-inbox,.cm-business-panel{font-family:'DM Sans',system-ui,sans-serif}.cm-empty{padding:20px;border-radius:14px;background:#f5f8fa;color:#758894;font-size:13px;text-align:center}.cm-inbox-head,.cm-business-title,.cm-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cm-inbox-head{padding:2px 2px 12px}.cm-inbox-head span{padding:5px 9px;border-radius:99px;background:#e5f3ef;color:#16806d;font-size:11px;font-weight:800}.cm-thread-list,.cm-customer-list{display:grid;gap:8px}.cm-thread-list button,.cm-customer-list button{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid #e1e8e9;border-radius:14px;background:#fff;color:#193b4d;text-align:left;box-shadow:none}.cm-thread-list button>span:nth-child(2),.cm-customer-list button>span{min-width:0;flex:1}.cm-thread-list b,.cm-customer-list b{display:block;font-size:13px}.cm-thread-list small,.cm-customer-list small{display:block;margin-top:4px;color:#819098;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-thread-list i,.cm-customer-list i{font-style:normal;color:#729086}.cm-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#e6f2ef;color:#197b68;font-weight:800;text-transform:uppercase}.cm-chat-head{padding-bottom:14px;border-bottom:1px solid #e5ebec}.cm-chat-head button{width:38px;height:38px;padding:0;border:1px solid #dde7e8;border-radius:12px;background:#fff;color:#234858}.cm-chat-head div{flex:1}.cm-chat-head b,.cm-chat-head small{display:block}.cm-chat-head small{margin-top:3px;color:#839198;font-size:10px}.cm-history{display:flex;flex-direction:column;gap:9px;min-height:160px;max-height:360px;overflow:auto;padding:16px 3px}.cm-bubble{max-width:84%;padding:11px 13px;border-radius:16px;background:#f0f4f5;color:#294957}.cm-bubble.mine{align-self:flex-end;border-bottom-right-radius:5px;background:#173f50;color:#fff}.cm-bubble.theirs{align-self:flex-start;border-bottom-left-radius:5px}.cm-bubble p{margin:0;font-size:13px;line-height:1.55;white-space:pre-wrap}.cm-bubble time{display:block;margin-top:5px;font-size:9px;opacity:.65}.cm-ad{display:inline-block;margin-bottom:7px;padding:3px 6px;border-radius:5px;background:#ffe8e2;color:#af4e40;font-size:8px;font-weight:900;letter-spacing:1px}.cm-bubble.mine .cm-ad{background:#fff1;color:#fff}.cm-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:12px;border-top:1px solid #e5ebec}.cm-compose textarea{min-height:52px!important;margin:0!important;padding:12px!important;border:1px solid #dce5e6!important;border-radius:12px!important;background:#fff!important;font:400 16px/1.4 'DM Sans',sans-serif!important;resize:vertical}.cm-compose>button{align-self:stretch;padding:0 16px;border:0;border-radius:12px;background:#173f50;color:#fff;font-weight:700}.cm-business-title{align-items:flex-start;margin-bottom:22px}.cm-business-title h3{margin:4px 0 7px!important}.cm-business-title p{margin:0;color:#70838c;font-size:13px;line-height:1.5}.cm-business-title>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e5f3ef;color:#16806d;font-size:20px}.cm-search{display:flex;align-items:center;gap:9px;padding:0 13px;margin-bottom:22px;border:1px solid #dfe7e8;border-radius:13px;background:#fff}.cm-search input{width:100%;height:48px;border:0!important;outline:0;background:transparent!important;font-size:16px!important}.cm-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cm-business-grid section{min-width:0}.cm-business-grid h4{margin:0 0 10px;color:#566f78;font-size:11px;text-transform:uppercase;letter-spacing:1px}.cm-business-compose{grid-template-columns:1fr auto}.cm-business-compose label,.cm-consent{grid-column:1/-1;color:#536d75;font-size:11px}.cm-business-compose label{display:flex;align-items:center;gap:8px}.cm-business-compose label input{width:18px;height:18px}.cm-consent{color:#88969b}.cm-business-compose>button{grid-column:1/-1;min-height:48px}@media(max-width:650px){.cm-business-grid{grid-template-columns:1fr}.cm-compose{grid-template-columns:1fr}.cm-compose>button{min-height:46px}.cm-business-compose{grid-template-columns:1fr}.cm-history{max-height:320px}}

/* Customer messages are a full page, not a bottom sheet. */
#bookluitProfileCardSheet.is-messages-page{position:fixed!important;inset:0!important;z-index:100200!important;display:block!important;padding:0!important;background:#f6f8f9!important;backdrop-filter:none!important;overflow:auto!important}
#bookluitProfileCardSheet.is-messages-page .profile-card-sheet{width:100%!important;max-width:none!important;max-height:none!important;min-height:100dvh!important;padding:0 18px 110px!important;border:0!important;border-radius:0!important;background:#f6f8f9!important;box-shadow:none!important;overflow:visible!important}
#bookluitProfileCardSheet.is-messages-page .profile-card-sheet-head{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;width:auto!important;margin:0 -18px 24px!important;padding:calc(14px + env(safe-area-inset-top)) 18px 14px!important;border-bottom:1px solid #e5ebed!important;background:#fffc!important;backdrop-filter:blur(18px)!important}
#bookluitProfileCardSheet.is-messages-page .profile-card-sheet-head h2{text-align:center!important;font-size:19px!important;letter-spacing:-.02em!important}
#bookluitProfileCardSheet.is-messages-page .profile-card-sheet-close{width:40px!important;height:40px!important;border:1px solid #dce5e7!important;border-radius:13px!important;font-size:20px!important}
#bookluitProfileCardSheet.is-messages-page .profile-card-sheet-spacer{width:40px}
#bookluitProfileCardSheet.is-messages-page .profile-card-sheet-content{width:min(100%,720px)!important;margin:0 auto!important;display:block!important}
#bookluitProfileCardSheet.is-messages-page .profile-settings-card{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#bookluitProfileCardSheet.is-messages-page .profile-settings-head{margin:0 0 24px!important;padding:0 3px!important}
#bookluitProfileCardSheet.is-messages-page .profile-settings-head h2{font-size:29px!important;letter-spacing:-.04em!important}
#bookluitProfileCardSheet.is-messages-page .profile-settings-head p{max-width:430px;font-size:13px!important;line-height:1.55!important}
#bookluitProfileCardSheet.is-messages-page .profile-settings-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:16px!important}
#bookluitProfileCardSheet.is-messages-page .cm-customer-inbox{padding:18px!important;border:1px solid #e0e7e8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px #17394b0b!important}
#bookluitProfileCardSheet.is-messages-page .cm-inbox-head{padding:0 2px 16px!important}
#bookluitProfileCardSheet.is-messages-page .cm-thread-list{gap:10px}
#bookluitProfileCardSheet.is-messages-page .cm-thread-list button{min-height:72px;padding:13px!important;border-radius:16px!important;background:#fbfcfc!important}
#bookluitProfileCardSheet.is-messages-page .cm-avatar{width:44px;height:44px;border-radius:14px}
#bookluitProfileCardSheet.is-messages-page .cm-thread-list b{font-size:15px}
#bookluitProfileCardSheet.is-messages-page .cm-thread-list small{font-size:11px}
#bookluitProfileCardSheet.is-messages-page .cm-history{min-height:calc(100dvh - 390px);max-height:none}
@media(max-width:650px){#bookluitProfileCardSheet.is-messages-page .profile-settings-head{align-items:center}#bookluitProfileCardSheet.is-messages-page .profile-settings-head h2{font-size:25px!important}#bookluitProfileCardSheet.is-messages-page .profile-settings-icon{display:none!important}#bookluitProfileCardSheet.is-messages-page .cm-customer-inbox{padding:12px!important;border-radius:18px!important}}