.cp-workspace{max-width:1050px;margin:auto}.cp-hero{background:linear-gradient(125deg,#152d43,#2d4b60);color:#fff;border-radius:22px;padding:28px 30px;margin-bottom:22px}.cp-hero h3{font:400 32px Georgia,serif;margin:14px 0}.cp-hero .eyebrow{color:#e0c28d}.cp-hero p{color:#deebf2;line-height:1.7;max-width:720px}.cp-card{padding:24px;border:1px solid #e0e3e6;background:#fff;border-radius:18px;margin:20px 0;line-height:1.7}.cp-card h3{margin-top:0}.cp-share{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center}.cp-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.cp-actions>*{min-height:44px}.cp-anchor{display:inline-flex;align-items:center;text-decoration:none;padding:10px 16px;border-radius:10px;font-size:13px}.cp-qr{text-align:center}.cp-qr svg{width:100%;max-width:260px;height:auto}.cp-qr small{font-size:11px;display:block;color:#71818d}.cp-delivery{padding:16px 0;border-bottom:1px solid #e5e9ec}.cp-delivery small{display:block;color:#7c8c99;margin-top:6px}.cp-inbox{display:grid;grid-template-columns:300px 1fr;border:1px solid #dedfd9;background:#fffcf7;border-radius:24px;overflow:hidden;min-height:650px}.cp-people{padding:22px;background:#f4f3ef;border-right:1px solid #e2dfd4}.cp-person{display:flex;gap:11px;width:100%;padding:17px 8px;text-align:left;border:0;border-bottom:1px solid #e1e4e4;background:transparent;align-items:center;color:#203e55}.cp-person.active{background:#e5e9e9;border-radius:12px}.cp-person>span:nth-child(2){min-width:0;flex:1}.cp-person strong{display:block;font-size:14px}.cp-person small{display:block;color:#788994;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin-top:7px}.cp-person b{border-radius:20px;background:#b6985c;color:#fff;min-width:22px;text-align:center;padding:4px;font-size:11px}.cp-avatar{display:grid;place-items:center;min-width:37px;height:37px;background:#1e3b52;color:#e2c58e;border-radius:50%;font:20px Georgia,serif}.cp-conversation{padding:30px;min-width:0}.cp-conversation h2{font-family:Georgia,serif}.cp-messages{display:flex;flex-direction:column;gap:12px;min-height:250px;max-height:530px;overflow:auto;padding:20px 0;margin:18px 0}.cp-bubble{max-width:85%;border-radius:17px;padding:16px 19px;background:#eef1f1;align-self:flex-start}.cp-bubble.team{align-self:flex-end;background:#1f3c52;color:#fff}.cp-bubble small{font-size:11px;font-weight:600;opacity:.8}.cp-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:8px 0}.cp-bubble time{font-size:10px;opacity:.65}.cp-acknowledged{display:inline-block;background:#edf7ef;color:#326547;border:1px solid #d0e4d6;border-radius:9px;padding:9px 12px;margin:12px 0;font-size:13px}.sick-metrics.has-confirmation{grid-template-columns:repeat(4,1fr)}@media(max-width:760px){.cp-share{grid-template-columns:1fr}.cp-qr svg{width:220px}.cp-inbox{grid-template-columns:1fr}.cp-people{border-right:0;border-bottom:1px solid #e2dfd4;max-height:270px;overflow:auto}.cp-conversation{padding:21px}.cp-card{padding:19px}.cp-hero{padding:23px}.cp-bubble{max-width:94%}.sick-metrics.has-confirmation{grid-template-columns:repeat(2,1fr)}}

[data-page=customerChat].has-customer-unread{box-shadow:inset 3px 0 #c9a76c;color:#8b632b;font-weight:700}

.cp-mobile-tabs{max-width:1240px;margin:15px auto 0;display:flex;gap:8px;padding:0 12px}.cp-mobile-tabs button{font:600 12px Arial;padding:13px 16px;border:1px solid #ded7c9;border-radius:10px;background:#fff;color:#26445a}.cp-mobile-tabs button.active{background:#1c3a50;color:#e2c891}.cp-mobile-tabs button:last-child{margin-left:auto}.cp-mobile-heading{padding:15px;color:#233e52}.cp-mobile-heading h1{font:30px Georgia,serif}.cp-mobile-heading p{font:14px Arial;line-height:1.6}.tc-phone-body .cp-inbox{font-family:Arial,sans-serif;color:#203c52}.tc-phone-body .cp-inbox .field{display:block;font-size:12px;font-weight:600}.tc-phone-body .cp-inbox input,.tc-phone-body .cp-inbox textarea{display:block;box-sizing:border-box;width:100%;padding:14px;border:1px solid #d9dfe1;border-radius:10px;font:14px Arial;margin-top:10px}.tc-phone-body .cp-inbox .primary{border:0;border-radius:10px;padding:15px 20px;background:#caae77;color:#17344c;font-weight:600}#cpMobileStatus{padding:15px;border-radius:10px;background:#f8eade;color:#7f3a2b;font:14px Arial}

.sick-tabs{display:flex;flex-wrap:wrap;gap:5px}.sick-tabs button{flex:1 1 auto}