/* Payroll Report Styles */

.o_payroll_report_action {
    min-height: 100vh;
    
    .o_payroll_report_table {
        thead {
            position: sticky;
            top: 0;
            z-index: 1;
            
            th {
                white-space: nowrap;
                font-weight: 600;
                border-bottom: 2px solid;
            }
        }
        
        tbody {
            tr {
                transition: background-color 0.15s ease-in-out;
                
                &.o_payroll_report_total {
                    font-weight: 600;
                    border-top: 2px solid;
                }
                
                &.o_payroll_report_detail {
                    font-size: 0.9em;
                    
                    td:first-child {
                        padding-left: 2rem;
                    }
                }
            }
            
            td {
                vertical-align: middle;
                white-space: nowrap;
                
                &.text-end {
                    font-family: 'Roboto Mono', monospace;
                }
            }
        }
    }
    
    /* Filter Card - Let Bootstrap handle background */
    .card {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }
    
    /* Date Inputs */
    .form-control-sm {
        height: 32px;
    }
    
    .form-select-sm {
        height: 32px;
    }
}

/* Report Hub Styles */
.o_fusion_report_hub {
    .card {
        transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        
        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .card-body {
            padding: 0.75rem 1rem;
        }
    }
}

/* Print Styles */
@media print {
    .o_payroll_report_action {
        background-color: white;
        
        .btn, .form-control, .form-select {
            display: none;
        }
        
        .o_payroll_report_table {
            font-size: 10pt;
            
            th, td {
                padding: 4px 8px;
            }
        }
    }
}