/* ============================================
   AGGRESSIVE FULL WIDTH FOR ALL TICKET PAGES
   ============================================ */

/* Force ABSOLUTE full width on ALL ticket pages */
body[data-template-file*="ticket"],
body[data-template-file*="supportticket"] {
    overflow-x: hidden !important;
}

/* Remove ALL sidebars - super aggressive */
body[data-template-file*="ticket"] .sidebar,
body[data-template-file*="ticket"] aside,
body[data-template-file*="supportticket"] .sidebar,
.sidebar {
    display: none !important;
    width: 0 !important;
    visibility: hidden !important;
}

/* Force primary content to 100% width */
body[data-template-file*="ticket"] .primary-content,
body[data-template-file*="ticket"] .main-content,
body[data-template-file*="supportticket"] .primary-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force container to full width */
body[data-template-file*="ticket"] .container,
body[data-template-file*="supportticket"] .container,
body[data-template-file*="ticket"] .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Force row to full width */
body[data-template-file*="ticket"] .row,
body[data-template-file*="supportticket"] .row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Hide ALL sidebar columns everywhere on ticket pages */
body[data-template-file*="ticket"] .col-lg-4,
body[data-template-file*="ticket"] .col-xl-3,
body[data-template-file*="ticket"] .col-md-3,
body[data-template-file*="ticket"] .col-sm-3,
body[data-template-file*="supportticket"] .col-lg-4,
body[data-template-file*="supportticket"] .col-xl-3 {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Force main content columns to 100% */
body[data-template-file*="ticket"] .col-lg-8,
body[data-template-file*="ticket"] .col-xl-9,
body[data-template-file*="ticket"] .col-md-9,
body[data-template-file*="ticket"] .col-sm-9,
body[data-template-file*="ticket"] .col-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* Remove container padding */
body[data-template-file*="ticket"] .container>.row,
body[data-template-file*="supportticket"] .container>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* HIDE OLD ELEMENTS */
body[data-template-file*="ticket"] .table-container,
body[data-template-file*="ticket"] #tableTicketsList,
body[data-template-file*="ticket"] #tableLoading,
body[data-template-file*="ticket"] table.dataTable,
body[data-template-file*="ticket"] .panel-info,
body[data-template-file*="ticket"] .panel-collapsable,
#tableTicketsList,
table#tableTicketsList {
    display: none !important;
}

/* Force show modern wrappers with full width */
.modern-tickets-wrapper,
.modern-view-ticket-wrapper,
.modern-submit-ticket-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Make sure content wrapper takes full width */
body[data-template-file*="ticket"] #main-body,
body[data-template-file*="ticket"] main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Responsive adjustments */
@media (max-width: 1200px) {

    .modern-tickets-wrapper,
    .modern-view-ticket-wrapper {
        padding: 30px 20px !important;
    }
}

@media (max-width: 768px) {

    .modern-tickets-wrapper,
    .modern-view-ticket-wrapper {
        padding: 20px 15px !important;
    }
}