/* CodeSOS branding for the osTicket agent panel (/scp/).
   Injected by nginx (sub_filter) - no osTicket files are edited.
   Deliberately light: colours and accents only. The agent panel keeps its
   own font because Montserrat is wider and would wrap tabs and tables. */

:root {
    --cs-orange: #C7663C;
    --cs-orange-light: #E0855E;
    --cs-orange-dark: #A5552F;
    --cs-orange-darker: #8A4626;
    --cs-radius: 8px;
}

/* Header accent */
#header {
    border-bottom: 3px solid var(--cs-orange);
}

/* Main tabs and sub-navigation: active item */
#nav li.active a,
#nav li a.active {
    color: var(--cs-orange-dark) !important;
}

#nav li.active {
    box-shadow: inset 0 -3px 0 var(--cs-orange);
}

#sub_nav a.active {
    color: var(--cs-orange-dark);
    font-weight: 600;
}

/* Links in page content (not buttons) */
#content a:not(.button):not(.action-button):not(.btn) {
    color: var(--cs-orange-dark);
}

#content a:not(.button):not(.action-button):not(.btn):hover {
    color: var(--cs-orange-darker);
}

/* Save / submit buttons */
input[type="submit"],
button[type="submit"] {
    background: var(--cs-orange-dark);
    background-image: none;
    border: 1px solid var(--cs-orange-dark);
    border-radius: var(--cs-radius);
    color: #fff;
    text-shadow: none;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    background: var(--cs-orange-darker);
    border-color: var(--cs-orange-darker);
}

input:focus,
select:focus,
textarea:focus {
    outline: 2px solid var(--cs-orange-light);
    outline-offset: 1px;
}

/* Agent login page */
#loginBox {
    border-top: 4px solid var(--cs-orange);
    border-radius: 12px;
}

#loginBox button.submit,
#loginBox input[type="submit"] {
    background: var(--cs-orange-dark);
    background-image: none;
    border-color: var(--cs-orange-dark);
    color: #fff;
}