/* Prevents editing a submitted ticket Priority */
.ticketDetail #field_priority {
    display: none;
}

.editProfile .EditProfileContainer__profileContentPanel .EditProfileContainer__boxList:nth-child(3) {
    display: none;
}

/* Hide Footer */
.Footer__footerBg {
    display: none;
}

.Footer__footerCopyrigt {
    display: none;
}

.home .Layout__oneColumn{
  min-height: auto
}

/* Widget Add ticket + WhatsApp buttons (Home Page) */
.add-ticket-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 145px !important;
    text-align: center !important;
    padding: 10px 22px !important;
    background-color: #ffffff !important;
    color: #6b7280 !important;
    border: 1px solid #ffffff !important; 
    font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.add-ticket-btn:hover {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}

/* Widget positioning */
.add-ticket-widget {
    position: sticky !important;
    top: 24px;                
    z-index: 9999 !important;
    display: flex;
    justify-content: center;
    margin-top: -120px;        
}

/* Show 2 buttons and formatting */
.add-ticket-btn + .add-ticket-btn {
    margin-left: 1cm;
    color: #5bc3f5 !important;       /* WhatsApp Green Text */
    border-color: #5bc3f5 !important; /* Optional: Green border to match */
}


/* --- Global Brand & Buttons. Overwrite Orange colors --- */
/* Default State: Sets global brand color to Blue (#0055ff) */
.commonStyle__zt3Brand {
    color: #0055ff !important;
    border-color: #0055ff !important;
    fill: #0055ff !important;
}

/* Hover State: Sets global brand hover to Light Blue (#5bc3f5) */
.commonStyle__zt3Brand:hover {
    color: #5bc3f5 !important;
    border-color: #5bc3f5 !important;
    fill: #5bc3f5 !important;
}

/* Buttons with background color */
.commonStyle__zt3BrandBg {
    background-color: #5bc3f5 !important;
    border-color: #5bc3f5 !important;
}

/* --- Search Icon (Desktop + Mobile) --- */
span[data-id="searchButton"],
.SearchContainer__searchIcon {
    color: #ffffff !important;
}
span[data-id="searchButton"] svg,
.SearchContainer__searchIcon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* --- Inline Action Links (Login, Reset, etc.) --- */
a[href*="agent"],
a[href*="login"],
a[href*="reset"],
a[href*="password"] {
    color: #5bc3f5 !important;
}
a[href*="agent"]:hover,
a[href*="login"]:hover,
a[href*="reset"]:hover,
a[href*="password"]:hover {
    color: #7d42d8 !important; /* Purple hover */
}

/* --- Ticket List Elements --- */
/* Reply count text */
.TicketListItem__replyCount.commonStyle__zt3Brand {
    color: #5bc3f5 !important;
}

/* Avatars (Merged background and text rules) */
.AvatarText__avatarText {
    background-color: #5bc3f5 !important;
    border-color: #5bc3f5 !important;
    color: #ffffff !important;
}

/* Static State: Forces Text, Icon, and Border to Blue (#0055ff) */
.FileUpload__userLink,
.FileUpload__attachPin, 
.FileUpload__attachPin.commonStyle__zt3Brand {
    color: #0055ff !important;
    border: 1px solid #0055ff !important; /* Ensures the circle exists */
}

/* Ensures the paperclip SVG inside is also Blue */
.FileUpload__attachPin svg {
    fill: #0055ff !important;
}

/* Hover State: Everything turns Light Blue (#5bc3f5) when hovering the label */
.FileUpload__label:hover .FileUpload__userLink,
.FileUpload__label:hover .FileUpload__attachPin {
    color: #5bc3f5 !important;
    border-color: #5bc3f5 !important;
}

/* Removes the default focus ring from the main container */
.FileUpload__label:focus,
.FileUpload__label:focus-within,
.FileUpload__label:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Removes the border/square specifically from the text */
.FileUpload__userLink, 
.FileUpload__userLink:focus,
.FileUpload__userLink:focus-visible,
.FileUpload__userLink:active {
    outline: none !important;
    border: none !important;       /* This kills the square */
    box-shadow: none !important;
    background: transparent !important;
}

/* Hides Resolution notes to clients */

.ticketDetail .ticket_resolution {
    display: none;
}

/* Hides Comments to clients */
.ticketDetail .ConversationForm__list+.ConversationForm__list { 
  display:none; }