.ticket-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    transition: transform 0.2s ease;
}
.ticket-card:hover { transform: translateY(-3px); }

.ticket-card .card-header {
    background: #0d1b4c;
    color: #fff;
    padding: 12px 16px;
}
.ticket-card .card-header .btn-light {
    background: #fff; color: #0d1b4c; border: none;
}

.ticket-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    font-size: 14px;
}
.ticket-item:hover { background: rgba(13,27,76,0.04); }
.ticket-title { color: #0d1b4c; font-weight: bold; margin-bottom: 4px; }
.ticket-dates { font-size: 13px; }

.status-badge {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid;
    font-weight: 600;
    background: transparent;
    min-width: 90px;
    text-align: center;
    white-space: nowrap;
}

/* رنگ وضعیت‌ها */
.status-open, .status-new { color:#0d6efd; border-color:#0d6efd; }
.status-answered { color:#6f42c1; border-color:#6f42c1; }
.status-customer-reply, .status-customerreply { color:#198754; border-color:#198754; }
.status-in-progress, .status-inprogress, .status-on-hold, .status-onhold, .status-pending { color:#fd7e14; border-color:#fd7e14; }
.status-closed { color:#6c757d; border-color:#6c757d; }
.status-spam { color:#dc3545; border-color:#dc3545; }

/* موبایل */
@media (max-width:768px){
    .ticket-card { box-shadow:none; border:1px solid #eaeaea; }
    .ticket-item { flex-direction:column; align-items:flex-start; border-bottom:1px solid #eee; }
    .ticket-item:last-child { border-bottom:none; }
    .status-badge { margin-top:6px; }
    .ticket-dates { font-size:12px; }
}


.btn-main {
    display: inline-block;
    background: #0d1b4c;   /* سورمه‌ای برند */
    color: #fff;           /* متن سفید */
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.btn-main:hover {
    background: #14296a;   /* سورمه‌ای روشن‌تر */
    color: #fff !important; /* متن همیشه سفید بمونه */
}