/* /Features/Requests/TicketDetail.razor.rz.scp.css */
.issue-header[b-nh44acdrnx] {
    margin-bottom: 16px;
}

.issue-title[b-nh44acdrnx] {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
    color: var(--uniq-text);
    word-break: break-word;
}

.issue-id[b-nh44acdrnx] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-weight: 400;
    color: var(--uniq-text-mute);
}

/* State pill: keep the chip rounded and force the icon white over the status colour. */
.issue-state[b-nh44acdrnx] {
    border-radius: 999px;
    font-weight: 600;
}

.issue-state[b-nh44acdrnx]  .mud-icon-root {
    color: #fff;
}

/* Comment cards — GitHub-style tinted header strip over the card body. */
.issue-card[b-nh44acdrnx] {
    width: 100%;
}

.issue-card[b-nh44acdrnx]  .mud-card-header {
    background-color: var(--uniq-surface2);
    border-bottom: 1px solid var(--uniq-line);
    padding: 10px 16px;
}

/* Support (responder/admin) comments — accent outline + left bar so they stand out from requester comments. */
.issue-card--staff[b-nh44acdrnx] {
    border-color: var(--uniq-accent);
    box-shadow: inset 3px 0 0 var(--uniq-accent);
}

/* Give the timeline a touch more breathing room between posts. */
.issue-timeline[b-nh44acdrnx]  .mud-timeline-item {
    padding-bottom: 8px;
}

/* Removable attachment thumbnail in edit mode: the close button sits over the image's top-right. */
.attachment-edit[b-nh44acdrnx] {
    position: relative;
    display: inline-flex;
}

.attachment-edit[b-nh44acdrnx]  .mud-icon-button {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
}

.side-section[b-nh44acdrnx]  .mud-input-control {
    margin-top: 4px;
}
/* /Layouts/MainLayout.razor.rz.scp.css */
[b-4ggb8pc6ly] .kanban-column {
    min-width: 300px;
    width: 300px;
}