/* FIX: Child Row / Details View Corrections */

/* 1. Reset Child Row Styling */
table.dataTable tbody tr.child {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
}

table.dataTable tbody tr.child:hover {
    transform: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* 2. Reset Cell Padding in Child Row to let Template control full width */
table.dataTable tbody tr.child td {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. Ensure the Template Container fits nicely */
.wfojb-details-container {
    margin-top: 10px;
    /* Small gap from parent */
    width: 100%;
    box-sizing: border-box;
}

/* 4. Fix specific issue for Template 14 (Executive Dark) Layout */
.wfojb-tpl16-container {
    max-width: 100%;
    /* Ensure it doesn't overflow horizontally */
}