/* Shared after-sales UI used by frontend and admin pages. */
.xq-pre-wrap{white-space:pre-wrap}
.xq-after-sales-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.xq-after-sales-order-grid>div{display:flex;gap:8px;min-width:0}
.xq-after-sales-order-grid strong{flex:0 0 76px}
.xq-after-sales-order-grid span{min-width:0;word-break:break-all}
.xq-after-sales-card-item{border:1px solid rgba(127,127,127,.16);border-radius:6px;padding:10px;margin-top:8px}
.admin-panel .xq-after-sales-card-item{border-color:rgba(127,127,127,.18)}
.xq-after-sales-card-item.is-replacement{background:rgba(25,135,84,.04)}
.xq-after-sales-card-content{white-space:pre-wrap;word-break:break-all;background:rgba(127,127,127,.08);padding:10px;border-radius:6px}
.xq-after-sales-card-more summary{cursor:pointer;color:var(--bs-primary,#0d6efd);user-select:none}
.xq-card-more-close{display:none}
.xq-after-sales-card-more[open] .xq-card-more-open{display:none}
.xq-after-sales-card-more[open] .xq-card-more-close{display:inline}
.xq-after-sales-replacement-group{border-top:1px dashed rgba(127,127,127,.25);padding-top:14px}
.xq-after-sales-thread{display:flex;flex-direction:column;gap:10px}
.xq-after-sales-message{padding:12px;border:1px solid rgba(127,127,127,.18);border-radius:8px}
.xq-after-sales-message.is-admin{background:rgba(13,110,253,.05)}
.xq-after-sales-message.is-system{background:rgba(127,127,127,.08)}
@media(max-width:767.98px){.xq-after-sales-order-grid{grid-template-columns:1fr}}