@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-0.woff2) format('woff2');
  unicode-range: U+1f1e6-1f1ff;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-1.woff2) format('woff2');
  unicode-range: U+200d, U+2620, U+26a7, U+fe0f, U+1f308, U+1f38c, U+1f3c1, U+1f3f3-1f3f4, U+1f6a9, U+e0062-e0063, U+e0065, U+e0067, U+e006c, U+e006e, U+e0073-e0074, U+e0077, U+e007f;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-2.woff2) format('woff2');
  unicode-range: U+23, U+2a, U+30-39, U+a9, U+ae, U+200d, U+203c, U+2049, U+20e3, U+2122, U+2139, U+2194-2199, U+21a9-21aa, U+23cf, U+23e9-23ef, U+23f8-23fa, U+24c2, U+25aa-25ab, U+25b6, U+25c0, U+25fb-25fe, U+2611, U+2622-2623, U+2626, U+262a, U+262e-262f, U+2638, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267b, U+267e-267f, U+2695, U+269b-269c, U+26a0, U+26a7, U+26aa-26ab, U+26ce, U+26d4, U+2705, U+2714, U+2716, U+271d, U+2721, U+2733-2734, U+2747, U+274c, U+274e, U+2753-2755, U+2757, U+2764, U+2795-2797, U+27a1, U+27b0, U+27bf, U+2934-2935, U+2b05-2b07, U+2b1b-2b1c, U+2b55, U+3030, U+303d, U+3297, U+3299, U+fe0f, U+1f170-1f171, U+1f17e-1f17f, U+1f18e, U+1f191-1f19a, U+1f201-1f202, U+1f21a, U+1f22f, U+1f232-1f23a, U+1f250-1f251, U+1f310, U+1f3a6, U+1f3b5-1f3b6, U+1f3bc, U+1f3e7, U+1f441, U+1f499-1f49c, U+1f49f-1f4a0, U+1f4ac-1f4ad, U+1f4b1-1f4b2, U+1f4b9, U+1f4db, U+1f4f2-1f4f6, U+1f500-1f507, U+1f515, U+1f518-1f524, U+1f52f-1f53d, U+1f549, U+1f54e, U+1f5a4, U+1f5e8, U+1f5ef, U+1f6ab, U+1f6ad-1f6b1, U+1f6b3, U+1f6b7-1f6bc, U+1f6be, U+1f6c2-1f6c5, U+1f6d0-1f6d1, U+1f6d7, U+1f6dc, U+1f7e0-1f7eb, U+1f7f0, U+1f90d-1f90e, U+1f9d1-1f9d2, U+1f9e1, U+1fa75-1fa77, U+1faaf;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-3.woff2) format('woff2');
  unicode-range: U+200d, U+231a-231b, U+2328, U+23f0-23f3, U+2602, U+260e, U+2692, U+2694, U+2696-2697, U+2699, U+26b0-26b1, U+26cf, U+26d1, U+26d3, U+2702, U+2709, U+270f, U+2712, U+fe0f, U+1f302, U+1f321, U+1f392-1f393, U+1f3a9, U+1f3bd, U+1f3ee, U+1f3f7, U+1f3fa, U+1f451-1f462, U+1f484, U+1f489-1f48a, U+1f48c-1f48e, U+1f4a1, U+1f4a3, U+1f4a5, U+1f4b0, U+1f4b3-1f4b8, U+1f4bb-1f4da, U+1f4dc-1f4f1, U+1f4ff, U+1f508-1f514, U+1f516-1f517, U+1f526-1f529, U+1f52c-1f52e, U+1f550-1f567, U+1f56f-1f570, U+1f576, U+1f587, U+1f58a-1f58d, U+1f5a5, U+1f5a8, U+1f5b1-1f5b2, U+1f5c2-1f5c4, U+1f5d1-1f5d3, U+1f5dc-1f5de, U+1f5e1, U+1f5f3, U+1f6aa, U+1f6ac, U+1f6bd, U+1f6bf, U+1f6c1, U+1f6cb, U+1f6cd-1f6cf, U+1f6d2, U+1f6e0-1f6e1, U+1f6f0, U+1f97b-1f97f, U+1f9af, U+1f9ba, U+1f9e2-1f9e6, U+1f9ea-1f9ec, U+1f9ee-1f9f4, U+1f9f7-1f9ff, U+1fa71-1fa74, U+1fa79-1fa7b, U+1fa86, U+1fa8e-1fa8f, U+1fa91-1fa93, U+1fa96, U+1fa99-1faa0, U+1faa2-1faa7, U+1faaa-1faae;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-4.woff2) format('woff2');
  unicode-range: U+265f, U+26bd-26be, U+26f3, U+26f8, U+fe0f, U+1f004, U+1f0cf, U+1f380-1f384, U+1f386-1f38b, U+1f38d-1f391, U+1f396-1f397, U+1f399-1f39b, U+1f39e-1f39f, U+1f3a3-1f3a5, U+1f3a7-1f3a9, U+1f3ab-1f3b4, U+1f3b7-1f3bb, U+1f3bd-1f3c0, U+1f3c5-1f3c6, U+1f3c8-1f3c9, U+1f3cf-1f3d3, U+1f3f8-1f3f9, U+1f47e, U+1f4e2, U+1f4f7-1f4fd, U+1f52b, U+1f579, U+1f58c-1f58d, U+1f5bc, U+1f6f7, U+1f6f9, U+1f6fc, U+1f93f, U+1f941, U+1f945, U+1f947-1f94f, U+1f9e7-1f9e9, U+1f9f5-1f9f6, U+1fa70-1fa71, U+1fa80-1fa81, U+1fa83-1fa85, U+1fa87-1fa8a, U+1fa94-1fa95, U+1fa97-1fa98, U+1faa1, U+1faa9, U+1fadf;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-5.woff2) format('woff2');
  unicode-range: U+2693, U+26e9-26ea, U+26f1-26f2, U+26f4-26f5, U+26fa, U+26fd, U+2708, U+fe0f, U+1f301, U+1f303, U+1f306-1f307, U+1f309, U+1f310, U+1f3a0-1f3a2, U+1f3aa, U+1f3cd-1f3ce, U+1f3d5, U+1f3d7-1f3db, U+1f3df-1f3e6, U+1f3e8-1f3ed, U+1f3ef-1f3f0, U+1f488, U+1f492, U+1f4ba, U+1f54b-1f54d, U+1f5fa-1f5ff, U+1f680-1f6a2, U+1f6a4-1f6a8, U+1f6b2, U+1f6d1, U+1f6d5-1f6d6, U+1f6dd-1f6df, U+1f6e2-1f6e5, U+1f6e9, U+1f6eb-1f6ec, U+1f6f3-1f6f6, U+1f6f8, U+1f6fa-1f6fb, U+1f9bc-1f9bd, U+1f9ed, U+1f9f3, U+1fa7c;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-6.woff2) format('woff2');
  unicode-range: U+200d, U+2615, U+fe0f, U+1f32d-1f330, U+1f336, U+1f33d, U+1f344-1f37f, U+1f382, U+1f52a, U+1f7e9, U+1f7eb, U+1f942-1f944, U+1f950-1f96f, U+1f99e, U+1f9aa, U+1f9c0-1f9cb, U+1fad0-1fadc;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-7.woff2) format('woff2');
  unicode-range: U+200d, U+2600-2601, U+2603-2604, U+2614, U+2618, U+26a1, U+26c4-26c5, U+26c8, U+26f0, U+2728, U+2744, U+2b1b, U+2b50, U+fe0f, U+1f300, U+1f304-1f305, U+1f308, U+1f30a-1f30f, U+1f311-1f321, U+1f324-1f32c, U+1f331-1f335, U+1f337-1f33c, U+1f33e-1f344, U+1f3d4, U+1f3d6, U+1f3dc-1f3de, U+1f3f5, U+1f400-1f43f, U+1f490, U+1f4a7, U+1f4ae, U+1f525, U+1f54a, U+1f573, U+1f577-1f578, U+1f648-1f64a, U+1f6d8, U+1f940, U+1f980-1f9ae, U+1f9ba, U+1fa90, U+1faa8, U+1fab0-1fabf, U+1facd-1facf, U+1fae7;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-8.woff2) format('woff2');
  unicode-range: U+200d, U+2640, U+2642, U+2695-2696, U+26f7, U+26f9, U+2708, U+2764, U+27a1, U+fe0f, U+1f33e, U+1f373, U+1f37c, U+1f384-1f385, U+1f393, U+1f3a4, U+1f3a8, U+1f3c2-1f3c4, U+1f3c7, U+1f3ca-1f3cc, U+1f3eb, U+1f3ed, U+1f3fb-1f3ff, U+1f430, U+1f466-1f469, U+1f46b-1f478, U+1f47c, U+1f481-1f483, U+1f486-1f487, U+1f48b, U+1f48f, U+1f491, U+1f4bb-1f4bc, U+1f527, U+1f52c, U+1f574-1f575, U+1f57a, U+1f645-1f647, U+1f64b, U+1f64d-1f64e, U+1f680, U+1f692, U+1f6a3, U+1f6b4-1f6b6, U+1f6c0, U+1f6cc, U+1f91d, U+1f926, U+1f930-1f931, U+1f934-1f93a, U+1f93c-1f93e, U+1f977, U+1f9af-1f9b3, U+1f9b8-1f9b9, U+1f9bc-1f9bd, U+1f9cc-1f9cf, U+1f9d1-1f9df, U+1fa70, U+1fa82, U+1fac3-1fac5, U+1fac8, U+1faef;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-9.woff2) format('woff2');
  unicode-range: U+200d, U+2194-2195, U+2603, U+261d, U+2620, U+2639-263a, U+2665, U+26a1, U+26c4, U+270a-270d, U+2728, U+2763-2764, U+2b50, U+fe0f, U+1f31a-1f31f, U+1f32b, U+1f389-1f38a, U+1f3fb-1f3ff, U+1f440-1f450, U+1f463-1f465, U+1f479-1f47b, U+1f47d-1f480, U+1f485, U+1f48b-1f48c, U+1f493-1f49f, U+1f4a2, U+1f4a4-1f4a6, U+1f4a8-1f4ab, U+1f4af, U+1f525, U+1f573, U+1f590, U+1f595-1f596, U+1f5a4, U+1f5e3, U+1f600-1f644, U+1f648-1f64a, U+1f64c, U+1f64f, U+1f90c-1f925, U+1f927-1f92f, U+1f932-1f933, U+1f970-1f976, U+1f978-1f97a, U+1f9a0, U+1f9b4-1f9b7, U+1f9bb, U+1f9be-1f9bf, U+1f9d0, U+1f9e0-1f9e1, U+1fa75-1fa79, U+1fac0-1fac2, U+1fac6, U+1fae0-1fae6, U+1fae8-1faea, U+1faef-1fafa;
}
@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NotoEmoji-10.woff2) format('woff2');
  unicode-range: U+1f6d9, U+1fa8b-1fa8d, U+1facc, U+1fadd, U+1faeb;
}
body {
  --google-font-color-notocoloremoji:colrv1;
}


:root{font:14px 'Segoe UI',Arial,sans-serif;color:#25332e;background:#f5f6f6;--green:#21624f;--line:#e1e6e3;--muted:#718078}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;background:#fff;color:#34483d;border:1px solid #cfd8d2;border-radius:6px;min-height:34px;padding:6px 12px;font-weight:400}button:hover{background:#eff4f1}button:disabled{opacity:.5;cursor:default}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #43856c;outline-offset:2px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#194d3e}.danger{color:#a8443c;border-color:#dec3bf}header{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px;padding:0 32px}.brand{font-size:21px;font-weight:600;letter-spacing:-.7px;color:#214b3d}.brand span{color:#84988d}header nav{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--green)}.user{margin-left:auto;display:flex;gap:12px;align-items:center;color:#617168}.avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#e1ece6;color:#47705b;font-weight:500;overflow:hidden}.avatar.small{width:28px;height:28px;font-size:12px}.avatar.profile{width:48px;height:48px;background:#dbe5e2}.avatar svg{width:100%;height:100%}main{max-width:1320px;margin:auto;padding:26px 32px}.back{font-size:13px;color:#687b70}.identity{display:flex;align-items:center;gap:14px;margin:22px 0}.identity h1{font-size:24px;font-weight:500;margin:0 0 5px;letter-spacing:-.4px}.sub{font-size:13px;color:var(--muted);line-height:1.5}.state{margin-left:auto;text-align:right}.status{color:#28654c;font-size:13px;margin-bottom:6px}.status::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px}.state.off .status{color:#936623}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{border:0;border-radius:0;background:none;color:#718078;padding:12px 0;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:500}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px}h2{font-size:16px;font-weight:500;margin:0 0 20px}h3{font-size:14px;font-weight:500;margin:0 0 6px}p{margin:0;line-height:1.5}.overview{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.detail{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid #edf0ee;padding:13px 0;font-size:13px}.detail:first-of-type{padding-top:0}.detail:last-of-type{border:0}.detail>span:first-child{color:var(--muted)}.good{color:#28654c}.note{padding:14px 0 0;font-size:12px;color:var(--muted);line-height:1.6}.session-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.log{margin-top:20px}.event{display:grid;grid-template-columns:65px 1fr auto;gap:16px;padding:12px 0;border-top:1px solid #edf0ee;font-size:13px}.event time{color:var(--muted);font-variant-numeric:tabular-nums}.event .sub{font-size:12px}.preview{display:flex;gap:8px;align-items:center;margin-top:22px;font-size:12px;color:#87918b}.tag{padding:2px 6px;border:1px solid #dbe1dd;border-radius:4px;font-size:11px;white-space:nowrap}.messenger{display:grid;grid-template-columns:310px minmax(0,1fr);height:560px;min-height:400px;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.contacts{border-right:1px solid var(--line);overflow:auto}.search-box{padding:14px;border-bottom:1px solid var(--line)}input,textarea{border:1px solid #d4ddd7;border-radius:6px;padding:9px 11px;background:#fff;color:#25332e;max-width:100%}input{height:37px}.search-box input{width:100%;font-size:13px}.contact{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid #edf0ee;border-radius:0;padding:16px 14px}.contact[aria-pressed=true]{background:#edf4ef;box-shadow:inset 3px 0 #397359}.contact .info{min-width:0;flex:1}.contact .name-line{display:flex;justify-content:space-between;gap:6px;margin-bottom:3px}.contact strong{font-weight:500;font-size:13px}.contact time{font-size:11px;color:var(--muted)}.contact .sub{display:block;font-size:12px}.snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;color:#77837b;font-size:12px}.thread{display:flex;flex-direction:column;min-height:0;min-width:0}.thread-head{padding:13px 20px;border-bottom:1px solid var(--line);display:flex;gap:11px;align-items:center;min-height:69px}.thread-head strong{font-weight:500}.chat-note{margin-left:auto;font-size:12px;color:#748379}.messages{flex:1;overflow:auto;padding:20px 25px;background:#f8faf8;display:flex;flex-direction:column;gap:12px}.day{text-align:center;color:#87928b;font-size:11px;margin:0 0 10px}.bubble{align-self:flex-start;background:#fff;border:1px solid #e6ebe6;border-radius:7px;max-width:78%;padding:10px 13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:13px}.bubble.out{align-self:flex-end;background:#eaf3ed;border-color:#dde9df}.stamp{display:block;text-align:right;font-size:10px;color:#7c8c80;margin-top:4px}.composer{border-top:1px solid var(--line);padding:12px 16px;background:#fff}.compose-row{display:flex;align-items:flex-end;gap:10px}.composer textarea{resize:none;min-height:42px;max-height:120px;flex:1;width:0;line-height:1.5;font-size:13px}.composer button{height:42px;min-width:110px}.hint{font-size:11px;color:#829087;margin-top:7px}.mobile-back{display:none}.integration{display:grid;grid-template-columns:1fr 1.1fr;gap:20px}.field{margin-bottom:16px}.field label{display:block;color:#68776f;font-size:13px;margin-bottom:7px}.field input{width:100%}input:disabled{background:#f7f8f7;color:#78867d}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h2{margin:0}.webhook{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.webhook-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.remove{border:0;color:#8d625b;background:transparent;font-size:12px;padding:0 6px}.toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;gap:12px}.toggle input{appearance:none;position:relative;width:30px;height:18px;padding:0;border:0;border-radius:12px;background:#c9d3cc;cursor:pointer;flex-shrink:0}.toggle input::after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:white;transition:transform .15s}.toggle input:checked{background:#39765a}.toggle input:checked::after{transform:translateX(12px)}dialog{border:1px solid var(--line);border-radius:8px;width:420px;max-width:calc(100% - 32px);padding:24px;color:#25332e;box-shadow:0 16px 60px #12342222}dialog::backdrop{background:#17271f55}dialog h2{font-size:19px}dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.empty{padding:20px;text-align:center;color:var(--muted)}[hidden]{display:none!important}
@media(min-height:950px){.messenger{height:calc(100vh - 330px)}}
@media(max-width:900px){.overview,.integration{grid-template-columns:1fr}.messenger{grid-template-columns:260px minmax(0,1fr)}.chat-note{display:none}}
@media(max-width:600px){header{height:54px;padding:0 16px;gap:24px}.user>span:first-child{display:none}main{padding:20px 16px}.identity{flex-wrap:wrap;margin:18px 0}.identity h1{font-size:21px}.state{width:100%;margin-left:62px;text-align:left}.tabs{gap:24px;margin-bottom:16px}.tabs button{font-size:13px}.panel{padding:18px}.detail{gap:12px}.event{grid-template-columns:45px 1fr;gap:10px}.event>.sub{grid-column:2}.session-actions{align-items:flex-start;flex-direction:column}.preview{align-items:flex-start}.messenger{grid-template-columns:1fr;height:560px;height:calc(100dvh - 340px);min-height:390px}.contacts{border:0}.thread{display:none}.messenger.chat-open .contacts{display:none}.messenger.chat-open .thread{display:flex}.mobile-back{display:block;border:0;padding:4px 8px;font-size:18px}.thread-head{padding:10px;gap:7px}.messages{padding:16px 12px}.bubble{max-width:90%}.composer{padding:10px}.composer button{min-width:86px;padding:6px 8px}.hint{font-size:10px}.search-box input{height:42px}button{min-height:42px}.field input{height:42px}.section-head{align-items:flex-start}.section-head button{font-size:12px}.state .sub{font-size:12px}.detail>span:last-child{text-align:right}}
