/**
 * Custom CSS for osTicket Admin Panel (Staff)
 *
 * This file is automatically loaded by the Custom CSS Loader plugin.
 * Filename pattern: Any .css file with "staff" in the name.
 *
 * Place your custom styles here to customize the Admin Panel.
 * Uncomment the examples below or add your own rules.
 */

/* ==========================================================================
   Example: Container Width
   ========================================================================== */

/*
 * Increase main content container width for larger screens.
 * Useful if you have wide monitors and want to use more space.
 */
/*
.container-fluid {
    max-width: 1800px;
}

#content {
    max-width: none;
}
*/

/* ==========================================================================
   Example: Custom Header Styling
   ========================================================================== */

/*
 * Custom header background color (brand colors).
 */
/*
#header {
    background-color: #2c3e50;
}

#header a {
    color: #ecf0f1;
}
*/

/* ==========================================================================
   Example: Ticket Table Enhancements
   ========================================================================== */

/*
 * Hover effect for ticket rows in the queue.
 */
/*
.ticket-row:hover,
tr.row:hover {
    background-color: #f8f9fa !important;
    transition: background-color 0.15s ease;
}
*/

/*
 * Highlight overdue tickets.
 */
/*
tr.overdue {
    background-color: #fff3cd !important;
}
*/

/* ==========================================================================
   Example: Navigation Improvements
   ========================================================================== */

/*
 * Make sidebar navigation wider.
 */
/*
#nav {
    width: 220px;
}

#nav + #content {
    margin-left: 230px;
}
*/

/* ==========================================================================
   Example: Button Styling
   ========================================================================== */

/*
 * Custom primary button color.
 */
/*
.btn.primary,
input[type="submit"].btn {
    background-color: #3498db;
    border-color: #2980b9;
}

.btn.primary:hover {
    background-color: #2980b9;
}
*/

/* ==========================================================================
   Your Custom Styles Below
   ========================================================================== */

/* Add your custom CSS rules here */