/* ===================================================
   Shimi Thước Lỗ Ban – loban.css
   =================================================== */
#shi_thuocloban_wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.5; max-width: 100%; box-sizing: border-box;}
#shi_thuocloban_wrap * { box-sizing: border-box; }

.shi-input-row { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.shi-input-row input[type=number] { width: 100px; padding: 6px 8px; border: 2px solid #ED1C24; border-radius: 3px; font-size: 16px; font-weight: bold; color: #ED1C24; text-align: center; background: #fff8f0; outline: none; }
.shi-input-row input[type=number]:focus { border-color: #c0392b; background: #fff; }
.shi-input-label { font-size: 13px; color: #555; }
.shi-drag-hint { font-size: 12px; color: #888; text-align: right; margin-bottom: 6px; }

.shi-outer { position: relative; border: 1px solid #ddd; background: #fff; margin-bottom: 12px; overflow: hidden; }
.shi-ruler-title { font-size: 13px; padding: 6px 10px; border-bottom: 1px solid #ddd; background: #f9f9f9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shi-ruler-area { position: relative; overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.shi-ruler-area:active { cursor: grabbing; }
.shi-indicator { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #e6a800; z-index: 5; transform: translateX(-50%); pointer-events: none; }

.shi-result-wrap { margin: 10px 0 12px; padding: 10px 12px; background: #fffbe6; border: 1px solid #ffe082; border-radius: 3px; font-size: 13px; line-height: 1.9; }
.shi-result-wrap p { margin: 0 0 4px; }
.shi-cung-name, .shi-khoan-name { color: #ED1C24; font-weight: bold; }

.shi-guide-box { background: #fffbe6; border: 1px solid #ffe082; border-radius: 3px; padding: 10px 14px; margin: 12px 0; font-size: 13px; line-height: 1.7; }
.shi-guide-box h3 { font-size: 14px; font-weight: bold; color: #b8860b; margin: 0 0 6px; }
.shi-guide-box p { margin: 0 0 6px; }
.shi-guide-box ul { margin: 0; padding-left: 16px; }

.shi-table-section { margin-top: 20px; }
.shi-table-section h3 { font-size: 15px; font-weight: bold; margin: 0 0 10px; color: #333; }
.shi-table-wrap { overflow-x: auto; }

/* ===== CSS CHO BẢNG TRA NHANH 52.2 MỚI ===== */
.loban-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
    background: #fff;
    font-size: 13px;
}
.loban-table th, .loban-table td {
    border: 1px solid #bcbcbc;
    padding: 8px 6px;
    text-align: center;
    vertical-align: middle;
}
.loban-table .col-cung {
    background: #f9f9f9;
    font-weight: bold;
    width: 120px;
}
.loban-table .col-khoan {
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    width: 130px;
}
.loban-table .txt-tot {
    color: #ED1C24; /* Màu đỏ cho Cung/Khoản tốt */
}
.loban-table .txt-xau {
    color: #333333; /* Màu đen cho Cung/Khoản xấu */
}