/* TABLE CSS */
.table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 5px;
    flex-wrap: nowrap;
    font-size: 16px;
    color: #2d04fa;

}

thead {    
    background-color: #c5e0f9e0; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
}

thead th, tbody td {
    border: 1px solid #bbb;     
    padding: 10px;
    text-align: left;
}

.table-container {
    background-color: rgb(248, 246, 246); 
    max-height: 400px;
    overflow: auto;    
    border: 1px solid #ccc;
    margin-bottom: 10px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}

/* Fix thead */
.table-container thead {
    position: sticky;
    top: 0;
    z-index: 2; 
    background-color: #c5e0f9e0;
}


/* WebKit-based browsers (Chrome, Edge, Safari) */
.table-container::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}

.table-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15); /* very light gray */
  border-radius: 1px;
}

.table-container::-webkit-scrollbar-track {
  background-color: transparent; /* or use light rgba if you want */
}

.table-controls button {    
    padding: 4px 8px;
    font-size: 12px;
    border: none;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.summary-table td:first-child { width: 25%; font-weight: bold; background-color: #fafafa; }

 /* Action button colors */
.btn-red { background-color: #e74c3c; }      /*Delete, Cancel*/
.btn-green { background-color: lch(44.84% 54.83 146.32); }    /*Create, update*/
.btn-blue { background-color: #2a3aca; }     /*Save, Assign*/
.btn-black { background-color: #011522; }     /*back*/
.btn-purple { background-color: #8e44ad; }   /*Upload*/
.btn-skyblue { background-color: #dde5fb; } /* upload file selection */
.btn-cyan { background-color: #049eb3; }     /* Download, view */
.btn-brown { background-color: #f77a05; }   /*print*/
.btn-grey { background-color: #4a4745; }   /*Hide*/
.btn-lightgrey { background-color: #72706f; }   /*un-Hide*/
.btn-lightblue { background-color: #053bcf; } /* Refresh */

/* Hover Effect */
.btn-red:hover { background-color: #f2cac6; }      /*Delete, Cancel*/
.btn-green:hover { background-color: lch(93.68% 26.97 157.32); }    /*Create, update*/
.btn-blue:hover { background-color: #a3abef; }     /*Save, Assign*/
.btn-black:hover { background-color: #273740; }     /*back*/
.btn-purple:hover { background-color: #d6a1ed; }   /*Upload*/
.btn-skyblue:hover { background-color: #d9e2fd; } /* upload file selection */
.btn-cyan:hover { background-color: #cde6e9; }     /* Download, view */
.btn-brown:hover { background-color: #bd5d03; }   /*print*/
.btn-grey:hover { background-color: #757372; }   /*Hide*/
.btn-lightgrey:hover { background-color: #797776; }   /*un-Hide*/
.btn-lightblue:hover { background-color: #748bca; } /* Refresh */


.total-row { font-weight: bold; background: #fafafa; }
.right { text-align: right; }
/* .section { margin-top: 25px; } */

tr:nth-child(even) {
    background-color: #f9f9f9;
}
.status-accepted { color: green; font-weight: bold; }
.status-rejected, .status-rework_required { color: red; font-weight: bold; }
.status-conditional_acceptance { color: orange; font-weight: bold; }
.status-not_inspected { color: gray; font-style: italic; }

.section { margin-bottom: 40px; }
.summary-table td:first-child { width: 25%; font-weight: bold; background-color: #fafafa; }
.roi-high { color: green; font-weight: bold; }
.roi-medium { color: orange; font-weight: bold; }
.roi-low { color: red; font-weight: bold; }
.not-assessed { color: #888; }