.sprd-open-button{border:1px solid #6E93D6;border-radius:25px;padding:10px 20px;background:#6E93D6;color:#fff;font-weight:700;font-size:12px;cursor:pointer}
.sprd-modal[hidden]{display:none!important}.sprd-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px}.sprd-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}body.sprd-open{overflow:hidden}.sprd-dialog{position:relative;z-index:1;width:min(900px,96vw);max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}.sprd-close{position:absolute;right:12px;top:8px;width:38px;height:38px;border:0;background:transparent;font-size:30px;cursor:pointer}.sprd-header{padding:22px 58px 12px 24px;border-bottom:1px solid #eee}.sprd-header h2{margin:0 0 5px}.sprd-organization{color:#666}.sprd-tabs{display:flex;border-bottom:1px solid #eee}.sprd-tab{flex:1;padding:14px;border:0;background:#f7f7f7;font-weight:700;cursor:pointer}.sprd-tab.is-active{background:#fff;color:#547bc2;box-shadow:inset 0 -3px #6E93D6}.sprd-body{min-height:0;display:grid;grid-template-rows:minmax(220px,1fr) auto}.sprd-messages{overflow:auto;padding:18px 22px;background:#fafafa}.sprd-empty{text-align:center;color:#777;padding:35px 10px}.sprd-message{max-width:78%;margin:0 0 14px;padding:12px 14px;background:#fff;border:1px solid #e8e8e8;border-radius:12px}.sprd-message.is-mine{margin-left:auto;background:#edf4ff;border-color:#d6e6ff}.sprd-message.is-pinned{border:2px solid #6E93D6}.sprd-message__meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:#777}.sprd-pin-label{color:#547bc2;font-weight:700}.sprd-message__body{margin-top:7px;line-height:1.5}.sprd-message__body p:last-child{margin-bottom:0}.sprd-message__attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sprd-message__attachments img{width:120px;height:90px;object-fit:cover;border-radius:7px}.sprd-message__attachments video{max-width:260px;max-height:190px}.sprd-file-link{display:inline-block;padding:7px 10px;border:1px solid #ddd;border-radius:7px}.sprd-message__tools{display:flex;gap:10px;margin-top:8px}.sprd-message__tools button{border:0;background:none;color:#777;font-size:12px;cursor:pointer}.sprd-form{padding:16px 22px 20px;border-top:1px solid #eee;background:#fff}.sprd-form label{display:block;font-weight:600}.sprd-form input[type=text],.sprd-form textarea{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #d6d6d6;border-radius:8px;font:inherit}.sprd-private-subject{margin-bottom:12px}.sprd-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sprd-attach-button{display:inline-flex!important;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #cfd8e8;border-radius:18px;background:#fff;color:#547bc2;font-size:13px!important;cursor:pointer}.sprd-selected-files,.sprd-form-status{margin-top:8px;color:#666;font-size:13px}.sprd-email-copy{margin-top:10px;font-weight:400!important}.sprd-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.sprd-primary,.sprd-secondary{padding:10px 18px;border-radius:22px;font-weight:700;cursor:pointer}.sprd-primary{border:1px solid #6E93D6;background:#6E93D6;color:#fff}.sprd-secondary{border:1px solid #ccc;background:#fff}.sprd-inbox{max-width:900px;margin:20px auto}.sprd-inbox-thread{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px;margin-bottom:10px;text-align:left;background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer}.sprd-inbox-thread span{color:#666}.sprd-inbox-thread time{grid-row:1/3;grid-column:2;align-self:center;color:#777;font-size:12px}
@media(max-width:768px){.sprd-modal{padding:0}.sprd-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}.sprd-header{padding:16px 50px 10px 14px}.sprd-header h2{font-size:21px}.sprd-tab{padding:12px 7px;font-size:13px}.sprd-messages{padding:12px}.sprd-message{max-width:92%}.sprd-form{padding:12px}.sprd-actions>*{flex:1}.sprd-camera-photo,.sprd-camera-video{display:inline-flex!important}}
@media(min-width:769px){.sprd-camera-photo,.sprd-camera-video{display:none!important}}

/* Composer toolbar — v1.1 */
.sprd-compose-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}
.sprd-tool-button{width:38px;height:38px;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;border:1px solid #cfd8e8;border-radius:50%;background:#fff;color:#425f98;font-size:18px!important;line-height:1;cursor:pointer;transition:.15s ease}
.sprd-tool-button:hover{background:#edf4ff;border-color:#6E93D6;transform:translateY(-1px)}
.sprd-tool-button.is-recording{background:#e94b4b;color:#fff;border-color:#e94b4b;animation:sprd-pulse 1.2s infinite}
@keyframes sprd-pulse{50%{box-shadow:0 0 0 7px rgba(233,75,75,.16)}}
.sprd-emoji-panel{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:8px;background:#fafafa;border:1px solid #e5e5e5;border-radius:9px}
.sprd-emoji-panel[hidden]{display:none!important}
.sprd-emoji-panel button{width:34px;height:34px;padding:0;border:0;background:transparent;border-radius:6px;font-size:20px;cursor:pointer}
.sprd-emoji-panel button:hover{background:#e9eef8}
.sprd-voice-status{margin-top:7px;color:#666;font-size:13px}
.sprd-selected-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:10px}
.sprd-preview-item{min-width:0;padding:7px;background:#f8f8f8;border:1px solid #e5e5e5;border-radius:9px;display:flex;flex-direction:column;gap:5px}
.sprd-preview-item img,.sprd-preview-item video{width:100%;height:82px;object-fit:cover;border-radius:6px;background:#111}
.sprd-preview-item audio{width:100%;height:34px}
.sprd-preview-file-icon{font-size:30px;text-align:center;padding:10px 0}
.sprd-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;font-size:11px}
.sprd-message__attachments audio{width:min(330px,100%)}
@media(min-width:769px){.sprd-camera-photo,.sprd-camera-video{display:none!important}}
@media(max-width:768px){.sprd-compose-tools{gap:8px}.sprd-tool-button{width:40px;height:40px}.sprd-selected-files{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Advanced discussion features — v2.0 */
.sprd-public-options{display:flex;gap:12px;align-items:flex-end;margin-bottom:10px}.sprd-public-options label{flex:1}.sprd-public-options select{width:100%;margin-top:6px;padding:9px 10px;border:1px solid #d6d6d6;border-radius:8px;background:#fff}.sprd-reply-preview{position:relative;margin:0 0 10px;padding:9px 38px 9px 12px;background:#f2f6fc;border-left:3px solid #6E93D6;border-radius:6px;color:#555}.sprd-reply-preview button{position:absolute;right:8px;top:4px;border:0;background:none;font-size:22px;cursor:pointer}.sprd-quoted{display:flex;flex-direction:column;gap:2px;margin:8px 0;padding:7px 10px;border-left:3px solid #9ab1db;background:#f7f9fd;border-radius:4px;font-size:12px;color:#666}.sprd-type-label,.sprd-official-label{display:inline-flex;padding:2px 7px;border-radius:10px;background:#edf4ff;color:#547bc2;font-weight:700}.sprd-review-label{background:#fff6d9;color:#8a6900}.sprd-official-label{background:#e8f7ec;color:#26713c}.sprd-message.is-official{border-color:#78bd8a;background:#f5fff7}.sprd-message__actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.sprd-message__actions button{padding:4px 7px;border:1px solid #e0e0e0;border-radius:14px;background:#fff;color:#555;font-size:12px;cursor:pointer}.sprd-message__actions button:hover{border-color:#6E93D6;background:#edf4ff}.sprd-reaction span{font-variant-numeric:tabular-nums}.sprd-inbox-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.sprd-inbox-search{flex:1 1 260px;min-height:40px;padding:8px 12px;border:1px solid #ddd;border-radius:8px}.sprd-inbox-tools button{padding:8px 12px;border:1px solid #d7ddeb;border-radius:18px;background:#fff;cursor:pointer}.sprd-inbox-tools button.is-active{background:#6E93D6;color:#fff;border-color:#6E93D6}.sprd-inbox-thread{position:relative;grid-template-columns:minmax(0,1fr) auto}.sprd-inbox-thread.is-unread{border-left:4px solid #6E93D6;background:#f7faff}.sprd-inbox-thread small{grid-column:1;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprd-unread-badge{position:absolute;right:12px;bottom:9px;padding:2px 7px;background:#e94b4b;color:#fff;border-radius:10px;font-size:10px}.sprd-inbox-thread time{grid-row:1/4}.sprd-inbox-thread[hidden]{display:none!important}
@media(max-width:600px){.sprd-public-options{flex-direction:column;align-items:stretch}.sprd-message__actions{gap:4px}.sprd-message__actions button{font-size:11px;padding:4px 6px}}

/* Camera buttons: JS enables them on touch/mobile devices even in desktop viewport mode. */
.sprd-camera-photo,.sprd-camera-video{display:none!important}
body.sprd-camera-capable .sprd-camera-photo,body.sprd-camera-capable .sprd-camera-video{display:inline-flex!important}
@media(max-width:900px),(pointer:coarse),(hover:none){.sprd-camera-photo,.sprd-camera-video{display:inline-flex!important}}

/* Telegram на странице «Мої повідомлення» */
.sprd-telegram-connect {
    margin: 0 0 20px;
    padding: 18px;
    border: 1px solid #d8e2ec;
    border-radius: 10px;
    background: #f8fbfe;
}

.sprd-telegram-connect h3 {
    margin: 0 0 10px;
    font-size: 18px;
}

.sprd-telegram-description,
.sprd-telegram-hint,
.sprd-telegram-status {
    margin: 8px 0;
}

.sprd-telegram-status.is-connected {
    color: #17833d;
    font-weight: 600;
}

.sprd-telegram-status.is-error {
    color: #b32d2e;
}

.sprd-telegram-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 10px 18px;
    border-radius: 7px;
    background: #229ed9;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.sprd-telegram-button:hover,
.sprd-telegram-button:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
}

.sprd-telegram-hint {
    color: #666;
    font-size: 13px;
}
/* Telegram в окне обсуждения */
.sprd-telegram-modal-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 10px;
}

.sprd-telegram-modal-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    border-radius: 7px;
    background: #229ed9;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.sprd-telegram-modal-button:hover,
.sprd-telegram-modal-button:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
}

.sprd-telegram-modal-status small {
    color: #666;
    font-size: 12px;
}

.sprd-telegram-connected {
    color: #17833d;
    font-weight: 600;
}

.sprd-telegram-unavailable {
    color: #b32d2e;
    font-size: 13px;
}