.sc-inline-composer {
    box-sizing: border-box;
    width: 100%;
    height: 92px;
    padding: 5px 8px 3px;
}

.sc-sms-host { position: relative; }
.sc-sms-host > .chatHistory { box-sizing: border-box; padding-bottom: 102px; }
.sc-call-operators { margin-top: 6px; font-size: 12px; }
.sc-call-operators summary { cursor: pointer; font-weight: 600; }
.sc-call-operator { padding: 2px 0 2px 12px; }
.sc-call-operator-answered { color: #238636; }
.sc-call-operator-busy, .sc-call-operator-busy_offered,
.sc-call-operator-busy_no_answer, .sc-call-operator-no_answer { color: #b35900; }
.sc-sms-host > .chatHistory > :not(.sc-timeline-entry):not(.sc-inline-empty) {
    display: none !important;
}
.sc-sms-host > .sc-inline-composer {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid rgba(127, 127, 127, .25);
    background: inherit;
}

.sc-inline-composer[hidden] { display: none !important; }

.sc-inline-route {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 20px;
    margin-bottom: 3px;
    color: #607d8b;
    font-size: 11px;
}

.sc-inline-route strong { color: #1976d2; font-weight: 500; }
.sc-inline-route label { display: flex; align-items: center; gap: 4px; }
.sc-inline-route select { max-width: 165px; padding: 1px 3px; border: 0; border-bottom: 1px solid #b0bec5; color: inherit; background: transparent; font: inherit; }

.sc-inline-send-row {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    align-items: center;
    gap: 5px;
}

.sc-inline-attach { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; cursor: pointer; }
.sc-inline-files { display: none; }

.sc-inline-text {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    padding: 9px 10px;
    resize: none;
    border: 0;
    border-radius: 6px;
    outline: 1px solid rgba(127, 127, 127, .28);
    font: inherit;
}

.sc-inline-status { height: 13px; overflow: hidden; margin-top: 2px; color: #607d8b; font-size: 10px; line-height: 13px; text-overflow: ellipsis; white-space: nowrap; }
.sc-inline-status.error { color: #b71c1c; }
.sc-inline-empty { padding: 32px 16px; color: #78909c; text-align: center; }
.sc-sms-label { margin-bottom: 4px; color: #1976d2; font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.sc-inline-media { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.sc-inline-media img { max-width: 190px; max-height: 150px; border-radius: 5px; object-fit: cover; }
.sc-inline-media video { width: min(320px, 100%); max-height: 220px; border-radius: 5px; }
.sc-inline-media audio { width: min(320px, 100%); }
.sc-inline-media-item { max-width: 100%; color: #607d8b; font-size: 11px; }
.sc-inline-media a { color: #1565c0; overflow-wrap: anywhere; }
.sc-call-event { text-align: left; }
.sc-call-event .timelineMessageText { font-weight: 500; }
.sc-call-recording { display: block; width: min(320px, 100%); height: 32px; margin: 7px 0 2px; }

.buddyProfileSection.sc-contact-header-expanded {
    height: 64px !important;
}

.buddyProfileSection.sc-contact-header-expanded .contact {
    height: 52px;
}

.sc-contact-phone-row {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-top: 3px;
    height: 27px;
    overflow: visible;
}

.sc-contact-phone-copy {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    gap: 7px;
    min-width: 0;
    max-width: 100%;
    height: 27px;
    margin: 0;
    padding: 0 4px 0 9px;
    border: 1px solid rgba(127, 127, 127, .22);
    border-radius: 999px;
    color: inherit;
    background: rgba(127, 127, 127, .06);
    font: inherit;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .12s ease;
}

.sc-contact-phone-copy:hover,
.sc-contact-phone-copy:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(37, 99, 235, .16); }
.sc-contact-phone-copy:active { transform: translateY(1px); }
.sc-contact-phone-copy > .fa-phone { flex: 0 0 auto; font-size: 11px; opacity: .62; }
.sc-contact-phone-value { overflow: hidden; font-size: 12px; font-weight: 650; letter-spacing: .015em; text-overflow: ellipsis; white-space: nowrap; user-select: text; }
.sc-contact-phone-action { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 21px; height: 21px; border-radius: 50%; background: rgba(127, 127, 127, .12); }
.sc-contact-phone-icon { font-size: 10px; opacity: .82; }
.sc-contact-phone-feedback { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sc-contact-phone-copy.copied .sc-contact-phone-action { background: rgba(34, 197, 94, .16); }
.sc-contact-phone-copy.copied .sc-contact-phone-icon { opacity: 1; }

@media (max-width: 600px) {
    .sc-inline-route { gap: 4px; }
    .sc-inline-route select { max-width: 130px; }
    .sc-inline-phone { display: none; }
}
