/* =========================================================
   Jersey College Help Desk — Staff / Agent (SCP) Brand Theme
   Target: osTicket v1.18.2 staff control panel + agent login
   Loaded from include/staff/header.inc.php (after scp.css) and
   include/staff/login.header.php (after login.css).

   Operator direction (2026-06-23): the agent/tech area should be
   CLEAN, not red everywhere. Branding is limited to: JC wordmark,
   a gold rule under the header, a light login with a maroon Log In
   button. All control-panel TEXT/LINKS are BLACK (not maroon).
   ========================================================= */
:root{
  --jc-primary:#9B0C27;
  --jc-primary-700:#7E091F;
  --jc-accent:#D59F0F;
  --jc-field:#e7e4de;
  --jc-ink:#1e1e1e;
}

/* =================== Control panel chrome =================== */
/* Header bar: white + official wordmark + gold rule (the only brand color up top) */
#header{
  background:#fff !important;
  box-shadow:none !important;
  border-left:0 !important; border-right:0 !important;
  border-bottom:3px solid var(--jc-accent) !important;
}
#header #logo img{max-height:52px !important; width:auto !important}
#header p#info{background:#f6f6f5 !important; border:1px solid #e4e4e2 !important; color:#333 !important}

/* Text + links → BLACK (operator: not red) */
#header p#info a{color:#1f1f1f !important; font-weight:600 !important}
#header p#info a:hover{color:#000 !important; text-decoration:underline}

/* Nav tabs: keep osTicket layout; gold rule under the row; BLACK text; active = gold underline */
#nav{border-bottom:2px solid var(--jc-accent) !important}
#nav .active a, #nav li.active a{color:#111 !important; font-weight:bold !important}
#nav .inactive a{color:#444 !important}
#nav .inactive a:hover{color:#000 !important}
#nav li.active{background-color:#fff !important; border-color:#cfcfcf #cfcfcf #fff !important}
#nav li.active::after{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--jc-accent)}
#sub_nav a{color:#1f1f1f !important}
#sub_nav a:hover{color:#000 !important}

/* Content links → BLACK (operator: change the red text to black) */
#content a, #pjax-container a{color:#1f1f1f}
#content a:hover{color:#000; text-decoration:underline}
/* Do NOT recolor osTicket's semantic UI (status/priority cells, the red delete button,
   green "Open" heading) — leave their stock colors so meaning is preserved. */

/* Buttons: left as osTicket defaults (no maroon repaint) to keep the panel clean. */

/* =================== Agent login page — light & clean =================== */
#loginBody{background:var(--jc-field) !important}
/* Drop the stock building backdrop AND the heavy maroon wash — plain light field */
#brickwall, #background, #blur #background{
  background-image:none !important; background:var(--jc-field) !important;
  -webkit-filter:none !important; filter:none !important}
#blur{-webkit-filter:none !important; filter:none !important}
#loginBox{background:#fff !important; border-top:4px solid var(--jc-accent) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18) !important}
#loginBox:after{background:#fff !important; background-color:#fff !important; opacity:1 !important}
#loginBox #logo a img, #loginBox h1#logo img{max-height:58px !important; width:auto !important}
#login-message{color:var(--jc-ink) !important}
#loginBox .banner, #loginBox .banner small{color:#444 !important}
#loginBox input[type="text"], #loginBox input[type="password"], #loginBox input#name, #loginBox input#pass{
  background:#fff !important; color:#1e1e1e !important; border:1px solid #cfcabf !important}
/* the single brand accent on this page: the maroon Log In button */
#loginBox button.submit, #loginBox .submit.button, #login button[type="submit"]{
  background:var(--jc-primary) !important; border:0 !important; color:#fff !important}
#loginBox button.submit:hover{background:var(--jc-primary-700) !important}
#loginBox a, #reset-link{color:var(--jc-primary) !important}
/* Copyright pill → plain dark text on the light field (was a dark rounded box) */
#company .content{background:transparent !important; color:#555 !important; box-shadow:none !important}
/* Remove "powered by osTicket" (the grey osTicket logo) on the agent login + staff pages */
#poweredBy{display:none !important}