/*
 * CSS for Workorder Table Row Highlighting
 */

/* Urgent: Deadline passed or less than 1 week away */
.table-hover .tt-rml-workorder-urgent:hover,
.tt-rml-workorder-urgent {
    background-color: #fbe9e7 !important; /* Soft Red */
}

/* Medium: Deadline less than 3 weeks away */
.table-hover .tt-rml-workorder-medium:hover,
.tt-rml-workorder-medium {
    background-color: #fff8e1 !important; /* Soft Yellow */
}

/* On Track: Deadline more than 3 weeks away */
.table-hover .tt-rml-workorder-ontrack:hover,
.tt-rml-workorder-ontrack {
    background-color: #e8f5e9 !important; /* Soft Green */
}

/* Irrelevant: No deadline or status makes it not applicable */
.table-hover .tt-rml-workorder-irrelevant:hover,
.tt-rml-workorder-irrelevant {
    background-color: #fafafa !important; /* Very light grey */
}

.table-hover .tt-rml-workorder-high:hover,
.tt-rml-workorder-high {
    background-color: #f8d7da !important; /* A slightly more intense red for high priority issues */
}

.tt-file-gallery-item.border.border-danger {
    border: 4px solid #f1556c!important;
}

.RMLWorkorderCompany-table .modal-body {
    overflow-y: hidden;
}

.workorder-button {
    padding: 2px !important;
}

.wo-notiz-text {
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 250px;
    max-height: calc(5 * 1.5em);
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.wo-notiz-text.wo-notiz-expanded {
    max-height: 2000px;
}

.wo-notiz-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
}

.wo-notiz-toggle {
    font-size: 0.8rem;
    color: #007bff;
    cursor: pointer;
    padding: 0;
    border: none;
    background: none;
    white-space: nowrap;
}

.wo-notiz-toggle:hover {
    color: #0056b3;
    text-decoration: underline;
}

.wo-notiz-edit-btn {
    color: #007bff;
    cursor: pointer;
    padding: 0;
}

.wo-notiz-edit-btn:hover {
    color: #0056b3;
}

.wo-notiz-edit {
    min-width: 300px;
}

.wo-notiz-edit textarea {
    min-height: 80px;
    resize: vertical;
}