/* Path: /KTS/appraisal3/appraisal_v3_style.css */

.appraisal-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
}

.appraisal-table th {
    font-size: 11px !important;
    padding: 8px 10px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
    font-weight: 700;
    height: 34px;
}

.appraisal-table td {
    padding: 6px 10px !important;
    vertical-align: middle;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    height: 40px;
    font-size: 14px !important;
    font-weight: 700;
}

.appraisal-section-header {
    background: #1a237e !important;
    color: white;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    border-radius: 4px 4px 0 0;
}

.at-no-badge {
    background: white;
    color: #d32f2f;
    padding: 3px 10px;
    border-radius: 3px;
    font-weight: 800;
    font-size: 13px;
}

.appraisal-input {
    width: 100% !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700;
    border: none;
    background: transparent;
    outline: none;
    color: #1e293b;
}

/* INPUT BACKGROUND STATES */
.bg-search-active { 
    background-color: #fff9c4 !important; /* Darker Yellow for Manual Entry */
    border: 1px solid #fbc02d !important;
}

.bg-locked { 
    background-color: #f1f5f9 !important; /* Light Grey-Blue for Read-Only */
}

.text-teal-result { color: #00796b !important; }

/* Modal & UI Elements */
.kts-suggestion-box { position: absolute; z-index: 2000; width: 100%; background: white; border: 1px solid #e2e8f0; box-shadow: 0 10px 20px rgba(0,0,0,0.1); max-height: 250px; overflow-y: auto; margin-top: 5px; }
.modal-backdrop { z-index: 1040 !important; }
.modal { z-index: 1050 !important; }
.btn-kts-pick { border: 1px solid #1a237e; background: white; color: #1a237e; font-size: 11px; padding: 2px 10px; font-weight: 700; border-radius: 3px; text-transform: uppercase; }
.btn-kts-pick:hover { background: #1a237e; color: white; }

.suggestion-item.suggestion-active {
    background-color: #1a237e !important;
    color: white !important;
}

/* Align all appraisal table headers to the center middle */
.appraisal-table thead th {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 8px 5px;
}

/* Optional: If you want the data cells (td) also centered */
.appraisal-table tbody td {
    text-align: center;
    vertical-align: middle;
}