:root{--wine: #0c642e;--wine-dark: #095024;--cream: #f4f1eb;--ink: #2a2420;--muted: #8a8074;--border: #e7e1d6;--faint: #b0a896;--online: #7f9f7b;--away: #d8cdbe;--white: #ffffff;color:var(--ink);font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13.5px;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input,textarea{font:inherit}button{cursor:pointer}.mono{font-family:DM Mono,monospace}.admin-shell{display:flex;height:100vh;width:100%;overflow:hidden}.admin-strip{align-items:center;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 0;width:60px}.admin-logo{align-items:center;background:var(--wine);border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;margin-bottom:8px;width:36px}.strip-btn{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);display:flex;height:36px;justify-content:center;width:36px}.strip-btn.active{background:var(--cream);color:var(--wine)}.chat-workspace{display:flex;flex:1;min-width:0}.list-panel{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;width:min(360px,32vw)}.list-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 8px}.panel-title{font-size:15px;font-weight:600}.notice-chip,.widget-error{background:var(--cream);border:1px solid var(--border);border-radius:999px;color:var(--wine);font-size:11.5px;max-width:180px;overflow:hidden;padding:5px 9px;text-overflow:ellipsis;white-space:nowrap}.filters{display:flex;gap:4px;padding:0 16px 12px}.filter-btn,.status-btn{background:var(--cream);border:0;border-radius:999px;color:var(--muted);font-size:11.5px;font-weight:500;padding:5px 10px;text-transform:capitalize}.filter-btn.active,.status-btn.active{background:var(--wine);color:#fff}.chat-list{border-top:1px solid var(--border);flex:1;overflow-y:auto}.chat-row,.convo-item{background:transparent;border:0;border-bottom:1px solid var(--border);border-left:3px solid transparent;display:block;padding:12px 16px;text-align:left;width:100%}.chat-row:hover,.chat-row.active,.convo-item:hover{background:var(--cream)}.chat-row.active{border-left-color:var(--wine)}.row-top,.preview-row,.convo-top{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.name{color:var(--ink);font-weight:600}.time{color:var(--muted);flex-shrink:0;font-size:10.5px}.preview,.convo-preview{color:var(--muted);display:block;flex:1;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{background:var(--wine);border-radius:50%;flex-shrink:0;height:6px;width:6px}.empty-list,.no-chat,.empty-state{align-items:center;color:var(--muted);display:flex;flex:1;font-size:12.5px;justify-content:center;padding:32px;text-align:center}.conversation-panel{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;height:100%}.conversation-header{align-items:center;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 20px}.conversation-header .status{color:var(--muted);font-size:11.5px}.status-buttons{display:flex;gap:6px}.status-btn{background:#fff;border:1px solid var(--border)}.message-pane,.thread-messages{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.msg-row{display:flex}.msg-row.agent{justify-content:flex-end}.msg-row.visitor{justify-content:flex-start}.bubble{border-radius:16px;line-height:1.45;max-width:min(60%,660px);padding:10px 16px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.agent{background:var(--wine);border-bottom-right-radius:4px;color:#fff}.bubble.visitor{background:#fff;border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--ink)}.bubble .t{font-size:10px;margin-top:4px}.bubble.agent .t{color:#ffffffb3}.bubble.visitor .t{color:var(--faint)}.reply-bar,.composer{align-items:center;background:#fff;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:16px}.reply-bar input,.composer input{border:1px solid var(--border);border-radius:999px;color:var(--ink);flex:1;outline:none;padding:10px 16px;min-width:0}.send-round{align-items:center;background:var(--wine);border:0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.settings-view{flex:1;overflow-y:auto}.settings-inner{margin:0 auto;max-width:680px;padding:32px 32px 60px}.settings-inner h1{font-size:18px;font-weight:600;margin:0}.sub{color:var(--muted);font-size:12.5px;margin-top:2px}.settings-section{background:#fff;border:1px solid var(--border);border-radius:8px;margin-top:24px;padding:20px}.settings-section .h,.away-thanks .h{font-size:13.5px;font-weight:600;margin-bottom:4px}.settings-section .d,.away-thanks .s{color:var(--muted);font-size:11.5px;margin-bottom:16px}.day-row{border-top:1px solid var(--border);display:flex;gap:16px;padding:8px 0}.day-row:first-child{border-top:0}.day-label{font-size:12.5px;font-weight:500;padding-top:8px;width:40px}.day-ranges{flex:1}.range-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.range-row input,.timezone-input,.webhook-input{border:1px solid var(--border);border-radius:8px;color:var(--ink);outline:none;padding:6px 10px}.remove-range{align-items:center;background:transparent;border:0;border-radius:50%;color:var(--muted);display:flex;height:24px;justify-content:center;width:24px}.remove-range:hover{background:var(--cream)}.add-range{align-items:center;background:transparent;border:0;color:var(--wine);display:flex;font-size:11.5px;font-weight:500;gap:4px;padding:0}.closed-label{color:var(--faint);font-size:11.5px;padding-top:8px}.tz-row{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.tz-row .k,.field-label{color:var(--muted);font-size:11.5px;font-weight:500}.timezone-input{background:var(--cream);width:180px}.webhook-input{display:block;font-family:DM Mono,monospace;font-size:12.5px;margin-top:4px;padding:10px 12px;width:100%}.secondary-btn,.save-btn{border-radius:8px;font-size:12px;font-weight:500;margin-top:12px;padding:8px 14px}.secondary-btn{background:#fff;border:1px solid var(--border);color:var(--ink)}.save-btn{background:var(--wine);border:0;color:#fff;font-size:13px;margin-top:24px;padding:10px 20px}.widget-stage{align-items:flex-end;background:transparent;display:flex;justify-content:flex-end;min-height:100vh;padding:24px}.widget-launcher{align-items:center;background:var(--wine);border:0;border-radius:50%;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.widget-panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 50px #00000038;display:flex;flex-direction:column;height:560px;overflow:hidden;width:360px}.widget-header{align-items:center;background:var(--wine);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.widget-header .title{font-size:15px;font-weight:600}.widget-header .status{align-items:center;display:flex;font-size:12px;gap:6px;margin-top:2px;opacity:.85}.dot{border-radius:50%;display:inline-block;height:6px;width:6px}.dot.online{background:var(--online)}.dot.away{background:var(--away)}.close-btn,.back-btn{align-items:center;background:transparent;border:0;color:inherit;display:flex;padding:4px}.widget-body{background:var(--cream);display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.widget-view{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}.home-view{gap:14px;padding:20px}.widget-hero{background:linear-gradient(135deg,var(--wine),var(--wine-dark));border-radius:14px;color:#fff;margin-bottom:2px;padding:16px}.widget-hero .h{font-size:16px;font-weight:600}.widget-hero .s{font-size:12.5px;margin-top:4px;opacity:.85}.link-row,.cta-row{align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;color:inherit;display:flex;gap:12px;padding:14px;text-align:left;width:100%}.link-row:hover,.cta-row:hover{border-color:var(--wine)}.icon-circle{align-items:center;background:var(--cream);border-radius:50%;color:var(--wine);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.link-row .t,.cta-row .t{color:var(--ink);display:block;font-size:14px;font-weight:600}.link-row .sub,.cta-row .sub{color:var(--muted);display:block;font-size:12px;margin-top:2px}.cta-row{justify-content:space-between}.cta-row svg{color:var(--wine);flex-shrink:0}.subheader{align-items:center;background:#fff;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.subheader .left{align-items:center;display:flex;gap:8px}.subheader .label{color:var(--ink);font-size:13px;font-weight:500}.new-chat-btn{align-items:center;background:var(--wine);border:0;border-radius:999px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px}.convo-list{flex:1;overflow-y:auto}.thread-messages .msg-row.visitor{justify-content:flex-end}.thread-messages .msg-row.agent{justify-content:flex-start}.thread-messages .bubble{font-size:13.5px;max-width:90%;padding:9px 14px}.thread-messages .bubble.visitor{background:var(--wine);border:0;border-bottom-right-radius:4px;color:#fff}.thread-messages .bubble.agent{background:#fff;border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--ink)}.thread-messages .bubble.visitor .t{color:#ffffffb3}.thread-messages .bubble.agent .t{color:var(--faint)}.composer{padding:12px}.away-shell{padding:20px}.away-shell p{color:var(--muted);font-size:12.5px;margin:0 0 16px}.field{display:block;margin-bottom:12px}.field span{color:var(--muted);display:block;font-size:11.5px;font-weight:500;margin-bottom:4px}.field input,.field textarea{border:1px solid var(--border);border-radius:10px;color:var(--ink);outline:none;padding:9px 12px;resize:none;width:100%}.away-submit{background:var(--wine);border:0;border-radius:10px;color:#fff;font-size:13.5px;font-weight:500;padding:11px;width:100%}.away-thanks{padding-top:40px;text-align:center}.tabbar{background:#fff;border-top:1px solid var(--border);display:flex;flex-shrink:0}.tabbar button{background:transparent;border:0;border-top:2px solid transparent;color:var(--faint);flex:1;font-size:12.5px;font-weight:500;margin-top:-1px;padding:12px}.tabbar button.active{border-top-color:var(--wine);color:var(--wine)}@media(max-width:760px){.admin-strip{width:52px}.chat-workspace{flex-direction:column}.list-panel{border-bottom:1px solid var(--border);border-right:0;max-height:38vh;width:100%}.conversation-header{align-items:flex-start;flex-direction:column;gap:10px}.bubble{max-width:82%}.settings-inner{padding:24px 18px 48px}.day-row{flex-direction:column;gap:6px}.day-label{width:auto}}@media(max-width:420px){.widget-stage{padding:0}.widget-panel{border-radius:0;height:100vh;width:100vw}}body.widget-body-root{background:transparent!important;overflow:hidden}.typing-indicator{align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px 16px 16px 4px;display:inline-flex;gap:4px;padding:10px 16px;width:fit-content}.typing-indicator.agent{border-bottom-left-radius:16px;border-bottom-right-radius:4px;background:var(--wine)}.typing-indicator span{animation:bounce 1.4s infinite both;background:var(--faint);border-radius:50%;height:6px;width:6px}.typing-indicator.agent span{background:#ffffffb3}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:768px){.admin-shell{flex-direction:column!important}.admin-strip{width:100%!important;height:50px!important;flex-direction:row!important;padding:0 16px!important;justify-content:space-around!important;border-right:0!important;border-top:1px solid var(--border)!important;order:2}.admin-logo{display:none!important}.strip-btn{margin:0!important;height:40px!important;width:40px!important}.chat-workspace{flex:1!important;height:calc(100vh - 50px)!important;order:1;position:relative;width:100%!important}.settings-view{flex:1!important;height:calc(100vh - 50px)!important;order:1;padding:16px!important}.settings-inner{max-width:100%!important}.chat-workspace .list-panel,.chat-workspace .conversation-panel{display:none!important}.chat-workspace.mobile-list .list-panel,.chat-workspace.mobile-chat .conversation-panel,.chat-workspace.mobile-info .conversation-panel{display:flex!important;width:100%!important;max-width:100%!important;border-right:0!important}.chat-workspace.mobile-chat .chat-area-container{display:flex!important}.chat-workspace.mobile-chat .visitor-info-sidebar,.chat-workspace.mobile-info .chat-area-container{display:none!important}.chat-workspace.mobile-info .visitor-info-sidebar{display:flex!important;width:100%!important;max-width:100%!important}.conversation-header{padding:8px 12px!important;gap:8px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}.conversation-header .mobile-back-btn{display:flex!important;flex-shrink:0!important}.conversation-header .status-dropdown-wrapper{flex-shrink:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important}.conversation-header select{padding:4px 22px 4px 10px!important;font-size:11px!important;max-width:90px!important}.conversation-header .mobile-info-btn{display:flex!important;width:28px!important;height:28px!important;flex-shrink:0!important}.mobile-info-header{display:flex!important}}@keyframes spin{to{transform:rotate(360deg)}}