.cnb-board{

    border:1px solid #1C335F;

    background:#fff;

    margin: 30px 0 60px 0;

}

/* Tabs */

.cnb-tabs{

    display:flex;

    border-bottom:1px solid #1C335F;

    flex-wrap:wrap;

    background-color:#eee;

}

.cnb-tab{

    padding:14px 25px;

    /* background:grey; */

    border:none;

    cursor:pointer;

    font-weight:600;

    border-right:1px solid #ddd;

}

.cnb-tab.active{

    background:#1C335F;

    color:#fff;

}

/* Scroll Area */

.cnb-scroll-wrapper{

    height:400px;

    overflow-y:auto;

    overflow-x:hidden;

    scroll-behavior:auto;

    position:relative;

}

/* Notice Row */

.cnb-row{

    border-bottom:1px solid #eee;

}

.cnb-row a{

    display:flex;

    align-items:center;

    gap:20px;

    text-decoration:none;

    color:#222;

    padding:14px 20px;

}

.cnb-row:hover{

    background:#f8f9fa;

}

.cnb-date {
    width: 120px;
    flex-shrink: 0;
    color: #0d6efd;
    font-weight: 600;
}

.cnb-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Badges */

.cnb-badge{

    padding:3px 10px;

    font-size:11px;

    color:#fff;

    border-radius:20px;

}

.cnb-badge.new{

    background:#28a745;

}

.cnb-badge.important{

    background:#dc3545;

}

.cnb-row {
    border-bottom: 1px solid #eee;
}

.cnb-row-inner {
    display: flex;
    align-items: center;
    /* gap: 15px;
    padding: 12px 20px; */
}

.cnb-row:hover{

    background:#f7fbff;

}

.cnb-row.important{

    border-left:4px solid #dc3545;

}

.cnb-row.pinned{

    border-left:4px solid #0d6efd;

    background:#f9fcff;

}

.cnb-pdf{

    color:#dc3545;

    font-weight:600;

    white-space:nowrap;

}

.cnb-title-link {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    text-decoration: none;
    color: #222;
    min-width: 0; /* Important for ellipsis */
}

.cnb-pdf-btn {
    flex-shrink: 0;
    font-size: 18px;
    text-decoration: none;
}

.cnb-pdf-btn:hover{

    transform:scale(1.15);

}

/* Chrome, Edge, Safari */

.cnb-scroll-wrapper::-webkit-scrollbar{

    width:5px;

}

.cnb-viewport{

    position:relative;

    overflow:hidden;

    height:400px;

}

.cnb-track{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    will-change:transform;

}