.rmc-support-wrap{
width:100%;
max-width:1100px;
margin:40px auto;
padding:0 16px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
color:#1e293b;
}

.rmc-support-wrap a{
text-decoration:none;
}

/* ================= CARD ================= */
.rmc-support-card{
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:18px;
padding:28px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
animation:rmcFade .4s ease;
}

@keyframes rmcFade{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}

/* ================= TITLES ================= */
.rmc-support-title{
margin:0 0 6px;
font-size:26px;
color:#0f172a;
}

.rmc-support-subtitle{
margin:0;
color:#64748b;
font-size:14px;
}

/* ================= TOPBAR ================= */
.rmc-support-topbar{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
margin-bottom:24px;
flex-wrap:wrap;
}

/* ================= ACTIONS ================= */
.rmc-actions{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}

.rmc-actions-detail{
justify-content:flex-end;
}

/* 🔥 NOVO: botão full width quando usado no login */
.rmc-support-login-form .rmc-actions{
width:100%;
}

.rmc-support-login-form .rmc-actions .rmc-button{
width:100%;
}

/* ================= BUTTON ================= */
.rmc-button{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
padding:18px;
background:linear-gradient(180deg,#0e0e0e,#050505);
color:#fff !important;
border-radius:14px;
font-weight:600;
font-size:14px;
text-align:center;
border:1px solid rgba(0,0,0,0.15);
box-shadow:0 6px 18px rgba(0,0,0,0.18);
transition:all .25s ease;
position:relative;
overflow:hidden;
cursor:pointer;
min-height:56px;

/* 🔥 ALTERAÇÃO REAL */
min-width:0;
}

.rmc-button:hover{
transform:translateY(-3px) scale(1.02);
color:#61CE70 !important;
}

.rmc-button svg{
width:18px;
height:18px;
stroke:#fff;
}

.rmc-button:hover svg{
stroke:#61CE70;
}

/* ================= SECONDARY BUTTON ================= */
.rmc-button-secondary{
background:#ffffff;
color:#0f172a !important;
border:1px solid #e2e8f0;
box-shadow:none;
}

.rmc-button-secondary:hover{
color:#61CE70 !important;
}

/* ================= LOGOUT BUTTON ================= */
.rmc-button-logout{
background:#fee2e2;
color:#991b1b !important;
border:1px solid #fecaca;
}

.rmc-button-logout:hover{
background:#fca5a5;
color:#7f1d1d !important;
}

/* ================= TABLE ================= */
.rmc-ticket-table{
width:100%;
border-collapse:collapse;
margin-top:10px;
}

.rmc-ticket-table thead th{
text-align:left;
padding:14px;
font-size:13px;
color:#64748b;
border-bottom:1px solid #e2e8f0;
}

.rmc-ticket-table tbody td{
padding:16px;
border-bottom:1px solid #f1f5f9;
font-size:14px;
color:#1e293b;
}

.rmc-ticket-table tbody tr:hover{
background:#f8fafc;
}

.rmc-ticket-link{
color:#0f172a;
font-weight:600;
}

.rmc-ticket-link:hover{
color:#61CE70;
}

/* ================= STATUS ================= */
.rmc-status-badge{
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:600;
}

.rmc-status-open{
background:#dcfce7;
color:#166534;
}

.rmc-status-pending{
background:#fef9c3;
color:#92400e;
}

.rmc-status-closed{
background:#fee2e2;
color:#991b1b;
}

/* ================= EMPTY ================= */
.rmc-empty-state{
padding:24px;
border-radius:12px;
background:#f8fafc;
border:1px dashed #cbd5f5;
text-align:center;
}

/* ================= CHAT ================= */
.rmc-conversation{
display:flex;
flex-direction:column;
gap:16px;
margin:24px 0;
padding:10px 4px;
}

.rmc-message-card{
padding:14px 16px;
border-radius:16px;
max-width:75%;
font-size:14px;
line-height:1.6;
position:relative;
}

.rmc-message-user{
background:#f1f5f9;
color:#0f172a;
align-self:flex-end;
border-bottom-right-radius:6px;
box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.rmc-message-admin{
background:#ffffff;
border:1px solid #e2e8f0;
align-self:flex-start;
border-bottom-left-radius:6px;
box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.rmc-message-head{
display:flex;
justify-content:space-between;
font-size:11px;
margin-bottom:6px;
color:#64748b;
}

.rmc-message-body{
font-size:14px;
line-height:1.6;
}

.rmc-message-attachment{
margin-top:10px;
font-size:13px;
}

.rmc-message-attachment a{
color:#2563eb;
font-weight:500;
}

/* ================= FORM ================= */
.rmc-form-group{
margin-bottom:18px;
}

.rmc-label{
display:block;
margin-bottom:8px;
font-weight:600;
font-size:14px;
}

.rmc-input{
width:100%;
height:50px;
padding:0 14px;
border-radius:10px;
border:1px solid #cbd5e1;
}

/* 🔥 CHECKBOX CORRIGIDO */
.rmc-checkbox-inline{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
cursor:pointer;
}

.rmc-checkbox-inline input{
width:16px;
height:16px;
margin:0;
}

/* FILE */
.rmc-file-input{
padding:12px;
border:1px dashed #cbd5e1;
border-radius:10px;
background:#fff;
}

.rmc-help-text{
font-size:12px;
color:#64748b;
margin-top:6px;
}

/* ================= LOGIN / AUTH ================= */
.rmc-support-login-card{
max-width:500px;
margin:0 auto;
}

.rmc-support-login-form input{
width:100%;
height:50px;
border-radius:10px;
border:1px solid #cbd5e1;
padding:0 14px;
}

.rmc-support-login-footer{
margin-top:20px;
text-align:center;
}

.rmc-support-auth-links{
margin-top:15px;
text-align:center;
}

.rmc-support-auth-links a{
color:#2563eb;
font-size:14px;
}

/* ================= NOTICES ================= */
.rmc-notice{
padding:14px;
border-radius:10px;
margin-bottom:16px;
font-size:14px;
}

.rmc-notice-error{
background:#fee2e2;
color:#991b1b;
border:1px solid #fecaca;
}

.rmc-notice-success{
background:#dcfce7;
color:#166534;
border:1px solid #bbf7d0;
}

.rmc-notice-warning{
background:#fef9c3;
color:#92400e;
border:1px solid #fde68a;
}

/* ================= EDITOR ================= */
.rmc-support-wrap .wp-editor-wrap{
border-radius:12px;
overflow:hidden;
border:1px solid #cbd5e1;
}

.rmc-support-wrap textarea{
background:#fff !important;
color:#000 !important;
}

/* ================= RIPPLE ================= */
span.ripple{
position:absolute;
border-radius:50%;
transform:scale(0);
animation:ripple .6s linear;
background:rgba(255,255,255,.35);
pointer-events:none;
}

@keyframes ripple{
to{
transform:scale(4);
opacity:0;
}
}