/* Payload Lookup CSS Styles */

/* Website Layout Fixes */
#wrap .oe_structure {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.payload-lookup-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Ensure proper Bootstrap grid behavior */
.container {
    width: 100% !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

[class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.payload-lookup-heading {
    margin-bottom: 2rem;
    color: #5D8AA8;
}

.payload-lookup-form {
    background-color: #f8f9fa;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.payload-lookup-results {
    margin-top: 2rem;
}

.payload-lookup-info {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.payload-lookup-detail {
    margin-bottom: 0.5rem;
}

.payload-lookup-label {
    font-weight: 600;
    display: inline-block;
    min-width: 120px;
}

.payload-lookup-status {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 600;
}

.payload-lookup-status-draft {
    background-color: #e9ecef;
    color: #6c757d;
}

.payload-lookup-status-done {
    background-color: #d4edda;
    color: #28a745;
}

.payload-lookup-status-failed {
    background-color: #f8d7da;
    color: #dc3545;
}

.lookup-result-container {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 2rem;
    white-space: pre-wrap;
    font-family: monospace;
    max-height: 300px;
    overflow-y: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .payload-lookup-form {
        padding: 1.5rem;
    }
    
    .payload-lookup-label {
        min-width: 100px;
    }
}

/* Fix for floating chatter div issue */
.oe_chatter {
    position: relative !important;
    z-index: 1 !important;
    clear: both !important;
    margin-top: 20px !important;
    overflow: visible !important;
}

.oe_chatter .o_mail_thread {
    max-height: 400px;
    overflow-y: auto;
}

/* Fix for table rendering issues */
.o_list_view table {
    table-layout: auto !important;
    width: 100% !important;
}

.o_list_view table tbody {
    display: table-row-group !important;
}

.o_list_view table thead {
    display: table-header-group !important;
}

/* Prevent table column width forcing errors */
.o_list_view table th,
.o_list_view table td {
    min-width: auto !important;
    width: auto !important;
}

/* Form view container fixes */
.o_form_view .o_form_sheet_bg {
    position: relative;
    z-index: 1;
}

.o_form_view .oe_chatter {
    position: relative;
    z-index: 2;
    margin-top: 30px;
}

/* Prevent overflow issues */
.o_field_one2many .o_list_view {
    overflow: visible !important;
}

/* Fix mail follower widget positioning */
.o_field_widget.o_field_one2many {
    position: relative !important;
    z-index: auto !important;
}

/* Additional table error prevention */
.o_list_view table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.o_list_view .o_data_row {
    position: relative !important;
}

/* Prevent JavaScript table width calculation errors */
.o_list_view .o_list_table_grouped {
    min-width: 100% !important;
}

/* Override any problematic table column forcing */
.o_list_view th[style*="width"] {
    width: auto !important;
}