.sc-shell{min-height:100vh;background:#f6f7fb;color:#22243c}.sc-site-header{max-width:1120px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sc-site-header nav{display:flex;gap:24px;font-size:13px}.sc-site-header nav a,.sc-back{color:#5c5b77;text-decoration:none}.sc-main{max-width:840px;margin:auto;padding:28px 28px 64px}.sc-back{display:inline-flex;align-items:center;gap:8px;font-size:12px}.sc-back svg{width:15px;height:15px}.sc-heading{margin:32px 0 24px}.sc-eyebrow{font-size:10px;letter-spacing:.15em;color:#5146d8;font-weight:700}.sc-heading h1{font-size:38px;letter-spacing:-1.4px;margin:12px 0}.sc-heading p{font-size:14px;color:#77778d}.sc-panel{border:1px solid #e6e7ef;background:white;border-radius:16px;overflow:hidden;min-width:0}.sc-panel-heading{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eeedf4}.sc-panel-heading h2{font-size:15px;margin:0;overflow-wrap:anywhere}.sc-panel-heading p{font-size:11px;color:#8a899d;margin:6px 0 0}.sc-status{font-size:11px;font-weight:600;border-radius:20px;background:#f0eff9;color:#74718d;padding:7px 11px;white-space:nowrap}.sc-status[data-enabled=true]{background:#eceaff;color:#5146d8}.sc-availability{font-size:11px;line-height:1.7;color:#9291a3;margin:14px 24px 0}.sc-thread{height:360px;overflow:auto;overscroll-behavior:contain;padding:24px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.sc-message{padding:14px 16px;max-width:85%;border-radius:13px;background:#f1f2f7;align-self:flex-start;flex-shrink:0;min-width:180px}.sc-message.sc-customer{align-self:flex-end;background:#efedff}.sc-message>div{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center;justify-content:space-between}.sc-message strong{font-size:11px;color:#504a83}.sc-message time{font-size:10px;color:#9490a7}.sc-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:#3f3b58;margin:8px 0 0}.sc-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#8b889f}.sc-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f2f0ff;color:#6357e7;margin-bottom:12px}.sc-empty svg{width:22px;height:22px}.sc-empty h2{font-size:15px;color:#45405f;margin:0 0 8px}.sc-empty p{font-size:12px;line-height:1.8;max-width:300px;margin:0}.sc-compose{padding:20px 24px;border-top:1px solid #eeedf4}.sc-compose>label{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:#514d66}.sc-compose textarea{display:block;box-sizing:border-box;width:100%;min-height:92px;border:1px solid #e1dfed;border-radius:9px;padding:13px 14px;resize:vertical;font:inherit;font-size:13px;line-height:1.6;color:#353249;background:#fff}.sc-compose textarea:focus{outline:2px solid #6b60e933;outline-offset:1px;border-color:#6b60e9}.sc-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:14px}.sc-compose-footer small{font-size:10px;line-height:1.8;color:#9792a6;max-width:440px}.sc-compose-footer button{white-space:nowrap;font-size:12px;flex-shrink:0}.sc-error{font-size:12px;line-height:1.7;color:#aa394c;margin:10px 0 0}.sc-error:empty{display:none}.sc-offline{margin:0;padding:14px 24px;font-size:12px;line-height:1.8;background:#faf8ef;color:#81734d}.sc-launcher{position:fixed;right:24px;bottom:24px;z-index:85;display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border-radius:30px;background:#5146e8;color:white;box-shadow:0 7px 24px #4133b233;text-decoration:none;font-size:12px;font-weight:600}.sc-launcher svg{width:18px;height:18px}.sc-launcher:focus-visible{outline:3px solid #bcb5ff;outline-offset:4px}.sc-admin-settings{padding:20px 24px;margin-bottom:22px}.sc-admin-settings>label{display:flex;align-items:center;gap:12px;cursor:pointer}.sc-admin-settings input{width:18px;height:18px;accent-color:#5146e8;flex-shrink:0}.sc-admin-settings strong{font-size:13px}.sc-admin-settings small{display:block;font-size:11px;color:#918a9e;line-height:1.7;margin-top:4px}.sc-email-note{font-size:11px;line-height:1.8;color:#9b94a6;margin:12px 0 0}.sc-admin-layout{display:grid;grid-template-columns:minmax(235px,300px) minmax(0,1fr);gap:22px;align-items:start}.sc-inbox .sc-panel-heading{padding:20px}.sc-unread-total{font-size:10px;color:#817692;white-space:nowrap}.sc-conversation{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid #efedf4;color:#514664;text-decoration:none;min-width:0}.sc-conversation.is-active{background:#f2efff;box-shadow:inset 3px 0 #6655e8}.sc-conversation>span{min-width:0}.sc-conversation strong{display:block;font-size:12px;overflow-wrap:anywhere}.sc-conversation small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.7;color:#9a91a7;margin-top:5px;overflow-wrap:anywhere}.sc-conversation time{display:block;font-size:9px;color:#aaa2b4;margin-top:6px}.sc-conversation b{border-radius:12px;padding:4px 7px;background:#6655e8;color:#fff;font-size:10px}.sc-inbox-empty{font-size:12px;color:#94889d;padding:20px}.sc-admin-conversation .sc-thread{height:380px}#sc-conversations{max-height:620px;overflow:auto}.sc-compose[hidden],.sc-offline[hidden]{display:none}.gateway-webhook-copy{display:flex;gap:8px;margin-top:8px;align-items:stretch}.gateway-explanation>label .gateway-webhook-copy input{min-width:0;margin:0;flex:1}.gateway-webhook-copy button{font-size:11px;padding:9px 12px;flex-shrink:0}.gateway-copy-status{font-size:11px!important;margin:5px 0 0!important}
@media(max-width:900px){.sc-admin-layout{grid-template-columns:1fr}.sc-inbox #sc-conversations{max-height:240px}.sc-admin-conversation .sc-thread{height:340px}}
@media(max-width:600px){.sc-site-header{padding:20px}.sc-site-header .brand{font-size:18px}.sc-site-header nav{gap:16px;font-size:11px}.sc-main{padding:18px 16px 40px}.sc-heading{margin:26px 0 20px}.sc-heading h1{font-size:32px}.sc-panel-heading{padding:18px}.sc-availability{margin:12px 18px 0}.sc-thread{padding:18px;height:340px}.sc-compose{padding:18px}.sc-compose textarea{font-size:16px}.sc-compose-footer{gap:15px;align-items:flex-end}.sc-compose-footer small{font-size:9px}.sc-compose-footer button{font-size:11px;padding:11px 13px}.sc-message{max-width:94%;min-width:0}.sc-message>div{gap:7px}.sc-launcher{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px 15px}.sc-admin-settings{padding:18px}.sc-admin-layout{gap:16px}.sc-panel-heading p{line-height:1.7}}

.sc-admin-conversation .sc-message.sc-customer{align-self:flex-start;background:#f1f2f7}.sc-admin-conversation .sc-message.sc-admin{align-self:flex-end;background:#efedff}