/* Support ticket list — agent / user message-row styling and attachment tweaks.
   Extracted from Components/Pages/Support/ListTickets.razor (Wave 1.7).
   Every selector is prefixed `.support-tickets-page` so these Radzen-internal
   overrides don't leak to the rest of the app (other grids / datalists would
   pick up the dark backgrounds and broken spacing without the prefix).
   The page wraps its content in <div class="support-tickets-page"> so the
   descendant selectors below match.  */

.support-tickets-page .rz-expanded-row-template,
.support-tickets-page .rz-datalist-data {
    padding-top: 0px;
    padding-right: 0px;
}

.support-tickets-page .rz-expanded-row-content td {
    padding-top: 0px;
    padding-right: 0px;
}

.support-tickets-page span.rz-cell-data {
    font-size: 1rem !important;
    line-height: 24px;
    display: flex !important;
    align-items: center;
}

.support-tickets-page ul.rz-datalist-data li {
    background-color: #5f5f5f;
    margin-left: 2px;
    border-radius: 0px;
    padding: 0px;
}

.support-tickets-page td.bg-grey-1 {
    background-color: #3e3e3e;
}

.support-tickets-page .rz-datatable-data td,
.support-tickets-page .rz-grid-table td {
    border-bottom: 0px;
}

.support-tickets-page ul.rz-datalist-data li radzenrow {
    justify-content: space-around;
}

.support-tickets-page ul.rz-datalist-data li radzenrow .rz-card {
    border-radius: 0px;
}

.support-tickets-page ul.rz-datalist-data li i.flip {
    transform: scaleX(-1);
}

.support-tickets-page .attachments .rz-datalist-data {
    padding: 0.25rem;
}

.support-tickets-page .attachments.agent .rz-datalist-data {
    background-color: #675f5f;
}

.support-tickets-page .attachments .rz-datalist-data li {
    padding: 0.5rem;
    border: 1px solid #474747;
    border-radius: 4px;
}

.support-tickets-page .attachments.agent .rz-datalist-data li {
    border: 1px solid #393232;
    background-color: #675f5f;
}

.support-tickets-page .attachments .rz-datalist-data li img {
    border: 1px solid #474747;
    border-radius: 4px;
}

.support-tickets-page .attachments .rz-datalist-data li img {
    border: 1px solid #4f4747;
    background-color: #675f5f;
}

.support-tickets-page .attachments-reply .rz-datalist-data {
    padding: 0.25rem;
}

.support-tickets-page .attachments-reply .rz-datalist-data li {
    padding: 0.5rem;
    border: 1px solid #474747;
    border-radius: 4px;
    background-color: #1e1e1e;
}

.support-tickets-page .attachments-reply .rz-datalist-data li img {
    border: 1px solid #474747;
    border-radius: 4px;
}

.support-tickets-page .rz-fileupload-files {
    display: none;
}

.support-tickets-page .rz-fileupload-buttonbar {
    margin-left: auto;
}

.support-tickets-page .rz-fileupload-buttonbar :hover {
    cursor: pointer;
}

.support-tickets-page ul.rz-datalist-data radzenrow.user {
    background-color: #3e3e3e;
}

.support-tickets-page ul.rz-datalist-data radzenrow.user radzencolumn {
    background-color: #3e3e3e;
}

.support-tickets-page ul.rz-datalist-data radzenrow.agent {
    background-color: #463e3e;
}

.support-tickets-page ul.rz-datalist-data radzenrow.agent radzencolumn {
    background-color: #463e3e;
}

.support-tickets-page ul.rz-datalist-data radzenrow.agent div {
    background-color: #261e1e;
}

.support-tickets-page .text-wrap span {
    white-space: normal !important;
}