.rtio-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}
.rtio-table th,
.rtio-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}
.rtio-table tr:first-child th:first-child,
.rtio-table td:first-child{
    text-align:left;
    vertical-align: middle;
}
.rtio-table th {
    background-color: #f8f9fa;
    font-weight: bold;
}
.rtio-form input[type="number"],
.rtio-form input[type="text"] {
    width: 90px;
    padding: 4px;
}
.rtio-form input[type="month"] {
    padding: 6px;
}
.rtio-legend {
    font-size: 0.9em;
    color: #666;
    margin-top: 10px;
}

.e-font-icon-svg {
    vertical-align: middle;
    width: 20px;
}
.status-hadir svg {
  fill: #28a745;
}
.status-lunas svg {
  fill: #007bff;
}
span.sno {
    width: 20px;
    display: inline-block;
    background: #eee9;
    border-radius: 10px;
}
th span:last-child {
    padding-right: 6px;
}



/* Gaya untuk form metadata */
.rtio-meta-table input[type="month"] {
    font-size: 0.9em;
    padding: 4px;
    width: 120px;
}
.rtio-form h4 {
    margin: 20px 0 10px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}



.nowrap{white-space: nowrap;}