.rt-remap-wrapper,
.rt-remap-tickets,
.rt-remap-ticket-view {
    background: #ffffff;
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 24px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.rt-remap-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #4a3dff;
    color: #fff;
    padding: 10px 16px;
    border-radius: 6px 6px 0 0;
    margin: -16px -20px 16px -20px;
}

.rt-remap-header h3 {
    margin: 0;
    font-weight: 600;
}

.rt-remap-saldo {
    font-weight: 500;
}

.rt-remap-form p {
    margin-bottom: 10px;
}

.rt-remap-form label {
    display: block;
    font-weight: 500;
    margin-bottom: 4px;
}

.rt-remap-form input[type="text"],
.rt-remap-form select,
.rt-remap-form textarea,
.rt-remap-form input[type="file"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.rt-remap-submit {
    background: #4a3dff;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 4px;
    cursor: pointer;
}

.rt-remap-error {
    border-left: 4px solid #e53935;
    background: #ffebee;
    padding: 10px 12px;
    margin-bottom: 15px;
}

.rt-remap-success {
    border-left: 4px solid #43a047;
    background: #e8f5e9;
    padding: 10px 12px;
    margin-bottom: 15px;
}

.rt-remap-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.rt-remap-table th,
.rt-remap-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
}


.rt-remap-thread {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 8px;
}

.rt-remap-thread-meta {
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
}

.rt-remap-block {
    background: #fafafa;
    padding: 10px;
    border-radius: 4px;
    white-space: pre-wrap;
}

/* Container de cada mensagem do histórico */
.rt-remap-thread {
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
    border-left: 4px solid #ccc;
    background: #f8f8f8;
}

/* Staff / Equipe */
.rt-remap-thread-staff {
    border-left-color: #2c7be5;      /* azul */
    background: #f3f7ff;
}

/* Cliente */
.rt-remap-thread-customer {
    border-left-color: #46b450;      /* verde */
    background: #f5fff7;
}

/* Cabeçalho da thread */
.rt-remap-thread-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 13px;
}

/* Data */
.rt-remap-thread-date {
    color: #666;
    font-size: 12px;
}

/* Badge base */
.rt-remap-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Badge Equipe */
.rt-remap-badge-staff {
    background: #2c7be5;
    color: #fff;
}

/* Badge Cliente */
.rt-remap-badge-customer {
    background: #46b450;
    color: #fff;
}

/* Corpo da mensagem */
.rt-remap-thread-body pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    font-size: 13px;
}

/* Anexos da resposta */
.rt-remap-thread-attachments {
    margin-top: 8px;
    font-size: 13px;
}

.rt-remap-thread-attachments ul {
    margin: 4px 0 0 16px;
    padding: 0;
}

.rt-remap-thread-attachments li {
    list-style: disc;
}

/* Tag "arquivo pronto para download" */
.rt-remap-download-tag {
    display: inline-block;
    margin-bottom: 4px;
    padding: 3px 8px;
    border-radius: 4px;
    background: #ffe9b3;
    color: #8a5b00;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

/* ====== BASE DO CHIP (igual SupportCandy) ====== */

.rt-status-label {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid transparent;
    background: #f5f5f5;
}

/* Bolinha (mesma cor do chip) */

.rt-status-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 6px;
}

/* ===== STATUS 1 — Aguardando Engenharia ===== */
.status-eng {
    color: #d93025;
    border-color: #f2b8b5;
    background-color: #fdecea;
}
.status-eng.rt-status-dot {
    background-color: #d93025;
}

/* ===== STATUS 2 — Aguardando Gravação pelo Dealer ===== */
.status-grav {
    color: #6a1b9a;
    border-color: #d8b4e6;
    background-color: #f7ecfb;
}
.status-grav.rt-status-dot {
    background-color: #6a1b9a;
}

/* ===== STATUS 3 — Aguardando Engenharia Revisão ===== */
.status-rev {
    color: #e65100;
    border-color: #ffcc9c;
    background-color: #fff3e0;
}
.status-rev.rt-status-dot {
    background-color: #e65100;
}

/* ===== STATUS 4 — Encerrado ===== */
.status-closed {
    color: #2e7d32;
    border-color: #a5d6a7;
    background-color: #e8f5e9;
}
.status-closed.rt-status-dot {
    background-color: #2e7d32;
}


.rt-remap-close-form {
    margin-top: 20px;
    text-align: right;
}

.rt-remap-close-btn {
    background: #28a745; /* verde */
    color: #ffffff;       /* texto branco */
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

.rt-remap-close-btn:hover {
    background: #218838; /* verde um pouco mais escuro */
}

.rt-remap-reply-box{
    margin-top:16px;
    padding:14px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
}
.rt-remap-reply-form textarea{
    width:100%;
    box-sizing:border-box;
    border-radius:8px;
    border:1px solid #cbd5e1;
    padding:10px;
}
.rt-remap-reply-btn{
    background:#2563eb;
    color:#fff;
    border:0;
    padding:10px 14px;
    border-radius:8px;
    cursor:pointer;
}
.rt-remap-reply-hint{
    margin-top:8px;
    font-size:12px;
    color:#64748b;
}