.mx_RoomView_body,
.mx_RoomView_messagePanel {
    background-color: #b1bfc5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%238b8478' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' opacity='.14'%3E%3Cpath d='M18 24h30a7 7 0 0 1 7 7v13a7 7 0 0 1-7 7H34l-9 8 2-8h-9a7 7 0 0 1-7-7V31a7 7 0 0 1 7-7Z'/%3E%3Ccircle cx='92' cy='32' r='13'/%3E%3Cpath d='m85 32 5 5 9-11M139 14l5 10 11 2-8 8 2 11-10-5-10 5 2-11-8-8 11-2 5-10ZM184 24c-8 0-14 6-14 14 0 11 14 24 14 24s14-13 14-24c0-8-6-14-14-14Zm0 9a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM27 93h28v28H27zM34 100h6v6h-6zM44 100h6v6h-6zM34 110h6v6h-6zM44 110h6v6h-6zM88 83c11 4 17 4 28 0v17c0 13-14 21-14 21s-14-8-14-21V83Zm7 17 5 5 9-11M153 87c5-5 12-5 17 0l5 5c5 5 5 12 0 17l-7 7-22-22 7-7Zm-12 13 22 22-5 5c-4 4-10 5-15 2l-11-6c-5-3-8-8-8-14l1-13c0-6 4-10 9-12l7 16ZM25 158c8-8 21-8 29 0s8 21 0 29-21 8-29 0l-10 3 3-10c-5-7-3-16 7-22ZM84 158h38a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7H99l-10 8 2-8h-7a7 7 0 0 1-7-7v-18a7 7 0 0 1 7-7ZM160 160h35v30h-35zM167 167h8v6h-8zM180 167h8v6h-8zM167 178h8v6h-8zM180 178h8v6h-8z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 220px 220px;
}

body.cpd-theme-dark .mx_RoomView_body,
body.cpd-theme-dark .mx_RoomView_messagePanel {
    background-color: #202426;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' opacity='.055'%3E%3Cpath d='M18 24h30a7 7 0 0 1 7 7v13a7 7 0 0 1-7 7H34l-9 8 2-8h-9a7 7 0 0 1-7-7V31a7 7 0 0 1 7-7Z'/%3E%3Ccircle cx='92' cy='32' r='13'/%3E%3Cpath d='m85 32 5 5 9-11M139 14l5 10 11 2-8 8 2 11-10-5-10 5 2-11-8-8 11-2 5-10ZM184 24c-8 0-14 6-14 14 0 11 14 24 14 24s14-13 14-24c0-8-6-14-14-14Zm0 9a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM27 93h28v28H27zM34 100h6v6h-6zM44 100h6v6h-6zM34 110h6v6h-6zM44 110h6v6h-6zM88 83c11 4 17 4 28 0v17c0 13-14 21-14 21s-14-8-14-21V83Zm7 17 5 5 9-11M153 87c5-5 12-5 17 0l5 5c5 5 5 12 0 17l-7 7-22-22 7-7Zm-12 13 22 22-5 5c-4 4-10 5-15 2l-11-6c-5-3-8-8-8-14l1-13c0-6 4-10 9-12l7 16ZM25 158c8-8 21-8 29 0s8 21 0 29-21 8-29 0l-10 3 3-10c-5-7-3-16 7-22ZM84 158h38a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7H99l-10 8 2-8h-7a7 7 0 0 1-7-7v-18a7 7 0 0 1 7-7ZM160 160h35v30h-35zM167 167h8v6h-8zM180 167h8v6h-8zM167 178h8v6h-8zM180 178h8v6h-8z'/%3E%3C/g%3E%3C/svg%3E");
}

.mx_EventTile,
.mx_EventTile_body {
    font-size: 13px;
}

li.mx_EventTile.targa-redacted-message {
    display: none !important;
}

li.mx_EventTile.targa-context-photo-technical {
    display: none !important;
}

li.mx_EventTile.targa-context-photo-child {
    display: none !important;
}

li.mx_GenericEventListSummary.targa-redaction-summary {
    display: none !important;
}

.mx_EventTile_highlight::before {
    background: transparent !important;
}

.mx_EventTile .mx_EventTile_line {
    background: transparent;
    color: #17191c;
}

.mx_EventTile.targa-chat-message .mx_EventTile_line {
    background: #fff;
}

.mx_EventTile.targa-chat-message {
    padding-bottom: 2.64px;
}

.mx_EventTile.targa-bot-message pre,
.mx_EventTile.targa-bot-message pre code {
    max-width: 100%;
    overflow-x: hidden;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* sendPhoto only: keep the caption away from the image and bubble edges. */
.mx_EventTile.targa-send-photo .mx_ImageBody {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.mx_EventTile.targa-send-photo .targa-send-photo-caption {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 7px 10px 8px;
    line-height: 1.35;
}

.mx_EventTile.targa-send-photo .targa-send-photo-caption > :first-child {
    margin-top: 0;
}

.mx_EventTile.targa-send-photo .targa-send-photo-caption > :last-child {
    margin-bottom: 0;
}

.targa-message-title {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 6px;
    padding: 7px 10px;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    overflow-wrap: anywhere;
}

.targa-native-message-title {
    display: none !important;
}

.targa-message-map {
    display: block;
    position: relative;
    width: min(100%, 520px);
    margin-top: 8px;
    overflow: hidden;
    border: 1px solid #aeb8c2;
    border-radius: 6px;
    background: #eef3f6;
    color: #fff;
    text-decoration: none;
}

.targa-message-map::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
    border-radius: 50% 50% 50% 0;
    background: #d32f2f;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
    transform: translate(-50%, -75%) rotate(-45deg);
}

.targa-message-map::after {
    content: "OpenStreetMap";
    position: absolute;
    left: 6px;
    bottom: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.88);
    color: #263238;
    font-size: 9px;
}

.targa-message-map-image {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.targa-context-photo {
    display: block;
    width: 80%;
    margin: 8px auto 12px;
    overflow: hidden;
    border-radius: 6px;
}

.targa-context-photo-native {
    display: block;
    width: 80%;
    margin: 8px auto 12px;
    overflow: hidden;
    border-radius: 6px;
}

.targa-context-photo-native .mx_ImageBody,
.targa-context-photo-native .mx_ImageBody > a,
.targa-context-photo-native .mx_ImageBody_container,
.targa-context-photo-native .mx_ImageBody_image {
    display: block;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

.targa-context-photo-hidden {
    display: none !important;
}

.targa-context-photo img {
    display: block;
    width: 100%;
    height: auto;
}

.targa-message-map-label {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 5px 8px;
    border-radius: 4px;
    background: rgba(20, 35, 50, 0.88);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

#mx_SpotlightDialog_button_explorePublicSpaces,
#mx_SpotlightDialog_button_explorePublicRooms {
    display: none !important;
}

.targa-message-time {
    display: inline-block;
    margin-left: 8px;
    color: var(--cpd-color-text-secondary, #62676e);
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    vertical-align: -1px;
    white-space: nowrap;
}

.targa-contact-identity {
    display: grid;
    justify-items: start;
    row-gap: 2px;
    min-width: 0;
    margin-top: 1px;
    user-select: text;
}

#mx_RightPanel .targa-contact-copy-row {
    display: inline-grid;
    grid-template-columns: minmax(0, auto) 22px;
    align-items: center;
    column-gap: 4px;
    max-width: 100%;
}

.targa-certified-email,
.targa-contact-username {
    display: block;
    overflow: hidden;
    color: var(--cpd-color-text-secondary, #62676e);
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    text-overflow: ellipsis;
    user-select: text;
    white-space: nowrap;
}

#mx_RightPanel .targa-contact-copy {
    position: relative;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--cpd-color-icon-secondary, #62676e);
    cursor: pointer;
    user-select: none;
}

#mx_RightPanel .targa-contact-copy::before,
#mx_RightPanel .targa-contact-copy::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 9px;
    height: 10px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

#mx_RightPanel .targa-contact-copy::before {
    top: 5px;
    left: 8px;
}

#mx_RightPanel .targa-contact-copy::after {
    top: 8px;
    left: 5px;
    background: var(--cpd-color-bg-canvas-default, #fff);
}

#mx_RightPanel .targa-contact-copy:hover,
#mx_RightPanel .targa-contact-copy:focus-visible {
    background: var(--cpd-color-bg-subtle-primary, #e7e9ec);
}

#mx_RightPanel .targa-contact-copy-done {
    color: #116149;
}

.targa-contact-verification {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.targa-contact-presence {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--cpd-color-text-secondary, #62676e);
    font-size: 11px;
    line-height: 18px;
    white-space: nowrap;
}

.targa-contact-presence::before {
    content: "";
    box-sizing: border-box;
    width: 9px;
    height: 9px;
    border: 2px solid currentColor;
    border-radius: 50%;
    background: transparent;
}

.targa-contact-presence-online {
    color: #116149;
}

.targa-contact-presence-online::before {
    border-color: #16865f;
    background: #28b881;
}

.targa-contact-presence-unavailable {
    color: #7a5a00;
}

.targa-contact-presence-unavailable::before {
    border-color: #a97900;
    background: #f2ba2f;
}

.targa-contact-verified {
    background: #ccebdc;
    color: #116149;
}

.targa-contact-unverified {
    background: #eceef1;
    color: #555b63;
}

.mx_RoomTile .targa-certified-email,
.mx_RoomListItemView .targa-certified-email,
.mx_MemberTileView .targa-certified-email {
    max-width: 240px;
}

.targa-room-tile {
    box-sizing: border-box;
    min-height: 76px;
    height: auto !important;
}

.targa-room-details {
    min-width: 0;
}

.targa-room-contact {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, auto);
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 3px;
    align-items: center;
    justify-content: start;
    justify-items: start;
    max-width: 100%;
    margin-top: 3px;
}

.targa-room-contact .targa-certified-email {
    grid-column: 1;
    grid-row: 1;
}

.targa-room-contact .targa-contact-username {
    grid-column: 2;
    grid-row: 1;
}

.targa-room-contact .targa-contact-verification {
    grid-column: 1;
    grid-row: 2;
    margin-left: 0;
}

.targa-room-contact .targa-contact-presence {
    grid-column: 2;
    grid-row: 2;
}

.targa-room-header {
    box-sizing: border-box;
    min-height: 76px;
    height: auto !important;
}

.targa-empty-chat {
    position: relative;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--cpd-color-icon-primary, #4d5156);
    cursor: pointer;
}

.targa-empty-chat::before,
.targa-empty-chat::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.targa-empty-chat::before {
    top: 10px;
    width: 9px;
    height: 11px;
    border: 1.8px solid currentColor;
    border-top: 0;
    border-radius: 0 0 2px 2px;
}

.targa-empty-chat::after {
    top: 7px;
    width: 13px;
    height: 2px;
    border-radius: 1px;
    background: currentColor;
    box-shadow: 0 -2px 0 -0.4px currentColor;
}

.targa-empty-chat:hover {
    background: var(--cpd-color-bg-subtle-primary, #e7e9ec);
    color: #b3261e;
}

.targa-empty-chat:disabled {
    cursor: wait;
    opacity: 0.5;
}

.targa-room-header-details {
    min-width: 0;
}

.targa-room-header-contact {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, auto);
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 2px;
    align-items: center;
    justify-content: start;
    justify-items: start;
    max-width: 100%;
    margin-top: 2px;
}

.targa-room-header-contact .targa-certified-email {
    grid-column: 1;
    grid-row: 1;
    max-width: min(34vw, 260px);
}

.targa-room-header-contact .targa-contact-username {
    grid-column: 2;
    grid-row: 1;
}

.targa-room-header-contact .targa-contact-verification {
    grid-column: 1;
    grid-row: 2;
    margin-left: 0;
}

.targa-room-header-contact .targa-contact-presence {
    grid-column: 2;
    grid-row: 2;
}

.targa-member-tile {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 6px;
    box-sizing: border-box;
    min-height: 92px;
    height: auto !important;
    padding: 10px 8px;
    align-items: flex-start !important;
}

.targa-member-details {
    display: contents !important;
}

.targa-member-avatar-block {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: start !important;
    justify-self: start !important;
    margin: 0 !important;
}

.targa-member-name-block {
    grid-column: 2;
    grid-row: 1;
    align-self: center !important;
    justify-self: start !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    text-align: left !important;
}

.targa-member-role-block {
    grid-column: 3;
    grid-row: 1;
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
    text-align: right !important;
}

.targa-member-tile > .targa-contact-identity,
.targa-member-details > .targa-contact-identity {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, auto);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 5px;
    grid-column: 2 / 4;
    grid-row: 2;
    justify-items: start;
    align-items: center;
    justify-content: start;
    margin: 0;
    text-align: left;
}

.targa-member-tile .targa-contact-identity .targa-certified-email {
    grid-column: 1;
    grid-row: 1;
}

.targa-member-tile .targa-contact-identity .targa-contact-username {
    grid-column: 2;
    grid-row: 1;
}

.targa-member-tile .targa-contact-identity .targa-contact-verification {
    grid-column: 1;
    grid-row: 2;
    margin-left: 0;
}

.targa-member-tile .targa-contact-identity .targa-contact-presence {
    grid-column: 2;
    grid-row: 2;
}

#mx_RightPanel .targa-profile-identity {
    display: grid;
    justify-items: center;
    row-gap: 4px;
    max-width: 100%;
    margin: 4px 0 2px;
    text-align: center;
}

#mx_RightPanel .mx_BaseCard,
#mx_RightPanel .mx_BaseCard * {
    user-select: text;
}

#mx_RightPanel .mx_BaseCard button,
#mx_RightPanel .mx_BaseCard button * {
    user-select: none;
}

#mx_RightPanel .targa-profile-email,
#mx_RightPanel .targa-profile-username {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--cpd-color-text-secondary, #62676e);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-overflow: ellipsis;
    user-select: text;
    white-space: nowrap;
}

#mx_RightPanel .targa-contact-copy-row {
    justify-self: center;
}

#mx_RightPanel .targa-profile-username {
    font-size: 16px;
    line-height: 22px;
}

#mx_RightPanel .targa-contact-verification {
    display: inline-block;
    margin: 6px 0 0;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 20px;
}

#mx_RightPanel .targa-contact-presence {
    justify-content: center;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

#mx_RightPanel .targa-native-verification-hidden {
    display: none !important;
}

.targa-institution-symbol {
    display: inline-block;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    object-fit: contain;
    vertical-align: -3px;
}

.targa-event-select {
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 5;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid var(--cpd-color-border-interactive-secondary, #8d9299);
    border-radius: 4px;
    background: var(--cpd-color-bg-canvas-default, #fff);
    opacity: 0;
    transform: translateY(-50%);
    cursor: pointer;
}

.targa-event-select::after {
    content: "";
    position: absolute;
    inset: 4px;
    border: 2px solid transparent;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0);
}

.mx_EventTile:hover > .targa-event-select,
.targa-event-select:focus-visible {
    opacity: 1;
}

.mx_EventTile.targa-bot-message .mx_MessageActionBar,
.mx_RoomView_body:has(.mx_EventTile.targa-bot-message:hover) .mx_MessageActionBar,
.mx_EventTile.targa-bot-message:hover > .targa-event-select:not([aria-pressed="true"]) {
    display: none !important;
}

.mx_EventTile.targa-bot-message[data-layout="bubble"]:hover::before,
.mx_EventTile.targa-bot-message[data-layout="bubble"].mx_EventTile_actionBarFocused::before {
    background: transparent !important;
}

.mx_EventTile.targa-bot-message[data-layout="group"]:hover .mx_EventTile_line,
.mx_EventTile.targa-bot-message[data-layout="group"].mx_EventTile_actionBarFocused .mx_EventTile_line,
.mx_EventTile.targa-bot-message[data-layout="irc"]:hover .mx_EventTile_line,
.mx_EventTile.targa-bot-message[data-layout="irc"].mx_EventTile_actionBarFocused .mx_EventTile_line {
    background-color: transparent !important;
}

.targa-event-select[aria-pressed="true"] {
    border-color: var(--cpd-color-icon-accent-primary, #0d47a1);
    background: var(--cpd-color-bg-action-primary-rest, #0d47a1);
    opacity: 1;
}

.targa-event-select[aria-pressed="true"]::after {
    border-color: #fff;
    transform: rotate(45deg) scale(1);
}

.mx_EventTile.targa-event-selected {
    background: color-mix(in srgb, var(--cpd-color-bg-accent-rest, #e3f2fd) 75%, transparent);
}

body.targa-drag-selecting,
body.targa-drag-selecting .mx_EventTile {
    cursor: crosshair;
    user-select: none;
}

.targa-selection-bar,
.targa-keyboard-panel {
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid var(--cpd-color-border-subtle-primary, #d7d9dc);
    background: var(--cpd-color-bg-canvas-default, #fff);
}

.targa-selection-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 7px 12px;
}

.targa-selection-count {
    flex: 1;
    font-size: 14px;
}

.targa-selection-remove,
.targa-keyboard-button,
.targa-icon-button {
    min-height: 36px;
    border: 1px solid var(--cpd-color-border-interactive-secondary, #b7bbc0);
    border-radius: 4px;
    font: inherit;
    cursor: pointer;
}

.targa-selection-remove {
    padding: 0 16px;
    border-color: #b3261e;
    background: #b3261e;
    color: #fff;
    font-weight: 600;
}

.targa-selection-remove:disabled {
    opacity: .55;
    cursor: wait;
}

.targa-icon-button {
    position: relative;
    width: 36px;
    padding: 0;
    background: transparent;
}

.targa-selection-cancel::before,
.targa-selection-cancel::after {
    content: "";
    position: absolute;
    top: 17px;
    left: 9px;
    width: 16px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
}

.targa-selection-cancel::after {
    transform: rotate(-45deg);
}

.mx_MessageComposer_row {
    box-sizing: border-box;
    border: 1px solid var(--cpd-color-border-interactive-secondary, #b7bbc0);
    border-radius: 8px;
    background: #fff;
    color: #17191c;
}

.mx_MessageComposer_row .mx_BasicMessageComposer_input {
    box-sizing: border-box;
    padding-right: 12px;
    padding-left: 12px;
    color: #17191c;
}

.mx_MessageComposer_row .mx_MessageComposer_actions {
    color: #5d6269;
}

.targa-keyboard-launcher {
    position: relative;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: currentColor;
    cursor: pointer;
}

.targa-keyboard-launcher::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 11px;
    width: 5px;
    height: 5px;
    border-radius: 1px;
    background: currentColor;
    box-shadow: 8px 0 currentColor, 0 8px currentColor, 8px 8px currentColor;
}

.targa-keyboard-launcher:hover,
.targa-keyboard-launcher[aria-expanded="true"] {
    background: var(--cpd-color-bg-subtle-primary, #e7e9ec);
    border-radius: 4px;
}

.targa-keyboard-panel {
    max-height: min(42vh, 360px);
    padding: 8px 12px;
    overflow-y: auto;
}

.targa-keyboard-panel[hidden] {
    display: none;
}

.targa-keyboard-row {
    display: flex;
    gap: 6px;
    width: 100%;
    margin-top: 6px;
}

.targa-keyboard-button {
    flex: 1 1 0;
    min-width: 0;
    padding: 7px 10px;
    overflow-wrap: anywhere;
    background: var(--cpd-color-bg-subtle-secondary, #f2f4f7);
    color: var(--cpd-color-text-primary, #17191c);
    font-size: 14px;
    font-weight: 600;
}

.targa-inline-keyboard .targa-keyboard-button {
    border-color: #90caf9;
    background: #e3f2fd;
    color: #0d47a1;
}

.targa-inline-keyboard .targa-keyboard-button-selected,
.targa-inline-keyboard .targa-keyboard-button-selected:disabled {
    border-color: #00689d;
    background: #0088cc;
    color: #ffffff;
    opacity: 1;
}

.targa-inline-keyboard .targa-keyboard-button:disabled:not(.targa-keyboard-button-selected) {
    cursor: default;
    opacity: 0.58;
}

.targa-message-inline-keyboard {
    box-sizing: border-box;
    width: 100%;
    margin-top: 7px;
    padding: 7px 8px 8px;
    border-top: 1px solid var(--cpd-color-border-subtle-primary, #d7d9dc);
}

.targa-message-inline-keyboard .targa-keyboard-row:first-child {
    margin-top: 0;
}

.targa-message-inline-keyboard .targa-keyboard-button {
    min-height: 38px;
    white-space: normal;
}

.targa-keyboard-button:hover,
.targa-icon-button:hover {
    background: var(--cpd-color-bg-subtle-primary, #e7e9ec);
}

@media (max-width: 600px) {
    .targa-selection-bar,
    .targa-keyboard-panel {
        padding-right: 8px;
        padding-left: 8px;
    }

    .targa-keyboard-row {
        flex-wrap: wrap;
    }

    .targa-keyboard-button {
        flex: 0 0 calc(50% - 3px);
        min-height: 52px;
        padding: 6px;
        font-size: 13px;
    }
}

.targa-context-photo-instructions {
    display: none !important;
}

.targa-context-photo-button {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    margin-top: 8px;
    padding: 9px 14px;
    border: 0;
    border-radius: 6px;
    background: #087e9c;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.targa-context-photo-button:disabled {
    background: #66747a;
    cursor: default;
}