/* Table JavaScript enhancements */
#tabbody tr.hover {
    background-color: #f0f8ff !important;
}

#tabbody tr.selected {
    background-color: #e6f3ff !important;
    border: 2px solid #007acc;
}

.title td {
    cursor: pointer;
    user-select: none;
}

.title td:hover {
    background-color: #ddd;
}

input.error {
    border: 2px solid #ff0000;
    background-color: #ffe6e6;
}

#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 20px;
    border-radius: 5px;
    z-index: 9999;
}