/*
----------------------------------------------------
NP Core - Coin Series
----------------------------------------------------
*/

.np-series-wrapper{

    margin:30px 0;

    font-family:inherit;

}


/*
----------------------------------------------------
Summary Cards
----------------------------------------------------
*/

.np-summary-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-bottom:35px;

}

.np-card{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:10px;

    padding:22px;

    box-shadow:0 2px 10px rgba(0,0,0,.04);

    transition:.25s;

}

.np-card:hover{

    box-shadow:0 8px 22px rgba(0,0,0,.08);

}

.np-card h4{

    margin:0 0 18px;

    font-size:20px;

    font-weight:700;

    color:#222;

}

.np-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.np-card li{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:9px 0;

    border-bottom:1px solid #f1f1f1;

    font-size:14px;

}

.np-card li:last-child{

    border-bottom:none;

}

.np-card strong{

    color:#666;

    font-weight:600;

}


/*
----------------------------------------------------
Heading
----------------------------------------------------
*/

.np-series-wrapper h3{

    margin:40px 0 20px;

    font-size:28px;

    font-weight:700;

}


/*
----------------------------------------------------
Toolbar
----------------------------------------------------
*/

.np-toolbar{

    display:flex;

    gap:15px;

    align-items:center;

    margin-bottom:25px;

    flex-wrap:wrap;

}

.np-toolbar input[type=text]{

    width:260px;

    padding:11px 15px;

    border:1px solid #ddd;

    border-radius:6px;

}

.np-toolbar select{

    padding:11px 15px;

    border:1px solid #ddd;

    border-radius:6px;

    background:#fff;

}

.np-toolbar label{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

}


/*
----------------------------------------------------
Table
----------------------------------------------------
*/

.np-table{

    width:100%;

    border-collapse:collapse;

    background:#fff;

}

.np-table thead{

    background:#f6f6f6;

}

.np-table th{

    padding:15px;

    border:1px solid #ececec;

    text-align:left;

    font-size:14px;

    font-weight:700;

    white-space:nowrap;

}

.np-table td{

    padding:15px;

    border:1px solid #ececec;

    vertical-align:middle;

    font-size:14px;

}

.np-table tbody tr{

    transition:.2s;

}

.np-table tbody tr:hover{

    background:#fafafa;

}


/*
----------------------------------------------------
Buttons
----------------------------------------------------
*/

.np-table a{

    color:#0b63ce;

    text-decoration:none;

    font-weight:600;

}

.np-table a:hover{

    text-decoration:underline;

}

.np-add-collection{

    background:#0b63ce;

    color:#fff;

    border:none;

    border-radius:6px;

    padding:10px 16px;

    cursor:pointer;

    transition:.25s;

    font-size:13px;

    font-weight:600;

}

.np-add-collection:hover{

    background:#084ea5;

}


/*
----------------------------------------------------
Responsive
----------------------------------------------------
*/

@media(max-width:1200px){

    .np-summary-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .np-summary-grid{

        grid-template-columns:1fr;

    }

    .np-toolbar{

        flex-direction:column;

        align-items:stretch;

    }

    .np-toolbar input[type=text]{

        width:100%;

    }

    .np-toolbar select{

        width:100%;

    }

    .np-table{

        display:block;

        overflow-x:auto;

    }

}
.np-sortable{

    cursor:pointer;

    user-select:none;

}

.np-sort-arrow{

    margin-left:6px;

    font-size:12px;

    color:#999;

}

.np-sortable:hover{

    background:#f3f3f3;

}

#np-results-count{

    margin-bottom:15px;

    display:block;

    font-size:14px;

    color:#666;

}

#np-reset-filters{

    padding:11px 18px;

    border:1px solid #ddd;

    background:#fff;

    cursor:pointer;

    border-radius:6px;

}

#np-reset-filters:hover{

    background:#f7f7f7;

}