/**
 * Client portal UI/UX refinements (front only).
 * After editing this file, bump $assetsversion in themes/perfex/functions.php.
 */

/* Task details base readability */
#task,
#task .col-md-12 {
    line-height: 1.6;
}

#task p {
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.75rem;
}

#task h3,
#task h4,
#task h5 {
    line-height: 1.4;
}

#task .task-info h5 {
    line-height: 1.5;
}

/* Task details: description left, checklist right */
#task .task-details-main {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

#task .task-details-main > [class*="col-"] {
    margin-bottom: 1.25rem;
}

#task .task-details-description h4,
#task .task-details-checklist h4 {
    margin-top: 0;
    margin-bottom: 0.85rem;
    line-height: 1.35;
}

#task .task-details-description .tc-content {
    line-height: 1.75;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#task .task-details-description .tc-content p {
    line-height: 1.75;
    margin-bottom: 0.9rem;
}

#task .task-details-description .tc-content li {
    line-height: 1.7;
    margin-bottom: 0.35rem;
}

#task .task-details-checklist {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1rem 1.15rem;
}

#task .task-details-checklist .task-checklist-item,
#task .task-details-checklist .task-checklist-item.line-throught,
#task .line-throught {
    text-decoration: none;
}

#task .task-details-checklist .task-checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0 0 0.85rem;
    line-height: 1.65;
}

#task .task-details-checklist .task-checklist-item:last-child {
    margin-bottom: 0;
}

#task .task-details-checklist .task-checklist-indicator {
    flex-shrink: 0;
    margin-top: 0.2rem;
}

@media (max-width: 991px) {
    #task .task-details-main .task-details-description,
    #task .task-details-main .task-details-checklist {
        width: 100%;
    }
}

/* Client new task: two-column layout */
.client-new-task-layout {
    margin-left: 0;
    margin-right: 0;
}

.client-new-task-layout > [class*="col-"] {
    min-width: 0;
}

.client-new-task-layout .client-new-task-right .client-new-task-checklist,
.client-new-task-layout .client-new-task-right .client-new-task-attachments {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1rem 1.15rem;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.client-new-task-layout .client-new-task-attachments {
    margin-top: 1rem;
}

.client-new-task-layout .client-new-task-right .input-group {
    width: 100%;
    max-width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
}

.client-new-task-layout .client-new-task-right .input-group .form-control {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.client-new-task-layout .client-new-task-right .input-group-btn {
    width: 1%;
    white-space: nowrap;
}

.client-new-task-checklist .client-checklist-row {
    margin-bottom: 0.65rem;
}

.client-new-task-checklist .client-checklist-row .form-control {
    line-height: 1.5;
}

.client-new-task-checklist #add-client-checklist-item {
    margin-top: 0.25rem;
}