.social-panel{max-width:1000px}.social-panel h1{max-width:760px;text-wrap:balance}.social-panel h2{font-size:21px;margin:0}.social-notice{padding:16px 20px;border-left:3px solid #285b47;background:#edf2e9;color:#244633;line-height:1.6}.social-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 16px}.social-toolbar span{font-size:13px;color:#65706a}.social-channels{border-top:1px solid #dce2d8}.social-channel{display:grid;grid-template-columns:42px minmax(100px,1fr) minmax(110px,auto);align-items:center;gap:15px;padding:19px 4px;border-bottom:1px solid #dce2d8}.social-channel-mark{width:38px;height:38px;border:1px solid #c8d5cb;border-radius:10px;display:grid;place-items:center;color:#285b47;font-weight:700;font-size:14px}.social-channel strong{display:block;font-size:16px}.social-channel small{display:block;margin-top:4px;color:#65706a;line-height:1.5}.social-channel-status{font-size:13px;color:#65706a;text-align:right}.social-help{margin:24px 0 32px;line-height:1.7}.social-help summary{cursor:pointer;color:#285b47;font-weight:600}.social-help p{max-width:760px}.social-form{margin-top:20px;max-width:760px;display:grid;gap:18px}.social-form label{display:grid;gap:8px;font-weight:600}.social-form select,.social-form textarea{width:100%;max-width:100%;box-sizing:border-box;padding:12px;border:1px solid #becbbf;border-radius:8px;background:#fff;font:inherit;color:#213a2c}.social-form p{margin:0;color:#65706a;line-height:1.6;font-size:14px}.social-form button{justify-self:start}.social-dialog{padding:20px 0;border-top:1px solid #dce2d8;overflow-wrap:anywhere}.social-dialog p{white-space:pre-wrap;line-height:1.6}.social-dialog small{color:#65706a}.social-dialog button{margin-top:8px}.social-panel button:focus-visible,.social-panel summary:focus-visible,.social-form :focus-visible{outline:3px solid #638970;outline-offset:3px}@media(max-width:600px){.social-panel h1{font-size:27px}.social-channel{grid-template-columns:34px minmax(0,1fr);gap:12px}.social-channel-mark{width:32px;height:32px;font-size:12px}.social-channel-status{grid-column:2;text-align:left}.social-toolbar{align-items:flex-start}.social-toolbar span{max-width:130px}.social-form button{width:100%}}
.social-form input,.social-dialog select{max-width:100%;box-sizing:border-box;padding:12px;border:1px solid #becbbf;border-radius:8px;background:#fff;font:inherit;color:#213a2c}.social-dialog>strong{display:block;margin-top:6px}.social-dialog label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.social-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.social-metrics>div{background:#edf2e9;border:1px solid #d5ded1;border-radius:14px;padding:20px;display:grid;gap:6px}.social-metrics strong{font-size:30px;color:#285b47}.social-metrics span,.social-footnote{font-size:13px;color:#65706a}.social-lead{padding:24px;margin:16px 0;border:1px solid #d5ded1;border-radius:14px;background:#fff}.social-lead h3{font-size:20px;margin:12px 0}.social-lead p{line-height:1.6;overflow-wrap:anywhere}.social-state,.social-badge{background:#dbe8d8;color:#244633;padding:5px 10px;border-radius:20px;font-size:12px}.social-badge{margin-left:8px}.social-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.social-actions label{margin-left:auto}.social-actions select,.social-toolbar select{padding:10px;border:1px solid #becbbf;border-radius:8px;background:#fff;font:inherit;max-width:100%}.social-contact{font-weight:600}.social-transcript{border:1px solid #becbbf;padding:24px;border-radius:14px;background:#f6f7f1}.social-message{max-width:85%;padding:14px 18px;margin:12px 0;background:white;border-radius:12px;overflow-wrap:anywhere}.social-message-business{margin-left:auto;background:#e6efdf}.social-message p{white-space:pre-wrap;line-height:1.6}.social-message small{color:#65706a}.social-form details label{margin:18px 0}.social-footnote{line-height:1.7;margin:24px 0}.social-panel [hidden]{display:none!important}@media(max-width:600px){.social-metrics{gap:8px}.social-metrics>div{padding:12px}.social-metrics strong{font-size:25px}.social-metrics span{font-size:12px}.social-actions{align-items:stretch}.social-actions>*{width:100%}.social-actions label{margin:0}.social-transcript,.social-lead{padding:16px}.social-message{max-width:95%}.social-toolbar{flex-wrap:wrap}}
