*{box-sizing:border-box}body{margin:0;background:#F5F4F2;color:#100F0E;font:14px 'Outfit',sans-serif;line-height:1.55}.app{display:flex;min-height:100vh}.side{position:fixed;inset:0 auto 0 0;height:100vh}.side a{gap:12px;text-decoration:none}.side-bottom{margin-top:auto;padding:22px;color:#78736B;display:grid;gap:6px}.side-bottom span,.eyebrow{font:10px 'JetBrains Mono',monospace;letter-spacing:.1em;color:#8A857E}.side-bottom small{font-size:12px}main{margin-left:230px;padding:38px 42px 20px;width:calc(100% - 230px);max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:30px;letter-spacing:-.035em;line-height:1.25;margin:9px 0}h2{font-size:19px;letter-spacing:-.02em;margin:0 0 8px}h3{font-size:16px;margin:12px 0 6px}p{color:#706B64;margin:6px 0 16px}small,.small{font-size:12px;color:#817B73}.mono{font-family:'JetBrains Mono',monospace;font-size:12px}.badge{font:10px 'JetBrains Mono',monospace;letter-spacing:0;background:#ECE8DF;color:#786B50;padding:6px 10px;border-radius:20px;vertical-align:middle;white-space:nowrap}.badge.ok{background:#E5F3ED;color:#287556}.connection-banner{background:#ECEEEA;border:1px solid #DDE2D8;border-radius:14px;padding:22px;display:flex;align-items:center;gap:20px;margin-top:26px}.banner-icon{font-size:38px;color:#526A4E}.connection-banner div:nth-child(2){flex:1}.connection-banner p{margin:0;font-size:13px}.connection-banner h2{font-size:17px}.tabs{display:flex;gap:5px;border-bottom:1px solid #DEDCD7;margin:30px 0 24px;overflow:auto}.tabs button{background:transparent;color:#817B73;border-radius:0;border-bottom:2px solid transparent;font-weight:500;padding:12px 16px;white-space:nowrap}.tabs button.active{color:#100F0E;border-bottom-color:#100F0E}.count{background:#EAE7E1;padding:2px 5px;border-radius:4px;font-size:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.panel,.channel{border:1px solid #E7E5E0;background:white;border-radius:13px;padding:24px;box-shadow:0 1px 3px #100f0e08;min-width:0}.channel{padding:22px}.channel p{font-size:13px}.channel-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:25px;font-weight:600}.blue{color:#4D78AD;background:#EAF0F9}.pink{color:#AD657B;background:#F8EAF0}.green{color:#3D8567;background:#E8F4EC}.status-label{display:block;font-size:12px;color:#928678;padding-top:5px}button{border:0;border-radius:8px;background:#100F0E;color:white;padding:11px 16px;font:500 13px 'Outfit',sans-serif;cursor:pointer}button:hover{opacity:.8}button:disabled{opacity:.45;cursor:wait}.secondary{background:white;color:#3E3A35;border:1px solid #DCD8D1}.quiet{background:transparent;color:#716B63;padding:6px 8px}.danger{color:#A44640}label{display:block;font-size:12px;font-weight:500;color:#6E6860;margin:15px 0 8px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #E1DDD6;border-radius:8px;background:#FAF9F7;color:#100F0E;padding:10px 11px;font:14px 'Outfit',sans-serif}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #C9CEC2;outline-offset:1px}input[readonly]{font:11px 'JetBrains Mono',monospace;color:#77716A}form>button{margin-top:16px}form>small{display:block;margin-top:12px}a{color:#3D6856}details{border-top:1px solid #EEEAE4;margin-top:22px;padding-top:14px}summary{cursor:pointer;font-size:12px;color:#77716A}.row{display:flex;justify-content:space-between;align-items:center;gap:14px}.row select{width:auto;margin:0}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:18px}.permissions{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}.permissions span{font-size:10px;border:1px solid #E5E2DD;background:#FAF9F7;border-radius:5px;padding:4px 6px}.list{margin-top:20px}.empty{color:#A29B91;font-size:13px;padding:30px 0}.list-item{padding:15px 0;border-bottom:1px solid #EEEAE4}.list-item h3{margin:0 0 4px}.list-item p{font-size:12px;margin:4px 0;overflow-wrap:anywhere}.list-item button{margin-top:8px}.item-status{font:10px 'JetBrains Mono',monospace;color:#837A6D}.inbox-layout{display:grid;grid-template-columns:360px 1fr;gap:18px}.conversation-button{display:block;width:100%;text-align:left;color:#100F0E;background:#F5F4F1;border:1px solid #E8E4DD;margin-bottom:8px}.conversation-button.selected{border-color:#566B50}.messages{max-height:430px;min-height:240px;overflow-y:auto;padding:10px 0}.message{padding:12px;border-radius:10px;margin:8px 0;max-width:88%;background:#F0EEE9;white-space:pre-wrap;overflow-wrap:anywhere}.message.out{background:#E7EEE2;margin-left:auto}.message small{display:block;margin-top:6px;font-size:10px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;margin:0}#notice{position:sticky;top:10px;background:#FDF9EC;border:1px solid #E9DFC3;border-radius:8px;padding:13px 16px;margin:16px 0;z-index:5;font-size:13px}#notice.error{background:#FFF0EE;border-color:#EED0C9;color:#A44136}footer{font-size:10px;letter-spacing:.06em;color:#AEA69A;margin-top:36px;text-align:center}footer span{margin:0 10px}dialog{border:1px solid #DDD8CF;border-radius:14px;box-shadow:0 20px 80px #0003;padding:28px;width:min(620px,calc(100vw - 30px));color:#100F0E}dialog::backdrop{background:#100F0E70}#preview-details{max-height:55vh;overflow:auto}#preview-details pre{background:#F5F4F1;padding:14px;border-radius:8px;font:12px 'JetBrains Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.preview-text{white-space:pre-wrap;background:#F5F4F1;border-radius:8px;padding:16px}.preview-label{font-size:11px;color:#81786D;margin:12px 0 3px}[hidden]{display:none!important}@media(max-width:1100px){main{padding:26px}.inbox-layout{grid-template-columns:280px 1fr}.connection-banner{flex-wrap:wrap}.channel p{min-height:40px}}@media(max-width:800px){.side{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;flex-direction:row!important;overflow:auto;align-items:center;padding:0!important}.side .brand{min-width:170px;border-bottom:0!important}.side .sec-t,.side-bottom{display:none!important}.side .nav-i{min-width:fit-content;padding:12px!important;white-space:nowrap;margin:0!important}.app{display:block}main{width:100%;margin:0;padding:24px 18px}.two-col,.inbox-layout{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr}.channel{display:grid;grid-template-columns:42px 1fr;column-gap:12px}.channel h3{margin:0}.channel p,.channel .status-label{grid-column:2;margin:0}.channel p{min-height:0}.channel-mark{grid-row:1/4}h1{font-size:25px}header{align-items:flex-start}header>button{padding:8px;font-size:12px}.tabs button{padding:12px;font-size:12px}.panel{padding:20px}.connection-banner{padding:18px}.banner-icon{display:none}}
.inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.inbox-heading h2{font-size:23px;margin:0}.inbox-heading p{font-size:13px;margin:3px 0 0}.inbox-sync{display:flex;align-items:center;gap:16px}.live-label{color:#57744e;font-size:11px;white-space:nowrap}.live-label:before{content:'';display:inline-block;width:6px;height:6px;background:#718966;border-radius:50%;margin-right:6px}#inbox-sync-status{min-height:19px;margin:12px 0;color:#756f65}.inbox-layout{grid-template-columns:360px minmax(0,1fr);gap:0;border:1px solid #dedbd5;border-radius:14px;overflow:hidden;background:#fff;height:calc(100vh - 340px);min-height:590px;max-height:960px}.inbox-layout>.panel{border:0;border-radius:0;box-shadow:none;padding:0;min-height:0}.inbox-sidebar{display:flex;flex-direction:column;border-right:1px solid #e7e4dd!important}.inbox-filters{display:flex;gap:4px;padding:16px 14px 0}.inbox-filters button{flex:1;color:#7a736a;background:transparent;font-size:12px;padding:9px 6px;border:1px solid transparent;white-space:nowrap}.inbox-filters button[aria-pressed=true]{background:#eeefe9;color:#35482d;border-color:#dde1d5}.inbox-filters span{font-size:10px;margin-left:3px;color:#8c867c}.inbox-search{margin:16px 18px 12px;font-size:11px}.inbox-search input{font-size:13px;padding:11px 12px;margin-top:5px}.inbox-sidebar .list{margin:0;overflow:auto;flex:1;padding:4px 8px;min-height:0;scrollbar-width:thin}.inbox-sidebar .list.empty{padding:32px 24px}.inbox-sidebar .list.empty p{font-size:12px;margin-top:8px}.conversation-button{display:flex;gap:11px;align-items:flex-start;border:1px solid transparent;border-radius:9px;background:transparent;padding:14px 10px;margin:2px 0;width:100%;min-width:0}.conversation-button:hover{opacity:1;background:#f7f6f3}.conversation-button.selected{background:#f0f2eb;border-color:#d9dece}.conversation-copy{display:block;min-width:0;flex:1}.avatar{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:50%;background:#efece6;color:#756e62;font-size:12px;font-weight:600;letter-spacing:.03em}.avatar.messenger{background:#edf2fa;color:#5c7bab}.avatar.instagram{background:#f8edf2;color:#aa6881}.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-top strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-top time{color:#999185;font-size:10px;white-space:nowrap}.conversation-snippet{display:block;font-size:12px;color:#8d867b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:5px 0 7px;font-weight:400}.conversation-bottom{display:flex;gap:8px;align-items:center}.channel-tag{font-size:9px;font-weight:500;padding:2px 5px;border-radius:4px;background:#f3f2ef;color:#827a6e}.channel-tag.messenger{color:#587aa9;background:#edf2f9}.channel-tag.instagram{color:#ad6c87;background:#f8eef3}.unread-tag{font-size:9px;color:#526b44}.unread-tag:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#718766;margin-right:4px}.conversation-button.unread .conversation-top strong{font-weight:650}.inbox-list-note{font-size:10px;text-align:center;padding:12px;border-top:1px solid #efede7}.chat-panel{display:flex;flex-direction:column}.chat-heading{display:flex;align-items:center;gap:12px;padding:19px 24px;border-bottom:1px solid #eeeae4;min-height:78px}.chat-heading h2{font-size:16px;margin:0}.chat-heading p{font-size:11px;margin:3px 0 0}.chat-avatar{flex-basis:38px}.chat-history-bar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 12px 0;background:#fcfbf9}.chat-history-bar button{font-size:11px}.chat-history-bar .small{font-size:10px;max-width:100%;overflow-wrap:anywhere}.chat-panel .messages{flex:1;min-height:150px;max-height:none;padding:12px 26px 24px;overflow:auto;background:#fcfbf9;scrollbar-width:thin}.chat-panel .messages.empty{display:grid;place-items:center}.chat-placeholder{text-align:center;max-width:290px;margin:24px auto;color:#a39a8c}.chat-placeholder>span{display:block;font-size:40px;color:#c1b9aa}.chat-placeholder h3{color:#827968;font-size:17px;font-weight:500}.chat-placeholder p{font-size:13px;color:#a09789}.message{border-radius:12px 12px 12px 3px;background:#eeece6;max-width:82%;width:fit-content;font-size:13px;line-height:1.55;padding:11px 15px;margin:8px 0}.message.out{border-radius:12px 12px 3px 12px;background:#e8eddf}.message small{text-align:right;color:#9b9486;font-size:9px}.message-day{text-align:center;font-size:10px;color:#aaa293;margin:17px 0}.message-attachment{display:block;margin:5px 0;font-size:12px;max-width:100%;overflow-wrap:anywhere}#reply-form{padding:12px 22px 17px;border-top:1px solid #eeeae4;background:#fff}#reply-form label{font-size:10px;margin:0 0 6px}#reply-form textarea{font-size:13px;min-height:65px;max-height:150px}#reply-form textarea:disabled{background:#f4f3f0}.reply-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:10px}.reply-actions p{font-size:10px;margin:0;max-width:270px}.reply-actions button{white-space:nowrap;padding:10px 14px;font-size:12px}#back-conversations{display:none}button:focus-visible,a:focus-visible{outline:2px solid #728663;outline-offset:2px}@media(max-width:1200px){.inbox-layout{grid-template-columns:315px minmax(0,1fr)}.inbox-filters{padding-left:8px;padding-right:8px}.inbox-filters button{padding:9px 3px;font-size:11px}.inbox-sync{gap:10px}.inbox-sync .live-label{display:none}.chat-panel .messages{padding:10px 18px}.reply-actions{flex-wrap:wrap;gap:8px}.reply-actions button{margin-left:auto}}@media(max-width:800px){.inbox-layout{grid-template-columns:1fr;height:calc(100dvh - 190px);min-height:530px;max-height:none}.inbox-sidebar{border-right:0!important}.chat-panel{display:none!important}.inbox-layout.has-selection .inbox-sidebar{display:none}.inbox-layout.has-selection .chat-panel{display:flex!important}.inbox-heading h2{font-size:20px}.inbox-heading p{font-size:11px}.inbox-sync button{font-size:11px;padding:9px}.inbox-filters button{font-size:13px}.inbox-filters{padding:14px}.inbox-search{margin-top:0}.inbox-heading{gap:10px}.chat-heading{padding:15px}.chat-heading h2{font-size:15px}#back-conversations{display:block;font-size:21px;padding:3px}#reply-form{padding:12px 15px}.message{max-width:88%}.chat-panel .messages{padding:10px 16px}.reply-actions p{max-width:180px}.reply-actions button{font-size:11px;padding:10px}.inbox-layout>.panel{padding:0}}

/* Concierge shares Moon's gray surfaces, square controls and system font. */
@media screen {
html:root body.moon-glass.concierge-view main>header,
html:root body.moon-glass.concierge-view main>.tabs,
html:root body.moon-glass.concierge-view #connect-banner,
html:root body.moon-glass.concierge-view main>footer {display:none!important;}
html:root body.moon-glass.concierge-view main {padding-top:28px!important;}
html:root body.moon-glass .inbox-heading {align-items:center;gap:20px;margin-bottom:20px;}
html:root body.moon-glass .inbox-heading h1 {font-size:28px;margin:6px 0 5px;font-weight:600;}
html:root body.moon-glass .inbox-heading .eyebrow {font-size:9px;letter-spacing:.13em;color:#74747c;}
html:root body.moon-glass .inbox-heading p {font-size:13px;}
html:root body.moon-glass .inbox-modes {display:flex;flex:none;border:1px solid #d9d9e0;padding:3px;background:#eaeaf0;gap:3px;}
html:root body.moon-glass .inbox-modes button {padding:9px 14px!important;font-size:12px;background:transparent!important;color:#65656e!important;white-space:nowrap;}
html:root body.moon-glass .inbox-modes button[aria-pressed=true] {background:#fff!important;color:#0064c8!important;box-shadow:0 1px 3px #00000008!important;}
html:root body.moon-glass .concierge-source {flex:none;}
html:root body.moon-glass .inbox-heading .concierge-demo-note {font-size:10px;line-height:1.5;margin:8px 0 0;text-align:right;color:#737985!important;}
html:root body.moon-glass .concierge-channels {padding:0;margin:0 0 18px;gap:8px;display:flex;flex-wrap:wrap;}
html:root body.moon-glass .concierge-channels button {display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:8px;min-height:44px;padding:10px 12px!important;border:1px solid #dcdce3!important;background:#fafafc!important;color:#61616b;font-size:12px;}
html:root body.moon-glass .concierge-channels button[aria-pressed=true] {background:#e4eefb!important;color:#0065c9!important;border-color:#bcd1ed!important;}
html:root body.moon-glass .concierge-channels button:disabled {opacity:.45;cursor:default;}
html:root body.moon-glass .concierge-channel-mark {font-size:14px;font-weight:650;margin:0;line-height:1;width:20px;color:inherit;}
html:root body.moon-glass .concierge-channel-count {font-size:10px;min-width:19px;padding:1px 4px;background:#00000005;color:inherit;margin:0;}
html:root body.moon-glass.concierge-view .inbox-layout {grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - 315px);min-height:440px;max-height:1000px;}
html:root body.moon-glass .inbox-sidebar .inbox-search {margin:19px 18px 15px;}
html:root body.moon-glass .inbox-sidebar .inbox-search input {background:#fff!important;}
html:root body.moon-glass .conversation-button {padding:16px 12px!important;}
html:root body.moon-glass .channel-tag {color:#666671;background:#ebebf0;font-size:9px;padding:3px 6px;}
html:root body.moon-glass .conversation-button .avatar,
html:root body.moon-glass .chat-avatar {background:#e7e9ee;color:#606875;}
html:root body.moon-glass .conversation-button.selected .avatar {background:#d3e2f7;color:#3a6caa;}
html:root body.moon-glass .unread-tag {color:#4474ab;}
html:root body.moon-glass .unread-tag:before {background:#6f97c8;}
html:root body.moon-glass .chat-heading {padding:19px 24px;min-height:80px;}
html:root body.moon-glass .demo-chat-detail {display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px 24px;background:#f7f7fa;border-bottom:1px solid #e0e0e6;font-size:11px;color:#707079;}
html:root body.moon-glass #demo-property {color:#44444d;font-weight:500;}
html:root body.moon-glass #demo-topic {margin-left:auto;background:#ebedf2;padding:3px 7px;font-size:10px;}
html:root body.moon-glass .chat-panel .messages {padding:12px 24px 22px;min-height:100px;}
html:root body.moon-glass .message {padding:13px 16px;line-height:1.6;font-size:13px;max-width:86%;}
html:root body.moon-glass #reply-form {padding:12px 22px 14px;}
html:root body.moon-glass #reply-form textarea {background:#fff!important;min-height:58px;height:58px;}
html:root body.moon-glass #reply-form button {background:#2275ce!important;color:white!important;border-color:#2275ce!important;}
html:root body.moon-glass .reply-actions p {max-width:none;font-size:10px;}
html:root body.moon-glass #inbox-sync-controls {justify-content:flex-end;gap:16px;}
@media(max-width:1100px) {
 html:root body.moon-glass.concierge-view .inbox-layout {grid-template-columns:280px minmax(0,1fr);}
 html:root body.moon-glass .concierge-channels {gap:6px;}
 html:root body.moon-glass .concierge-channels button {flex:1 1 28%;}
}
@media(max-width:800px) {
 html:root body.moon-glass.concierge-view main {padding-top:18px!important;}
 html:root body.moon-glass .inbox-heading {align-items:flex-start;flex-direction:column;gap:16px;}
 html:root body.moon-glass .inbox-heading h1 {font-size:25px;}
 html:root body.moon-glass .concierge-source {align-self:stretch;}
 html:root body.moon-glass .inbox-modes button {flex:1;}
 html:root body.moon-glass .inbox-heading .concierge-demo-note {text-align:left;}
 html:root body.moon-glass .concierge-channels button {flex:1 1 28%;font-size:10px;gap:4px;padding:10px 6px!important;}
 html:root body.moon-glass .concierge-channel-mark {width:15px;font-size:12px;}
 html:root body.moon-glass .concierge-channel-count {min-width:14px;font-size:9px;padding:1px 2px;}
 html:root body.moon-glass.concierge-view .inbox-layout {grid-template-columns:minmax(0,1fr);height:600px;min-height:560px;}
 html:root body.moon-glass .chat-heading {padding:16px;}
 html:root body.moon-glass .demo-chat-detail {padding:12px 16px;gap:8px;font-size:10px;}
 html:root body.moon-glass .chat-panel .messages {padding:10px 16px 20px;}
 html:root body.moon-glass #reply-form {padding:14px 16px;}
 html:root body.moon-glass .reply-actions {flex-wrap:wrap;}
}
}