.nh-messenger{min-height:calc(100dvh - var(--nh-topbar-h) - 32px);background:var(--nh-surface);border-radius:var(--nh-radius-lg);box-shadow:var(--nh-shadow-lg);grid-template-columns:360px minmax(0,1fr);gap:0;display:grid;overflow:hidden}.nh-messenger--wa{border:1px solid color-mix(in srgb, var(--nh-chat) 18%, var(--nh-border))}.nh-messenger--wa .nh-messenger__list{background:#fff}.nh-messenger--wa .nh-messenger__head{background:var(--nh-chat);color:#fff;padding:14px 16px}.nh-messenger--wa .nh-messenger__head h1{color:#fff;letter-spacing:.01em;font-size:18px;font-weight:700}.nh-messenger__new-btn{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.nh-messenger__new-btn svg{width:20px;height:20px}.nh-messenger__new-btn:hover{background:#ffffff38}.nh-messenger__search{margin-top:10px;position:relative}.nh-messenger__user-results{z-index:20;background:#fff;border:1px solid #eef0f4;border-radius:10px;max-height:280px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #1018281a}.nh-messenger__user-hit{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:10px 14px;text-decoration:none;display:block}.nh-messenger__user-hit span{color:#9ca3af;font-size:12px}.nh-messenger__user-empty{color:#9ca3af;padding:12px 14px}.nh-messenger__empty-inbox{text-align:center;color:#6b7280;padding:30px 16px}.nh-messenger__empty-inbox-icon{font-size:28px}.nh-messenger__empty-inbox p{margin:6px 0 0}.nh-messenger--wa .nh-inbox-item.is-unread{background:color-mix(in srgb, var(--nh-chat) 8%, #fff)}.nh-messenger--wa .nh-inbox-item.is-active{background:color-mix(in srgb, var(--nh-chat) 12%, #fff);box-shadow:inset 3px 0 0 var(--nh-chat)}.nh-messenger--wa .nh-inbox-item__avatar{background:var(--nh-chat-soft);color:var(--nh-chat-deep);border-radius:999px}.nh-messenger--wa .nh-inbox-item__badge{color:#fff;background:#25d366}.nh-messenger--wa .nh-inbox-item__biz-tag{color:var(--nh-chat-deep);background:var(--nh-chat-soft)}.nh-messenger--wa .nh-inbox-item__time{color:var(--nh-chat);font-weight:600}.nh-messenger--wa .nh-messenger__chat--open{background-color:var(--nh-chat-wallpaper);background-image:var(--nh-wa-doodle);background-repeat:repeat;flex-direction:column;align-items:stretch;min-height:0;display:flex}.nh-chat__head{background:var(--nh-chat);color:#fff;border-bottom:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.nh-chat__head .nh-inbox-item__avatar{color:#fff;background:#ffffff2e}.nh-chat__head-meta{min-width:0}.nh-chat__head-meta strong{color:#fff;font-size:15px;font-weight:700;display:block}.nh-chat__head-meta span{color:#ffffffd1;font-size:12px;display:block}.nh-chat__body{scrollbar-width:thin;scrollbar-color:#00000042 transparent;background:linear-gradient(#efeae2eb,#efeae2eb),repeating-linear-gradient(-18deg,#0000,#0000 11px,#00000004 11px 12px);flex-direction:column;flex:1;gap:4px;padding:16px 18px;display:flex;overflow-y:auto}.nh-chat__body::-webkit-scrollbar{width:6px}.nh-chat__body::-webkit-scrollbar-track{background:0 0}.nh-chat__body::-webkit-scrollbar-thumb{background:#00000038;border-radius:999px}.nh-chat__body:hover::-webkit-scrollbar-thumb{background:#00000061}.nh-msg{border-radius:8px;max-width:72%;padding:6px 9px 4px;font-size:14px;line-height:1.35;position:relative;box-shadow:0 1px .5px #00000021}.nh-msg--mine{background:var(--nh-chat-bubble-out);color:#111b21;border-top-right-radius:2px;align-self:flex-end}.nh-msg--theirs{color:#111b21;background:#fff;border-top-left-radius:2px;align-self:flex-start}.nh-msg__text{white-space:pre-wrap;word-break:break-word;display:block}.nh-msg__time{opacity:.65;text-align:right;margin-top:2px;font-size:10px;display:block}.nh-chat__composer{background:#f0f2f5;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.nh-chat__input{background:#fff;border:0;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-size:14px}.nh-chat__send{background:var(--nh-chat-accent,#570ebd);color:#fff;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.nh-chat__send svg{width:20px;height:20px;margin-left:2px}.nh-chat__send:hover{background:var(--nh-chat-hover,#4609a0)}.nh-messenger--wa .nh-inbox-item__badge{background:var(--nh-chat-accent,#570ebd)}.nh-messenger--wa .nh-messenger__empty-icon{color:var(--nh-chat-accent,#570ebd);filter:none;font-size:64px;line-height:1}.nh-messenger__list{border-right:1px solid var(--nh-border);flex-direction:column;min-height:0;display:flex}.nh-messenger__head{justify-content:space-between;align-items:center;padding:16px;display:flex}.nh-messenger__head h1{margin:0;font-size:22px;font-weight:800}.nh-messenger__list .nh-tabs{padding:0 12px}.nh-messenger__list .nh-tabs__list{box-shadow:none;padding:0}.nh-search-bar{background:var(--nh-bg);border-radius:999px;align-items:center;gap:8px;margin:8px 12px 12px;padding:10px 12px;display:flex}.nh-search-bar svg{width:18px;height:18px;color:var(--nh-muted)}.nh-search-bar input{font:inherit;background:0 0;border:none;outline:none;flex:1}.nh-inbox-list{flex:1;overflow-y:auto}.nh-inbox-item{color:inherit;align-items:flex-start;gap:10px;padding:12px 16px;text-decoration:none;display:flex}.nh-inbox-item:hover{background:var(--nh-bg)}.nh-inbox-item.is-unread{background:var(--nh-primary-soft)}.nh-inbox-item__avatar{border-radius:var(--nh-avatar-radius);background:var(--nh-primary-soft);width:48px;height:48px;color:var(--nh-primary);flex-shrink:0;place-items:center;font-weight:700;display:grid}.nh-inbox-item__body{flex:1;min-width:0}.nh-inbox-item__top{justify-content:space-between;gap:8px;margin-bottom:2px;display:flex}.nh-inbox-item__name{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.nh-inbox-item__biz-tag{letter-spacing:.04em;text-transform:uppercase;color:#5b21b6;background:#ede3fc;border-radius:999px;align-items:center;padding:1px 6px;font-size:10px;font-weight:800;display:inline-flex}.nh-inbox-item__subtitle{color:var(--nh-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:11px;font-weight:600;overflow:hidden}.nh-inbox-item__time{color:var(--nh-muted);font-size:12px}.nh-inbox-item__preview{color:var(--nh-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.nh-inbox-item__preview.is-typing{color:var(--nh-primary);font-style:italic}.nh-inbox-item__badge{background:var(--nh-primary);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.nh-inbox-item.is-active{background:color-mix(in srgb, var(--nh-primary) 10%, var(--nh-bg));box-shadow:inset 3px 0 0 var(--nh-primary)}.nh-inbox-item__avatar-wrap{flex-shrink:0;position:relative}.nh-inbox-item__glyph{background:var(--nh-surface);border:1px solid var(--nh-border);border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;line-height:1;display:grid;position:absolute;bottom:-2px;right:-2px}.nh-inbox-item__dot{background:var(--nh-primary);border-radius:999px;flex-shrink:0;width:10px;height:10px;margin-top:18px}.nh-messenger__chat{min-height:400px;box-shadow:none;border-radius:0;place-items:center;display:grid}.nh-messenger__chat.nh-notif-detail{justify-content:stretch;align-items:stretch;place-items:unset;flex-direction:column;display:flex}.nh-notif-detail__panel{flex-direction:column;height:100%;min-height:0;display:flex}.nh-notif-detail__head{border-bottom:1px solid var(--nh-border);align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.nh-notif-detail__avatar-wrap{flex-shrink:0;position:relative}.nh-notif-detail__avatar{border-radius:var(--nh-avatar-radius);background:var(--nh-primary-soft);width:56px;height:56px;color:var(--nh-primary);place-items:center;font-size:18px;font-weight:700;text-decoration:none;display:grid}.nh-notif-detail__avatar--link{transition:transform .15s,box-shadow .15s}.nh-notif-detail__avatar--link:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--nh-primary) 18%, transparent);transform:scale(1.04)}.nh-notif-detail__glyph{background:var(--nh-surface);border:1px solid var(--nh-border);border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;bottom:-2px;right:-2px}.nh-notif-detail__head-copy{min-width:0}.nh-notif-detail__bucket{background:color-mix(in srgb, var(--nh-primary) 10%, var(--nh-bg));color:var(--nh-primary);border-radius:999px;align-items:center;margin-bottom:6px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.nh-notif-detail__head-copy h2{color:var(--nh-text);margin:0 0 4px;font-size:20px;font-weight:800;line-height:1.25}.nh-notif-detail__head-copy time{color:var(--nh-muted);font-size:13px}.nh-notif-detail__body{flex:auto;padding:22px;overflow-y:auto}.nh-notif-detail__message{color:var(--nh-text);margin:0 0 8px;font-size:16px;line-height:1.55}.nh-notif-detail__profile-link{color:var(--nh-text);font-weight:700;text-decoration:none}.nh-notif-detail__profile-link:hover{color:inherit;text-decoration:underline}.nh-notif-detail__handle{color:var(--nh-primary);margin-bottom:18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.nh-notif-detail__handle:hover{text-decoration:underline}.nh-notif-detail__actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.nh-notif-detail__resolved{background:color-mix(in srgb, var(--nh-text) 6%, var(--nh-bg));color:var(--nh-muted);border-radius:10px;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.nh-notif-center__mark-read{background:var(--nh-bg);width:36px;height:36px;color:var(--nh-muted);cursor:pointer;border:none;border-radius:999px;place-items:center;transition:background .15s,color .15s;display:grid}.nh-notif-center__mark-read svg{width:18px;height:18px}.nh-notif-center__mark-read:hover{background:color-mix(in srgb, var(--nh-primary) 10%, var(--nh-bg));color:var(--nh-primary)}.nh-notif-center__list-empty{text-align:center;color:var(--nh-muted);padding:36px 18px}.nh-notif-center__list-empty-icon{margin-bottom:8px;font-size:28px}.nh-notif-center__list-empty p{margin:0;font-size:13px;line-height:1.5}.nh-messenger__empty{text-align:center;color:var(--nh-muted);padding:32px}.nh-messenger__empty-icon{margin-bottom:12px;font-size:48px}.nh-messenger__empty h2{color:var(--nh-text);margin:0 0 8px;font-size:20px}html.dark-mode body.nh-body[data-nh-section=chat],html.dark-mode body.nh-body[data-nh-section=pesan],body.nh-body.dark-mode[data-nh-section=chat],body.nh-body.dark-mode[data-nh-section=pesan]{--nh-chat-deep:#c4a8f5;--nh-chat-soft:#2a1a4a;--nh-chat-bubble-out:#3b2066;--nh-chat-bubble-in:#202c33;--nh-chat-wallpaper:#0b141a;--wa-panel:#111b21;--wa-panel-muted:#202c33;--wa-border:#2a3942;--wa-text:#e9edef;--wa-muted:#8696a0;--wa-rail:#202c33;--wa-rail-icon:#aebac1;--wa-rail-hover:#2a3942;--wa-rail-active:#3b4a54;--wa-avatar:#2a3942;--wa-hover:#182229;--wa-pill:#2a3942}html.dark-mode .nh-messenger--wa .nh-msg-day__pill,body.nh-body.dark-mode .nh-messenger--wa .nh-msg-day__pill{color:#8696a0;background:#182229;border-color:#ffffff0f;box-shadow:0 1px .5px #0003}.nh-messenger--wa .nh-msg-unread{box-sizing:border-box;background:#d1d7db8c;border:0;justify-content:center;align-items:center;width:calc(100% + 28px);margin:8px -14px;padding:10px 14px;display:flex}.nh-messenger--wa .nh-msg-unread__pill{color:#54656f;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-size:12.5px;font-weight:500;line-height:1.2;display:inline-flex;box-shadow:0 1px 1px #0b141a14}html.dark-mode .nh-messenger--wa .nh-msg-unread,body.nh-body.dark-mode .nh-messenger--wa .nh-msg-unread{background:#182229b8}html.dark-mode .nh-messenger--wa .nh-msg-unread__pill,body.nh-body.dark-mode .nh-messenger--wa .nh-msg-unread__pill{color:#8696a0;background:#182229;box-shadow:0 1px 1px #00000040}html.dark-mode body.nh-body[data-nh-section=chat] .nh-messenger--wa,html.dark-mode body.nh-body[data-nh-section=pesan] .nh-messenger--wa,body.nh-body.dark-mode[data-nh-section=chat] .nh-messenger--wa,body.nh-body.dark-mode[data-nh-section=pesan] .nh-messenger--wa{--nh-wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='0.045' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='30' r='8'/%3E%3Cpath d='M56 22h22a5 5 0 0 1 5 5v12a5 5 0 0 1-5 5h-10l-7 7v-7h-5a5 5 0 0 1-5-5V27a5 5 0 0 1 5-5z'/%3E%3Cpath d='M118 36l7 7 7-7'/%3E%3Ccircle cx='128' cy='104' r='8'/%3E%3Cpath d='M20 112q12-16 24 0'/%3E%3Cpath d='M72 124h24M72 130h14'/%3E%3Cpath d='M42 70l10 10M52 70l-10 10'/%3E%3Cpath d='M100 74h28'/%3E%3C/g%3E%3C/svg%3E")}html.dark-mode .nh-messenger--wa .nh-wa-search__field input,html.dark-mode .nh-messenger--wa .nh-wa-search__field input[type=search],html.dark-mode .nh-messenger--wa .nh-chat__input,html.dark-mode .nh-messenger--wa .nh-wa-compose__input,body.nh-body.dark-mode .nh-messenger--wa .nh-wa-search__field input,body.nh-body.dark-mode .nh-messenger--wa .nh-wa-search__field input[type=search],body.nh-body.dark-mode .nh-messenger--wa .nh-chat__input,body.nh-body.dark-mode .nh-messenger--wa .nh-wa-compose__input{color:var(--wa-text)!important;background:0 0!important;border-color:#0000!important}html.dark-mode .nh-messenger--wa .nh-msg__og,body.nh-body.dark-mode .nh-messenger--wa .nh-msg__og{background:color-mix(in srgb, var(--nh-chat-bubble-in) 88%, #fff);border-color:var(--wa-border)}html.dark-mode .nh-chat-media-viewer,body.nh-body.dark-mode .nh-chat-media-viewer{color:#e9edef;background:#0b141a}html.dark-mode .nh-chat-media-viewer__head,body.nh-body.dark-mode .nh-chat-media-viewer__head{background:#202c33;border-bottom-color:#2a3942}html.dark-mode .nh-chat-media-viewer__name,body.nh-body.dark-mode .nh-chat-media-viewer__name{color:#e9edef}html.dark-mode .nh-chat-media-viewer__time,body.nh-body.dark-mode .nh-chat-media-viewer__time{color:#8696a0}html.dark-mode .nh-chat-media-viewer__btn,body.nh-body.dark-mode .nh-chat-media-viewer__btn{color:#aebac1}html.dark-mode .nh-chat-media-viewer__btn:hover,body.nh-body.dark-mode .nh-chat-media-viewer__btn:hover{color:#e9edef;background:#2a3942}.nh-messenger--wa .nh-chat__head{align-items:center;height:var(--nh-topbar-h,56px)!important;min-height:var(--nh-topbar-h,56px)!important;max-height:var(--nh-topbar-h,56px)!important;flex:0 0 var(--nh-topbar-h,56px)!important;box-sizing:border-box!important;border-bottom:0!important;padding:0 16px!important}