/* Plugin additional CSS - lightweight and non-conflicting (gpa- prefix) */
.gpa-cell { display:flex; justify-content:center; align-items:center; }
.gpa-arrow { margin-right:6px; font-size:12px; vertical-align:middle; font-weight:700; }
.gpa-arrow.up, .gpa-arrow.gpa-up, .gpa-arrow.up { color:#0a7a2f; }
.gpa-arrow.down, .gpa-arrow.gpa-down { color:#b30f0f; }
.gpa-highlight-up { background: rgba(0,128,0,0.08); }
.gpa-highlight-down { background: rgba(200,0,0,0.08); }

/* ensure compatibility with user's custom CSS: do not override kg-* classes */
.kg-number { font-weight:600; display:inline-block; min-width:120px; text-align:right; }
/* === UPDATE COLORS === */
.kg-title {
    color: rgb(102,77,41) !important;
}

.kg-updated {
    color: rgb(102,77,41) !important;
}

/* === CATEGORY BOLD === */
.col-cat {
    font-weight: bold !important;
}

/* === ARROW NEXT TO NUMBER === */
.gpa-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px; /* khoảng cách giữa mũi tên và số */
}

/* giữ nguyên size mũi tên */
.gpa-arrow.gpa-up {
    color: #0a7a2f;
}
.gpa-arrow.gpa-down {
    color: #b30f0f;
}

.col-cat { font-weight: bold !important; }