css/calc_list.css

.calc-list-toolbar{
    display:flex;
    gap:10px;
    margin-bottom:20px;
    align-items:center;
    flex-wrap:wrap;
}

.calc-list-toolbar .newcalc-btn{
    background:#024550;
    color:#fff;
    border:none;
    padding:10px 20px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    font-family:inherit;
}

.calc-list-toolbar .newcalc-btn.is-secondary{
    background:#fff;
    color:#024550;
    border:1.5px solid #cfe0e7;
}

.calc-list-toolbar select,
.calc-list-toolbar input{
    padding:8px 12px;
    border:1.5px solid #e5e7eb;
    border-radius:8px;
    font-size:13px;
    font-family:inherit;
    background:#fff;
}

.calc-list-toolbar input{
    min-width:200px;
}

.calc-list-table-wrap{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    overflow:hidden;
}

.calc-list-table{
    width:100%;
    border-collapse:collapse;
}

.calc-list-table thead tr{
    background:#f8f9fa;
}

.calc-list-table th{
    padding:10px 14px;
    text-align:left;
    font-size:11px;
    font-weight:600;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.calc-list-table th.is-right{
    text-align:right;
}

/* calc_list.css: Belopp-cellen (siffra + kr) ska aldrig brytas till två rader */
.calc-list-table td.is-right,
.calc-list-table td.is-amount{
    text-align:right;
    white-space:nowrap;
}

.calc-list-loading{
    padding:40px;
    text-align:center;
    color:#94a3b8;
    font-size:14px;
}