.readings{

    background:#ffffff;

    border-radius:18px;

    padding:22px;

    box-shadow:0 10px 25px rgba(15,43,91,.08);

}

.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:18px;

}

.section-header h2{

    font-size:20px;

    color:#1d3557;

}

.section-header span{

    font-size:13px;

    color:#6c7a89;

}

table{

    width:100%;

    border-collapse:collapse;

}

thead{

    background:#eef4fb;

}

th{

    padding:12px 14px;

    text-align:left;

    font-size:13px;

    font-weight:600;

    color:#1d3557;

}

td{

    padding:10px 14px;

    font-size:13px;

    color:#425466;

    border-bottom:1px solid #edf2f7;

}

tbody tr:hover{

    background:#f7faff;

}

.status{

    display:inline-block;

    padding:4px 10px;

    border-radius:14px;

    font-size:12px;

    font-weight:600;

}

.ok{

    background:#e8f8ef;

    color:#198754;

}