@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#285d49;--ink:#24332d;--muted:#849089;--line:#e6e9e5;--bg:#f7f8f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #b7d593;outline-offset:4px}button{color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{font:800 34px Manrope;letter-spacing:-2px;display:flex;align-items:center;gap:10px;padding:0 8px}.brandmark{background:var(--green);color:#fff;border-radius:13px;width:37px;height:37px;font:italic 40px Georgia;text-align:center;line-height:33px}.branddot{font:12px sans-serif;align-self:start;margin-top:7px}.workspace{margin:35px 0 30px;display:flex;gap:10px;align-items:center;padding:12px 8px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:600}.workspace-icon,.avatar{background:#eef1e9;border-radius:8px;padding:9px;font-weight:700}.workspace small,.profile small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.navlabel{font-size:10px;letter-spacing:1.5px;color:#9aa29d;padding:0 12px 15px}nav button{display:flex;align-items:center;width:100%;padding:13px 14px;margin-bottom:7px;gap:13px;text-align:left;border-radius:7px;color:#707d75;font-size:13px}nav button span{font-size:20px;width:20px}nav button.active{background:#edf3ec;color:var(--green);font-weight:700}nav em{margin-left:auto;background:#fff;padding:2px 7px;font-style:normal;border-radius:4px;font-size:10px}.sidebottom{margin-top:auto}.setup-card{background:#f5f7f1;padding:17px 13px;border:1px solid #e8ecdf;border-radius:10px;font-size:11px;font-weight:600}.setup-card p{font-size:11px;line-height:1.7;font-weight:400;color:#829080}.setup-card button{font-size:11px;padding:0;color:var(--green)}.tiny-dot{display:inline-block;background:#a7b98b;width:6px;height:6px;border-radius:50%;margin-right:6px}.profile{display:flex;gap:10px;align-items:center;margin-top:24px;font-size:12px}.profile>span{padding:10px;background:#ede7da;border-radius:50%;font-size:10px}.profile b{margin-left:auto}.shell{margin-left:238px}header{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:#8b948d}header strong{color:#445149;font-weight:500}header div>span{margin:0 14px}.header-right{display:flex;align-items:center;gap:12px}.env{background:#f6f7f3;border:1px solid #e7eae1;border-radius:20px;padding:6px 10px;font-size:10px}.env i{display:inline-block;width:5px;height:5px;background:#a4b185;border-radius:50%;margin-right:5px}#help{border:1px solid #ddd;border-radius:50%;width:23px;height:23px}main{padding:34px 38px 20px;max-width:1550px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#87957e;margin-bottom:12px}h1{font:600 29px Manrope;letter-spacing:-1.2px;margin:0}p{color:#89928c;line-height:1.65}.heading p{font-size:12px;margin:10px 0 24px}.primary{background:var(--green);color:#fff;padding:12px 17px;border-radius:7px;font-size:12px;white-space:nowrap}.notice{display:flex;gap:12px;align-items:center;background:#f0f3e9;border:1px solid #e4e9d9;padding:13px 16px;border-radius:8px;font-size:11px;color:#7b886c;margin-bottom:24px}.notice>b,.notice b{color:#59684e;font-weight:500}.notice button{margin-left:auto;font-size:11px;white-space:nowrap;color:#53664a}.office-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:14px;margin:0;font-weight:600}.panel-head small{font-size:10px;color:#929d94}.tag{font-size:9px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:#89958b}.scene-wrap{height:350px;background:radial-gradient(ellipse at center,#f0f1e6,#f9faf6 70%);position:relative;overflow:hidden;perspective:1100px}.scene{position:absolute;width:400px;height:300px;top:20px;left:50%;margin-left:-200px;transform-style:preserve-3d;transform:rotateX(54deg) rotateZ(-34deg) scale(.92);transition:transform .4s}.floor{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 49px,#d9ddce70 50px),repeating-linear-gradient(0deg,#e9ecdf 0 49px,#d9ddce 50px);border:8px solid #d6ddc9;box-shadow:-12px 16px 0 #c4cdb9, -24px 38px 40px #40573020;transform-style:preserve-3d}.wall{position:absolute;background:#e0e5d4;transform-origin:bottom;transform:rotateX(-90deg);width:400px;height:105px;top:-105px;border-top:6px solid #cbd4bd}.wall:after{content:'SERENO';position:absolute;top:28px;left:135px;font:600 25px Manrope;color:#7d9275;letter-spacing:8px}.wall.side{width:300px;left:0;top:0;transform-origin:0 0;transform:rotateZ(90deg) rotateX(-90deg);background:#d4ddc8}.wall.side:after{content:'';left:40px;top:20px;width:150px;height:55px;background:linear-gradient(90deg,#f5f8eb 48%,#c0cdb5 49%,#c0cdb5 51%,#f5f8eb 52%);border:5px solid #b4c3a7}.desk{position:absolute;width:108px;height:63px;background:#d2b996;border:3px solid #bca582;border-radius:6px;transform:translateZ(36px);transform-style:preserve-3d;box-shadow:0 18px 0 -10px #ae9777}.desk:before,.desk:after{content:'';position:absolute;width:6px;height:36px;background:#849078;top:48px;transform-origin:top;transform:rotateX(-90deg)}.desk:before{left:5px}.desk:after{right:5px}.desk:nth-of-type(1){left:36px;top:35px}.desk:nth-of-type(2){left:230px;top:35px}.desk:nth-of-type(3){left:36px;top:185px}.desk:nth-of-type(4){left:230px;top:185px}.monitor{position:absolute;width:45px;height:30px;background:#486050;border:4px solid #3c4b40;left:32px;top:5px;transform:rotateX(-75deg);transform-origin:bottom;border-radius:3px}.monitor:after{content:'';position:absolute;inset:5px;background:repeating-linear-gradient(0deg,#a2b99b 0 2px,transparent 2px 5px);opacity:.6}.keyboard{width:35px;height:12px;background:#e9e7da;position:absolute;left:35px;bottom:8px;border-radius:2px}.mug{width:10px;height:10px;position:absolute;right:11px;top:20px;background:#f5f3e7;border-radius:50%;box-shadow:0 3px #b4a68e}.person{position:absolute;left:43px;top:70px;transform-style:preserve-3d;transform:rotateZ(34deg) rotateX(-54deg);width:30px;height:58px;transform-origin:bottom}.head{width:23px;height:23px;border-radius:50%;background:#d8af8b;position:absolute;top:0;left:4px;border-top:7px solid #4a443b;box-shadow:inset -4px -2px #0000000a}.body{position:absolute;top:21px;height:28px;width:31px;border-radius:12px 12px 6px 6px;background:var(--shirt,#7b967c);box-shadow:inset -7px 0 #00000010}.body:after{content:'';position:absolute;bottom:-9px;left:5px;width:7px;height:12px;background:#4a574c;box-shadow:13px 0 #4a574c}.plant{position:absolute;width:28px;height:28px;background:#b8a38c;border-radius:50%;transform:translateZ(14px);left:355px;top:245px}.plant:after{content:'✦';font-size:65px;color:#6b8764;position:absolute;left:-18px;top:-35px;text-shadow:12px 5px #819a70;transform:rotateX(-40deg)}.rug{position:absolute;width:150px;height:60px;left:125px;top:120px;border-radius:35%;background:#c4d0af80;border:3px solid #c1cbaa}.scene-labels{position:absolute;inset:0;pointer-events:none}.room-caption{position:absolute;bottom:15px;left:20px;font-size:10px;color:#9aa28e}.scene-controls{position:absolute;right:15px;bottom:12px;display:flex;background:white;border:1px solid var(--line);border-radius:7px}.scene-controls button{padding:8px 12px}.office-bottom{display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--line);font-size:10px;color:#8e998f}.legend{display:flex;gap:13px}.legend i{display:inline-block;height:5px;width:5px;background:#a5b98c;border-radius:50%;margin-right:4px}.legend span:last-child i{background:#c6cbc5}.activity{padding:0 20px 20px}.activity-item{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #f0f1ed;font-size:11px;line-height:1.6}.activity-item>span{height:27px;width:27px;flex-shrink:0;background:#f2f4ed;border-radius:8px;display:grid;place-items:center;color:#839773}.activity-item p{font-size:10px;margin:5px 0 0}.activity-item small{display:block;font-size:9px;color:#a8afa6;margin-top:7px}.activity-empty{text-align:center;color:#8e998d;padding:26px 0 14px;font-size:11px;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.section-heading h2{font-size:14px;font-weight:600;margin:0}.section-heading span{font-size:10px;color:#8a968b}.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.agent-card{text-align:left;background:white;border:1px solid var(--line);border-radius:10px;padding:19px;transition:.2s}.agent-card:hover{border-color:#b5c3aa;transform:translateY(-3px);box-shadow:0 6px 20px #263f2010}.agent-top{display:flex;justify-content:space-between;align-items:start}.agent-icon{font-size:24px;background:var(--tint);width:45px;height:45px;border-radius:12px;display:grid;place-items:center}.agent-state{font-size:9px;color:#99a093;background:#f6f7f3;padding:4px 6px;border-radius:4px}.agent-card h3{font-size:13px;margin:17px 0 4px}.agent-card p{font-size:10px;margin:0 0 16px}.agent-card .task{padding-top:12px;border-top:1px solid #eef0e9;font-size:10px;color:#949d91;line-height:1.5}.agent-card .task b{display:block;color:#66735f;font-size:11px;font-weight:400;margin-top:5px}footer{padding:16px 38px;display:flex;justify-content:space-between;font-size:9px;color:#a0a89d;max-width:1550px;margin:auto}.inbox{display:grid;grid-template-columns:290px 1fr;min-height:470px}.inbox-list{border-right:1px solid var(--line);padding:18px}.search{width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;outline-color:#99b287;background:#fafbf8}.filters{display:flex;gap:5px;margin:15px 0}.filters button{font-size:10px;background:#f3f5ef;border-radius:5px;padding:8px}.filters .selected{background:#dfe9d7}.contact{width:100%;padding:14px 8px;text-align:left;border-bottom:1px solid #eee;font-size:12px}.contact.active{background:#f1f5ec}.contact small{display:block;color:#9aa293;margin-top:7px}.chat{padding:24px;display:flex;flex-direction:column}.chat h3{margin-top:0}.chat-empty{margin:auto;text-align:center;max-width:300px;color:#8d9986;line-height:1.8}.messages{flex:1}.bubble{padding:12px 15px;background:#f1f4ec;max-width:78%;border-radius:12px 12px 12px 0;margin:15px 0;font-size:12px;line-height:1.7}.bubble.out{margin-left:auto;background:#e1ecda;border-radius:12px 12px 0 12px}.compose{display:flex;gap:10px;margin-top:20px}.compose input{flex:1;min-width:0}.empty{padding:65px 30px;text-align:center;color:#919b89}.empty h3{color:#52674a}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting{padding:26px}.setting h3{margin:12px 0}.setting p{font-size:12px}.setting ul{padding-left:18px;color:#7c8973;line-height:2;font-size:12px}.muted-button{padding:10px 13px;background:#eef2e8;border-radius:6px;font-size:11px}.demo-live .desk .person{animation:work 1s ease-in-out infinite alternate}.demo-live .desk:first-of-type .person{animation:none}@keyframes work{to{transform:rotateZ(34deg) rotateX(-54deg) translateY(-3px)}}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;width:min(460px,90vw);color:var(--ink);box-shadow:0 20px 100px #23332233}dialog::backdrop{background:#26332755;backdrop-filter:blur(3px)}dialog p,dialog li{font-size:13px;line-height:1.8;color:#7a8771}.close{float:right;font-size:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#294b38;color:white;padding:14px 25px;border-radius:10px;font-size:12px;display:none;z-index:10}.task-row{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line);font-size:12px}.task-row small{color:#8c9984} @media(min-width:1500px){.scene-wrap{height:410px}.scene{top:50px;transform:rotateX(54deg) rotateZ(-34deg) scale(1.08)}}@media(max-width:1150px){.office-layout{grid-template-columns:1fr}.activity-panel{display:none}.agent-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:200px;padding:28px 14px}.shell{margin-left:200px}main{padding:28px 24px}.heading{align-items:flex-start}h1{font-size:24px}.notice button{display:none}}@media(max-width:720px){.sidebar{position:static;width:100%;padding:15px;border-bottom:1px solid var(--line)}.brand{font-size:27px}.workspace,.navlabel,.sidebottom{display:none}nav{display:flex;margin-top:15px;overflow:auto}nav button{white-space:nowrap;width:auto;margin:0;padding:9px;font-size:11px}nav button span,nav em{display:none}.shell{margin-left:0}header{height:52px;padding:0 18px}main{padding:23px 16px}.heading{display:block}.heading .primary{margin-bottom:20px}.notice{line-height:1.7}.agent-grid{gap:9px}.agent-card{padding:14px}.scene{transform:rotateX(54deg) rotateZ(-34deg) scale(.7);top:5px}.scene-wrap{height:290px}.settings-grid,.inbox{grid-template-columns:1fr}.inbox-list{border-right:0;border-bottom:1px solid var(--line)}.chat{min-height:300px}footer{padding:20px 16px;gap:15px}.office-bottom{font-size:8px}.env{display:none}.heading p{max-width:330px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.floor>section{position:absolute;inset:0;transform-style:preserve-3d}

/* Private manager office in the rear-left corner. */
.manager-room{position:absolute;left:14px;top:12px;width:156px;height:128px;background:#cbd6be88;border:2px solid #a7b79a;transform-style:preserve-3d;pointer-events:none}
.room-wall{position:absolute;display:block;transform-style:preserve-3d;background:linear-gradient(0deg,#a5b59d 0 12px,#e9f1e295 12px 65px,#93a28b 65px 69px);border:3px solid #9caa91;height:69px;transform-origin:bottom;box-sizing:border-box}
.room-wall.divider{width:128px;left:154px;top:-69px;transform-origin:0 100%;transform:rotateZ(90deg) rotateX(-90deg)}
.room-wall.rear{width:96px;left:0;top:59px;transform:rotateX(-90deg)}
.room-door{position:absolute;left:99px;top:125px;width:54px;height:4px;background:#8b9c7d}
.manager-sign{position:absolute;left:11px;top:104px;font:700 8px 'DM Sans',sans-serif;letter-spacing:1px;color:#526849}
.desk:first-of-type{left:34px;top:30px;background:#c4ad87;border-color:#a58e6b}
.rug{left:183px;top:123px;width:155px;height:47px}

/* Expanded office: dedicated manager suite and shared three-person studio. */
.office-layout{grid-template-columns:minmax(0,1fr)}
.activity-panel{display:none}
.scene-wrap{height:535px;perspective:1400px}
.scene{width:650px;height:390px;margin-left:-325px;top:60px;transform:rotateX(52deg) rotateZ(-28deg) scale(.95)}
.wall{width:650px;height:120px;top:-120px}
.wall:after{left:375px;top:40px}
.wall.side{width:390px;height:120px}
.wall.side:after{width:215px;left:60px}
.manager-room{left:15px;top:12px;width:225px;height:325px;background:#c8d3bb;border:3px solid #a1b391}
.room-wall{height:100px;background:linear-gradient(0deg,#9eae91 0 20px,#e6eeddbb 20px 94px,#8f9f83 94px);border:3px solid #8f9f83}
.room-wall.divider{width:325px;left:222px;top:-100px;transform-origin:0 100%;transform:rotateZ(90deg) rotateX(-90deg)}
.room-wall.rear{width:140px;left:0;top:225px;transform:rotateX(-90deg)}
.room-door{left:146px;top:322px;width:73px;height:5px;background:#829373}
.manager-sign{left:28px;top:285px;font-size:12px;letter-spacing:2px}
.desk:first-of-type{left:65px;top:65px;width:125px;height:75px;background:#c4ad87}
.desk:nth-of-type(2){left:310px;top:50px}
.desk:nth-of-type(3){left:485px;top:50px}
.desk:nth-of-type(4){left:395px;top:240px}
.person{transform:rotateZ(28deg) rotateX(-52deg)}
.plant{left:580px;top:305px}
.rug{left:290px;top:155px;width:295px;height:55px}
.manager-room:after{content:'';position:absolute;left:30px;top:190px;width:115px;height:42px;border-radius:10px;background:#8d9f7d;border:6px solid #7f9170;box-shadow:0 7px 0 #6f815f;transform:translateZ(14px)}
@keyframes work{to{transform:rotateZ(28deg) rotateX(-52deg) translateY(-3px)}}
@media(min-width:1500px){.scene-wrap{height:600px}.scene{top:90px;transform:rotateX(52deg) rotateZ(-28deg) scale(1.12)}}
@media(max-width:1150px){.scene-wrap{height:460px}.scene{top:35px;transform:rotateX(52deg) rotateZ(-28deg) scale(.72)}}
@media(max-width:720px){.scene-wrap{height:350px}.scene{top:-5px;transform:rotateX(52deg) rotateZ(-28deg) scale(.46)}.room-caption{font-size:9px;max-width:65%}}
.inbox{height:650px;min-height:450px}.inbox-list{display:flex;flex-direction:column;min-height:0}.contact-results{overflow:auto;flex:1}.contact small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-pages{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:15px;font-size:10px}.chat{min-height:0;overflow:hidden}.messages{min-height:0;overflow:auto;padding-right:10px}.bubble details{font-size:11px;white-space:normal;overflow-wrap:anywhere}.bubble a{text-decoration:underline;color:#285d49}@media(max-width:720px){.inbox{height:auto}.inbox-list{max-height:380px}.chat{height:550px}}
/* Focused, three-column conversation workspace. */
.inbox-view main{max-width:none;padding:20px 24px 12px}.inbox-view .heading{margin-bottom:16px}.inbox-view .heading h1{font-size:23px}.inbox-view .heading .eyebrow,.inbox-view .heading p,.inbox-view .notice{display:none}.inbox-view footer{max-width:none}.sereno-inbox{--line:#34423e;--muted:#a3b2ab;color:#edf3ed;background:#1c2824;border:1px solid #34423e;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #142b1e12}.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;background:#202d28;border-bottom:1px solid var(--line)}.inbox-toolbar h2{margin:0 0 5px;font-size:23px;letter-spacing:-.8px}.inbox-toolbar h2 span{color:#d6ef7a;font-weight:400;margin-left:8px}.inbox-toolbar small{color:#a3b2ab;font-size:11px}.inbox-toolbar-actions{display:flex;align-items:center;gap:12px;font-size:11px}.inbox-toolbar-actions button{border:1px solid #46574d;padding:8px 10px;border-radius:6px}.source-indicator{color:#d6ef7a}.sereno-inbox .inbox{grid-template-columns:290px minmax(260px,1fr) 240px;height:calc(100dvh - 290px);min-height:540px}.sereno-inbox .inbox-list{padding:0;border-right:1px solid var(--line);background:#202c27}.sereno-inbox .search{margin:18px;width:calc(100% - 36px);background:#19251f;border:1px solid #3a4a40;color:#f2f5ef;font-size:12px}.sereno-inbox .search::placeholder{color:#a0aea4}.channel-tabs{display:flex;gap:18px;padding:0 18px 14px;border-bottom:1px solid var(--line);font-size:11px;color:#99a99f}.channel-tabs .selected{color:#d6ef7a}.channel-tabs small{font-size:8px;border:1px solid #465349;border-radius:3px;padding:2px;margin-left:4px}.list-caption{display:flex;justify-content:space-between;padding:14px 18px;font-size:10px;color:#acb7af}.list-caption span{color:#d6ef7a}.sereno-inbox .contact{display:flex;gap:10px;padding:16px;border-bottom:1px solid #34423e;color:#edf3ed}.sereno-inbox .contact:hover{background:#2c3a30}.sereno-inbox .contact.active{background:#34452f;box-shadow:inset 3px 0 #d6ef7a}.contact-avatar{display:grid;place-items:center;flex-shrink:0;background:#cfe77b;color:#26351f;font-size:15px;font-weight:700;width:34px;height:38px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.contact-copy{min-width:0;flex:1}.contact-name{display:flex;gap:8px;justify-content:space-between;font-weight:600;font-size:12px}.contact-name time{font-weight:400;color:#b1bdaf;font-size:9px;white-space:nowrap}.sereno-inbox .contact small{color:#bdc8bf;margin-top:6px;font-size:11px}.contact-channel{display:block;font-size:9px;color:#9fad9f;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sereno-inbox .inbox-pages{padding:12px 15px;border-top:1px solid var(--line);color:#aebbac}.inbox-pages button{padding:5px 9px;border:1px solid #465349;border-radius:4px}.sereno-inbox .chat{padding:0;background:#19251f;min-width:0}.conversation-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.conversation-header h3{font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}.conversation-header small{color:#a0b09f;font-size:10px}.read-badge{margin-left:auto;font-size:9px;white-space:nowrap;color:#d6ef7a;border:1px solid #536148;padding:6px 8px;border-radius:4px}.conversation-strip{display:flex;gap:24px;border-bottom:1px solid var(--line);font-size:10px;color:#a1b09f;padding:0 20px}.conversation-strip span{padding:13px 0}.conversation-strip .selected{color:#d6ef7a;border-bottom:2px solid #d6ef7a}.sereno-inbox .messages{padding:8px 22px 20px;background:radial-gradient(ellipse at top left,#26382a55,transparent 70%)}.sereno-inbox .bubble{background:#2b3a30;color:#ecf2e8;border:1px solid #3d4d3e;border-radius:8px 8px 8px 2px;max-width:88%;font-size:12px;padding:12px 14px;overflow-wrap:anywhere}.sereno-inbox .bubble.out{background:#394930;border-color:#647646;border-radius:8px 8px 2px 8px}.message-text{white-space:pre-wrap}.sereno-inbox .bubble small{display:block;text-align:right;color:#b5c3aa;font-size:9px;margin-top:8px}.sereno-inbox .bubble a{color:#d6ef7a}.day-divider{text-align:center;font-size:9px;margin:20px 0;color:#a4b59c}.day-divider span{background:#24332a;padding:6px 12px;border-radius:20px}.sereno-inbox #older-messages{display:block;margin:10px auto;color:#d6ef7a;font-size:11px}.draft-composer{border-top:1px solid var(--line);padding:14px 18px;background:#202e26}.draft-composer textarea{width:100%;resize:vertical;min-height:65px;max-height:160px;background:#19251f;border:1px solid #475640;border-radius:6px;padding:12px;color:#f4f6ee;font-size:12px}.draft-composer textarea::placeholder{color:#a8b69f}.draft-composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.draft-composer small{font-size:9px;color:#a5b29b}.draft-composer button{background:#d6ef7a;color:#26351f;border-radius:4px;padding:9px 12px;font-size:10px;font-weight:600}.contact-profile{border-left:1px solid var(--line);padding:22px 18px;overflow:auto;background:#222f27}.profile-summary{text-align:center;padding-bottom:22px}.profile-summary .contact-avatar{margin:0 auto 14px;width:54px;height:60px;font-size:24px}.profile-summary h3{font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}.profile-summary p{font-size:10px;margin:5px 0 14px;color:#b5c4a9}.profile-channel{font-size:9px;border:1px solid #526448;border-radius:4px;padding:5px 8px;color:#d6ef7a;display:inline-block}.contact-profile section{border-top:1px solid var(--line);padding:18px 0}.contact-profile h4{font-size:10px;color:#d6ef7a;letter-spacing:1px;margin:0 0 15px}.contact-profile dl{margin:0;font-size:10px}.contact-profile dt{color:#a6b59e;margin:13px 0 4px}.contact-profile dd{margin:0;overflow-wrap:anywhere;line-height:1.6}.contact-profile section p{font-size:11px;color:#acbba3;margin:0 0 12px}.inbox-sync{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px 18px;font-size:9px;color:#b2bea8}.sync-dot{width:5px;height:5px;background:#d6ef7a;border-radius:50%;flex-shrink:0}.session-note{margin-left:auto;color:#8f9f89}.inbox-placeholder{padding:25px 18px;color:#aab8a3;font-size:12px;line-height:1.8}.empty-chat-icon{display:block;color:#d6ef7a;font-size:40px}.sereno-inbox .chat-empty h3{color:#edf3ed;font-size:17px}.sereno-inbox .chat-empty p{color:#a3b29c}.sereno-inbox ::-webkit-scrollbar{width:5px}.sereno-inbox ::-webkit-scrollbar-thumb{background:#53664a;border-radius:10px}@media(min-width:1500px){.sereno-inbox .inbox{grid-template-columns:320px minmax(300px,1fr) 270px}}@media(max-width:1200px){.inbox-view .sidebar{width:180px}.inbox-view .shell{margin-left:180px}.sereno-inbox .inbox{grid-template-columns:260px minmax(260px,1fr)}.contact-profile{display:none}}@media(max-width:720px){.inbox-view .sidebar{width:100%}.inbox-view .shell{margin-left:0}.inbox-view main{padding:16px 10px}.inbox-toolbar{padding:16px}.inbox-toolbar-actions{gap:5px}.source-indicator,.session-note{display:none}.inbox-toolbar h2{font-size:20px}.sereno-inbox .inbox{grid-template-columns:1fr;height:auto;min-height:0}.sereno-inbox .inbox-list{max-height:360px;border-right:0}.sereno-inbox .chat{height:620px;min-height:350px}.sereno-inbox .contact{padding:12px 16px}.sereno-inbox .messages{padding:8px 14px}.conversation-header{padding:16px}.inbox-sync{line-height:1.6}.sereno-inbox .bubble{max-width:94%}}
.message-card{white-space:pre-wrap;overflow-wrap:anywhere;min-width:180px}.card-title{font-size:12px;line-height:1.8}.card-subtitle{color:#c1ceb7;font-size:11px;margin-top:8px}.sereno-inbox .message-action{display:block;margin-top:12px;border:1px solid #8a9d61;border-radius:5px;padding:10px 13px;text-align:center;color:#e4f8aa;text-decoration:none;font-size:12px}.message-action.inactive{color:#c7d3b7;border-color:#637652;cursor:default}.message-carousel{display:flex;gap:14px;overflow:auto;max-width:100%}.message-carousel .message-card{min-width:230px;max-width:280px;flex-shrink:0}.message-media{display:block;width:100%;max-width:360px;max-height:360px;object-fit:contain;border-radius:7px;margin:8px 0;background:#142019}.media-open{display:block;font-size:10px;margin-top:8px}.media-unavailable{font-size:11px;line-height:1.7;color:#bbc9ad;padding:4px 0}.message-text:empty{display:none}