/* ===================================================================== Carpe Diem IT Solutions – osTicket Client Portal Custom Styling ===================================================================== IMPORTANT MAINTENANCE NOTE -------------------------- This file is NOT loaded by default in osTicket. It is manually included in: /include/client/header.inc.php If, after an osTicket UPDATE, the client portal styling is missing (background / floating card / branding), DO THE FOLLOWING: 1) Open: /include/client/header.inc.php 2) Ensure the following line exists inside : 3) If missing, re-add it and save the file. WHY THIS FILE EXISTS -------------------- This stylesheet is used to: - Match Client pages with the Agent/Admin login look & feel - Apply branded full-screen background - Create floating content cards - Keep all branding changes OUTSIDE core theme files This file SHOULD NOT be deleted during updates. Background image used: /scp/images/login-headquarters.jpg ===================================================================== */ /* === Global client background (same as Agent login) === */ body { background: url('/scp/images/login-headquarters.jpg') no-repeat center center fixed !important; background-size: cover !important; } /* === Subtle dark overlay for contrast === */ body::after { content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.12); pointer-events: none; } /* === Floating client container (card style) === */ #container { background: rgba(255, 255, 255, 0.92); border-radius: 12px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35); max-width: 900px; margin: 80px auto; padding: 30px; } /* === Improve login form focus === */ #content form { max-width: 520px; } /* === Footer cleanup === */ #footer { background: transparent; color: #fff; } /* === Mobile responsiveness === */ @media (max-width: 768px) { #container { margin: 20px; padding: 20px; border-radius: 10px; } #content form { max-width: 100%; } }