.novajyin-wrap .novajyin-filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.novajyin-wrap .novajyin-filters input[type="text"],
.novajyin-wrap .novajyin-filters input[type="search"],
.novajyin-wrap .novajyin-filters select {
    max-width: 180px;
}

.novajyin-checkbox {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    min-height: 30px;
}

.novajyin-table th,
.novajyin-table td {
    vertical-align: top;
}

.novajyin-overdue td {
    background: #fff5f5;
}

.novajyin-detail-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: 16px;
}

.novajyin-panel {
    background: #fff;
    border: 1px solid #c3c4c7;
    box-sizing: border-box;
    padding: 16px;
}

.novajyin-panel h2,
.novajyin-panel h3 {
    margin-top: 0;
}

.novajyin-timeline-item {
    border-bottom: 1px solid #dcdcde;
    padding: 12px 0;
}

.novajyin-timeline-item:first-child {
    padding-top: 0;
}

.novajyin-timeline-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.novajyin-type {
    background: #f0f0f1;
    border-radius: 2px;
    display: inline-block;
    font-size: 11px;
    margin-left: 8px;
    padding: 2px 6px;
}

.novajyin-mapping {
    margin-bottom: 18px;
    max-width: 720px;
}

.novajyin-mapping input {
    width: 100%;
}

.novajyin-attachments {
    list-style: disc;
    margin-left: 18px;
}

@media (max-width: 1100px) {
    .novajyin-detail-grid {
        grid-template-columns: 1fr;
    }
}






