/* --- Header Layout --- */

.Header__headerRow {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.Header__headerBrand {

    margin-right: auto;

}



.Header__tabsList {

    display: flex;

    align-items: center;

    list-style: none;

    padding: 0;

}



/* --- Submit a Ticket Button Customization --- */

.Header__formShort svg, 

.Icon__plusIcon,

[data-id="plus_icon"] svg {

    display: none !important;

}



.FormShortCut__plusPopup {

    display: flex !important;

    align-items: center;

    text-decoration: none;

    cursor: pointer;

}



.FormShortCut__plusPopup::after {

    content: "\2709  Submit a Ticket"; 

    color: #FFFFFF;

    font-size: 16px; 

    font-weight: 700; 

    font-family: inherit; 

    text-transform: none; 

    letter-spacing: normal;

    -webkit-font-smoothing: antialiased;

    white-space: nowrap;

    visibility: visible;

}



.Header__formShort {

    margin-right: 18px !important; 

}



.FormShortCut__plusPopup:hover::after {

    opacity: 0.8;

}



/* --- MOBILE FONT FIX --- */

@media (max-width: 767px) {

    .FormShortCut__plusPopup::after {

        font-size: 13px !important; 

    }

    

    .Header__formShort {

        margin-right: 12px !important; 

    }

}



/* --- TICKET LIST VIEW (Filters, Exports & Sidebar) --- */



/* Hide All Department and All Channel filters */

.ticketList .TicketListContainer__filter_department,

.ticketList .TicketListContainer__filter_channel {

    display: none !important;

}



/* Hide Export CSV and History buttons using Attributes */

/* This looks for buttons with specific hover titles or aria-labels */

.ticketList [title="Export CSV"],

.ticketList [aria-label="Export CSV"],

.ticketList [title="Export History"],

.ticketList [aria-label="Export History"],

.ticketList [title="More Actions"],

.ticketList [data-id="export-csv"],

.ticketList .icon-export,

.ticketList .icon-more {

    display: none !important;

}



/* Hide Specific Sidebar Views (On Hold & Overdue) */

.ticketList .My_On_Hold_Tickets,

.ticketList .My_Overdue_Tickets,

.ticketList .Team_On_Hold_Tickets,

.ticketList .Team_Overdue_Tickets {

    display: none !important;

}



/* Hide "Late by X" / Due Date information in list rows */

.ticketList .TicketListItem_dueDate {

    display: none !important;

}



/* --- TICKET DETAIL PAGE FIXES --- */



/* 1. RELIABLE HIDE (Using Support's Container Class) */

/* This targets the 'ul' list inside the container support identified */

/* It hides the 4th item (Assigned To) and everything after it (Due Date, etc.) */

.TicketDetailContainer__rtCont ul li:nth-child(n+4) {

    display: none !important;

}



/* 2. SPECIFIC FIELD BACKUPS */

/* Hides specific fields if they use standard Zoho naming conventions */

.TicketDetailContainer__rtCont .ticket_duedate,

.TicketDetailContainer__rtCont .ticket_owner,

.TicketDetailContainer__rtCont .ticket_assignee,

.TicketDetailContainer__rtCont .ticket_departmentid {

    display: none !important;

}



/* 3. HIDE DEPARTMENT (2nd List) */

/* Targets the first item of the second list found in that container */

.TicketDetailContainer__rtCont ul:nth-of-type(2) li:nth-child(1) {

    display: none !important;

}



/* 4. CLOSE BUTTON REMOVAL */

.TicketDetailContainer__closeTicket,

.TicketDetail__actionContainer {

    display: none !important;

}



/* --- Footer Styling --- */

.Footer__footer {

    padding: 30px 0;

    background-color: #f9f9f9;

    border-top: 1px solid #eee;

}



.Footer__poweredBy {

    text-align: center;

    font-size: 14px;

    color: #666;

}