.thread-replies {
    padding-left: 10px;
}x

.thread {
    border: 1px solid black;
}

/* 1. Hide ALL hover buttons by default */

.main-request .hover-btn,
.reply-item .hover-btn {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease-in-out, visibility 0.15s;
}

/* 2. Show the button ONLY for the main request when hovering directly over it */
.main-request:hover > .hover-btn,
.main-request:hover > h1 + p + .hover-btn {
    opacity: 1;
    visibility: visible;
}

/* 3. Show the button ONLY for the specific reply item being hovered */
/* The '>' child combinator stops the hover effect from bleeding into deeper nested replies */
.reply-item:hover > .reply-content .hover-btn {
    opacity: 1;
    visibility: visible;
}

.reply-item {

   border-radius: 2px;
}

.hidden {
   display: none;
}


.order-card:hover {
   opacity: 0.5
}

.order-card.canceled {
    display: none
}

.order-card.completed {
    display: none
}

.order-card {
    border: 1px solid black;
}
.order-card.unread {
    border: 1px solid red;
}

.order-card.unreplied {
    border: 1px solid purple;
}

.reply-timestamp {
    margin: auto
}