.cloodot-inbox{--pad:28px;--gap:14px;--tile:#f4f4f1;--ink:#17181a;--ink-2:#6b6d70;--line:#0000000f;--accent:#15803d;--accent-tint:#dcfce7;--accent-ground:#dcfce7;box-sizing:border-box;font-family:var(--cb-font,var(--font-outfit,system-ui, sans-serif));-webkit-font-smoothing:antialiased;background:0 0;container-type:inline-size}.cloodot-inbox .ui-grid{gap:var(--gap);grid-template:"hero"480px"chan"320px"triage"300px"snooze"300px"views"300px"formats"280px"replies"300px"focus"280px"csat"340px"stat"280px/minmax(0,1fr);max-width:984px;margin:0 auto;display:grid}@container (width>=600px){.cloodot-inbox .ui-grid{grid-template-rows:400px 320px 320px 320px 300px 320px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hero hero""chan triage""snooze views""formats replies""focus stat""csat csat"}}@container (width>=900px){.cloodot-inbox .ui-grid{grid-template-rows:400px 320px 320px 320px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hero hero chan""triage snooze views""formats replies focus""csat csat stat"}}@container (width<=599px){.cloodot-inbox .ui-grid{--pad:24px}}.cloodot-inbox .ui-tile{background:var(--tile);border-radius:22px;padding:0;position:relative;overflow:hidden}.cloodot-inbox .ui-tile[data-tone=dark]{background:#101413}.cloodot-inbox .ui-tile[data-tone=accent]{background:var(--accent-ground)}.cloodot-inbox .ui-tile--hero{grid-area:hero}.cloodot-inbox .ui-tile--stat{grid-area:stat}.cloodot-inbox .ui-tile--triage{grid-area:triage}.cloodot-inbox .ui-tile--formats{grid-area:formats}.cloodot-inbox .ui-tile--replies{grid-area:replies}.cloodot-inbox .ui-tile--csat{grid-area:csat}.cloodot-inbox .ui-tile--focus{grid-area:focus}.cloodot-inbox .ui-tile--chan{grid-area:chan}.cloodot-inbox .ui-tile--snooze{grid-area:snooze}.cloodot-inbox .ui-tile--views{grid-area:views}.cloodot-inbox .ui-copy{z-index:1;max-width:380px;padding:24px var(--pad) 0;letter-spacing:-.012em;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:17px;line-height:24px;position:relative}.cloodot-inbox .ui-copy b{color:var(--ink);font-weight:600}.cloodot-inbox .ui-tile--hero .ui-copy,.cloodot-inbox .ui-tile--csat .ui-copy{max-width:480px}.cloodot-inbox .ui-tile[data-tone=accent] .ui-copy{color:#3f6458}.cloodot-inbox .ui-tile[data-tone=accent] .ui-copy b{color:#0b3d31}.cloodot-inbox .ui-picture{position:absolute;bottom:0}.cloodot-inbox .ui-picture--edge{width:100%;left:0}.cloodot-inbox .ui-stage .ss-stage{background:0 0;overflow:hidden}.cloodot-inbox .ui-window{top:var(--pad);left:var(--pad);width:max(760px, calc(100% + var(--pad)));--ss-canvas:#fff;height:380px;position:absolute;box-shadow:0 0 0 1px #0000000f,0 10px 30px -10px #14281e2e,0 2px 6px #0000000a}.cloodot-inbox .ui-window:not([data-wide]){width:100%;top:24px;left:24px}.cloodot-inbox .ui-split{grid-template-columns:minmax(0,1fr);height:100%;display:grid}.cloodot-inbox .ui-window[data-wide] .ui-split{grid-template-columns:330px minmax(0,1fr)}.cloodot-inbox .ui-pane{box-sizing:border-box;flex-direction:column;height:214px;padding:0 16px;display:flex}.cloodot-inbox .ui-window:not([data-wide]) .ui-pane{height:256px;padding-right:40px}.cloodot-inbox .ui-thread{--ss-thread-size:13px;--ss-me:var(--accent);--ss-me-text:#fff;--ss-them:#efefec;--ss-them-text:var(--ink);flex:1;padding-bottom:6px}.cloodot-inbox .ui-stamp{color:var(--ink-2);align-items:center;gap:5px;font-size:11px;display:inline-flex}.cloodot-inbox .ui-stamp img{width:12px;height:12px}.cloodot-inbox .ui-profile{box-sizing:border-box;height:100%;box-shadow:inset 1px 0 0 var(--line);background:#f8f8f6;flex-direction:column;align-items:flex-start;padding:16px 20px;display:flex}.cloodot-inbox .ui-profile-name{color:var(--ink);margin-top:10px;font-size:15px;font-weight:600;line-height:20px}.cloodot-inbox .ui-profile-lines{gap:8px;margin-top:8px;display:grid}.cloodot-inbox .ui-profile-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin-top:14px;margin-bottom:7px;font-size:10.5px;font-weight:600;line-height:14px}.cloodot-inbox .ui-profile-chs{gap:6px;display:flex}.cloodot-inbox .ui-ch{height:26px;box-shadow:0 0 0 1px var(--line);color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:0 9px 0 7px;font-size:12px;font-weight:500;display:inline-flex}.cloodot-inbox .ui-ch img{width:14px;height:14px}.cloodot-inbox .ui-ch-new{opacity:0;transition:opacity .35s .5s,transform .45s cubic-bezier(.25,.8,.25,1) .5s;display:inline-flex;transform:scale(.9)}.cloodot-inbox .ui-ch-new[data-on]{opacity:1;transform:none}.cloodot-inbox .ui-label{color:#8a5a00;background:#fdf1d6;border-radius:12px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.cloodot-inbox .ui-stat{box-sizing:border-box;height:100%;padding:24px var(--pad) 28px;flex-direction:column;display:flex}.cloodot-inbox .ui-stat-lead{letter-spacing:-.012em;color:#f4f5f4;font-size:17px;font-weight:600;line-height:24px}.cloodot-inbox .ui-stat-number{letter-spacing:-.045em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:auto;font-size:84px;font-weight:600;line-height:1;display:block}.cloodot-inbox .ui-stat-unit{letter-spacing:-.02em;color:#7fd3b8;font-size:52px}.cloodot-inbox .ui-stat-label{color:#9da3a1;max-width:250px;margin-top:12px;font-size:15px;line-height:21px}.cloodot-inbox .ui-card{top:14px;left:var(--pad);box-sizing:border-box;width:calc(100% - 2 * var(--pad));background:#fff;border-radius:16px;max-width:440px;height:210px;padding:18px;position:absolute;box-shadow:0 0 0 1px #0000000d,0 10px 26px -10px #14281e33}.cloodot-inbox .ui-card-head{align-items:center;gap:12px;display:flex}.cloodot-inbox .ui-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.cloodot-inbox .ui-card-title{color:var(--ink);font-size:14px;font-weight:600;line-height:19px}.cloodot-inbox .ui-card-sub{color:var(--ink-2);white-space:normal;font-size:13px;line-height:18px}.cloodot-inbox .ui-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.cloodot-inbox .ui-tag,.cloodot-inbox .ui-route{white-space:nowrap;opacity:0;border-radius:14px;align-items:center;gap:6px;height:28px;padding:0 11px;font-size:12.5px;font-weight:500;transition:opacity .35s,transform .45s cubic-bezier(.25,.8,.25,1);display:inline-flex;transform:translateY(6px)scale(.96)}.cloodot-inbox .ui-tag[data-on],.cloodot-inbox .ui-route[data-on]{opacity:1;transform:none}.cloodot-inbox .ui-tag{color:#b42318;background:#fdecea}.cloodot-inbox .ui-tag-dot{background:currentColor;border-radius:3px;width:6px;height:6px}.cloodot-inbox .ui-route{color:var(--ink);background:#f0f0ed}.cloodot-inbox .ui-card-foot{box-shadow:inset 0 1px 0 var(--line);margin-top:16px;padding-top:14px}.cloodot-inbox .ui-card-note{color:var(--ink-2);font-size:12.5px;line-height:17px}.cloodot-inbox .ui-reply{display:block}.cloodot-inbox .ui-in{align-items:flex-end;gap:8px;display:flex}.cloodot-inbox .ui-in-msg{color:var(--ink);background:#efefec;border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:13px;line-height:18px}.cloodot-inbox .ui-menu{opacity:0;background:#fff;border-radius:12px;gap:2px;padding:4px;transition:opacity .25s,transform .3s cubic-bezier(.25,.8,.25,1);display:grid;position:absolute;bottom:66px;left:18px;right:18px;transform:translateY(6px);box-shadow:0 0 0 1px #00000012,0 8px 20px -10px #14281e40}.cloodot-inbox .ui-menu[data-open]{opacity:1;transform:none}.cloodot-inbox .ui-menu-row{border-radius:8px;align-items:center;height:30px;padding:0 10px;display:flex}.cloodot-inbox .ui-menu-row[data-on]{background:var(--accent-tint)}.cloodot-inbox .ui-slash{font-family:var(--ss-mono,ui-monospace, monospace);color:var(--ink);font-size:12px}.cloodot-inbox .ui-compose{box-sizing:border-box;min-height:38px;box-shadow:inset 0 0 0 1px var(--line);background:#f6f6f3;border-radius:12px;align-items:flex-end;padding:10px 44px 10px 12px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.cloodot-inbox .ui-compose-text{color:var(--ink);font-size:13px;line-height:18px;display:grid}.cloodot-inbox .ui-ph{color:#a1a39f}.cloodot-inbox .ui-typed{font-family:var(--ss-mono,ui-monospace, monospace);color:var(--accent);font-size:12.5px}.cloodot-inbox .ui-send{background:var(--accent);color:#fff;border-radius:14px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:23px;right:24px}.cloodot-inbox .ui-picture--formats{left:var(--pad);width:420px}.cloodot-inbox .ui-formats{grid-template-columns:repeat(4,84px);gap:10px;display:grid;position:absolute;top:6px;left:0}.cloodot-inbox .ui-format{height:74px;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .4s,translate .6s cubic-bezier(.25,.8,.25,1);transition-delay:calc(var(--i) * 50ms);background:#fff;border-radius:14px;align-content:center;justify-items:center;gap:7px;font-size:11.5px;font-weight:500;display:grid;translate:0 16px;box-shadow:0 0 0 1px #0000000d,0 4px 12px -8px #14281e33}.cloodot-inbox .ui-format svg{color:var(--accent)}.cloodot-inbox .ui-format:nth-child(n+5){transform:translate(30px)}.cloodot-inbox .ui-formats[data-on] .ui-format{opacity:1;translate:0}.cloodot-inbox .ui-csat{top:8px;left:var(--pad);right:var(--pad);gap:28px;display:grid;position:absolute}.cloodot-inbox .ui-csat[data-wide]{grid-template-columns:250px minmax(0,1fr)}.cloodot-inbox .ui-rate{background:#fff;border-radius:16px;align-content:start;align-self:start;gap:10px;padding:18px;display:grid;box-shadow:0 0 0 1px #0000000d,0 10px 26px -10px #14281e33}.cloodot-inbox .ui-rate-q{color:var(--ink);font-size:14px;font-weight:600;line-height:19px}.cloodot-inbox .ui-stars{gap:6px;display:flex}.cloodot-inbox .ui-star{color:#dcdcd8;transition:color .2s,transform .25s;display:grid}.cloodot-inbox .ui-star[data-on]{color:#f2a71b;animation:.3s ease-out ui-pop}.cloodot-inbox .ui-rate-note{color:var(--ink-2);font-size:12.5px;line-height:17px}.cloodot-inbox .ui-score{align-content:start;gap:14px;display:grid}.cloodot-inbox .ui-score-head{align-items:baseline;gap:10px;display:flex}.cloodot-inbox .ui-score-number{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1}.cloodot-inbox .ui-score-unit{color:var(--accent);font-size:28px}.cloodot-inbox .ui-score-head--compact{margin-top:-8px}.cloodot-inbox .ui-score-label{color:var(--ink-2);font-size:13px}.cloodot-inbox .ui-dist{gap:6px;display:grid}.cloodot-inbox .ui-dist-row{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;display:grid}.cloodot-inbox .ui-dist-label{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11.5px}.cloodot-inbox .ui-dist-track{background:#e9e9e5;border-radius:4px;height:8px;position:relative;overflow:hidden}.cloodot-inbox .ui-dist-fill{border-radius:inherit;transform-origin:0;transform:scaleX(var(--v));background:#c9ccc6;position:absolute;inset:0}.cloodot-inbox .ui-dist-fill[data-top]{background:var(--accent)}.cloodot-inbox .ui-field{color:var(--ink);margin-top:4px;font-size:12px;line-height:16px}.cloodot-inbox .ui-field span{color:var(--ink-2)}.cloodot-inbox .ui-fan{position:absolute;inset:0}.cloodot-inbox .ui-fan-col{top:4px;left:var(--pad);justify-items:start;gap:7px;display:grid;position:absolute}.cloodot-inbox .ui-fan-ch{height:32px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:16px;align-items:center;gap:7px;padding:0 12px 0 8px;font-size:12.5px;font-weight:500;display:inline-flex;box-shadow:0 0 0 1px #0000000d}.cloodot-inbox .ui-fan-mark{place-items:center;width:18px;height:18px;display:grid}.cloodot-inbox .ui-fan-mark img{width:15px;height:15px}.cloodot-inbox .ui-tray{top:64px;right:var(--pad);width:76px;height:76px;color:var(--ink-2);background:#fff;border-radius:20px;align-content:center;justify-items:center;gap:4px;transition:background-color .35s .7s,color .35s .7s;display:grid;position:absolute;box-shadow:0 0 0 1px #0000000f,0 10px 24px -10px #14281e4d}.cloodot-inbox .ui-tray[data-on]{background:var(--accent);color:#fff}.cloodot-inbox .ui-tray-label{letter-spacing:.02em;font-size:10.5px;font-weight:600}.cloodot-inbox .ui-line{--ss-accent:var(--accent)}.cloodot-inbox .ui-line--1 path{transition-delay:60ms}.cloodot-inbox .ui-line--2 path{transition-delay:.12s}.cloodot-inbox .ui-line--3 path{transition-delay:.18s}.cloodot-inbox .ui-line--4 path{transition-delay:.24s}.cloodot-inbox .ui-url{height:36px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);background:#f6f6f3;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex;overflow:hidden}.cloodot-inbox .ui-url svg{flex:none}.cloodot-inbox .ui-url-text{font-family:var(--ss-mono,ui-monospace, monospace);color:var(--ink);white-space:nowrap;font-size:11.5px}.cloodot-inbox .ui-url-add{vertical-align:bottom;max-width:0;color:var(--accent);font-weight:600;transition:max-width .5s;display:inline-block;overflow:hidden}.cloodot-inbox .ui-url-add[data-on]{max-width:64px}.cloodot-inbox .ui-filters{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cloodot-inbox .ui-filter{height:28px;color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:14px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;transition:background-color .3s,color .3s,box-shadow .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001a}.cloodot-inbox .ui-filter[data-on]{background:var(--ink);color:#fff;box-shadow:none}.cloodot-inbox .ui-copylink{height:36px;color:var(--ink);background:#f0f0ed;border-radius:10px;place-items:center;margin-top:14px;font-size:13px;font-weight:600;line-height:18px;transition:background-color .3s,color .3s;display:grid}.cloodot-inbox .ui-copylink .ss-states__item{gap:6px}.cloodot-inbox .ui-copylink[data-on]{background:var(--accent-tint);color:var(--accent)}.cloodot-inbox .ui-picture--pile{width:360px;margin-left:-180px;left:50%}.cloodot-inbox .ui-pile{position:absolute;inset:0}.cloodot-inbox .ui-sheet{box-sizing:border-box;will-change:transform;background:#fff;border-radius:14px;align-items:center;gap:10px;width:240px;height:84px;padding:14px;transition:transform .8s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:40px;left:60px;box-shadow:0 0 0 1px #0000000d,0 8px 20px -12px #14281e4d}.cloodot-inbox .ui-sheet--back{transform:translateY(44px)rotate(-3deg)}.cloodot-inbox .ui-sheet--mid{transform:translateY(24px)rotate(2deg)}.cloodot-inbox .ui-sheet--top{flex-direction:column;align-items:flex-start;gap:10px;height:auto;transform:translateY(14px)}.cloodot-inbox .ui-pile[data-on] .ui-sheet--top{transform:translate(8px,-8px)rotate(-2deg)}.cloodot-inbox .ui-sheet-row{align-items:center;gap:10px;display:flex}.cloodot-inbox .ui-sheet-text{flex-direction:column;min-width:0;display:flex}.cloodot-inbox .ui-sheet-name{color:var(--ink);font-size:13px;font-weight:600;line-height:17px}.cloodot-inbox .ui-sheet-msg{color:var(--ink-2);font-size:12.5px;line-height:17px}.cloodot-inbox .ui-zz{color:#f2f3f1;opacity:0;background:#1f2422;border-radius:13px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:500;transition:opacity .35s .4s,transform .4s .4s;display:inline-flex;transform:translateY(4px)}.cloodot-inbox .ui-zz[data-on]{opacity:1;transform:none}.cloodot-inbox .ui-misses{color:#b42318;background:#fdecea;border-radius:12px;justify-self:start;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}.cloodot-inbox .ui-focus{left:var(--pad);right:var(--pad);gap:16px;display:grid;position:absolute;bottom:28px}.cloodot-inbox .ui-focus-big{letter-spacing:-.03em;color:#0b3d31;text-wrap:balance;font-size:34px;font-weight:600;line-height:1.12}.cloodot-inbox .ui-tabs{flex-wrap:wrap;gap:8px;display:flex}.cloodot-inbox .ui-tabchip{color:#6f8a81;white-space:nowrap;background:#ffffff80;border-radius:15px;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:500;-webkit-text-decoration:line-through #3f645866;text-decoration:line-through #3f645866;display:inline-flex}.cloodot-inbox .ui-tabchip[data-on]{background:var(--accent);color:#fff;text-decoration:none}@keyframes ui-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}