/*
 * The help desk's customer pages in the school's dress: white page, the theme's grey text, navy
 * headings, its blue accent, its fonts. Loaded after public.css (which is dark, for tradlos.com)
 * on sites with ticket types only. Every colour is stated, so neither the dark defaults nor a
 * visitor's dark mode can show through.
 */
.helpdesk-form-container,
.helpdesk-portal,
.helpdesk-portal-login {
    --hd-bg-surface: #ffffff;
    --hd-bg-elevated: #fafafa;
    --hd-bg-input: #ffffff;
    --hd-border: rgba(102, 102, 102, 0.2);
    --hd-border-strong: rgba(102, 102, 102, 0.35);
    --hd-text: #4a4a4a;
    --hd-text-secondary: #666666;
    --hd-text-muted: #8a8a8a;
    --hd-accent: rgb(67, 132, 186);
    --hd-accent-hover: rgb(47, 112, 166);
    --hd-accent-subtle: rgba(67, 132, 186, 0.15);
    --hd-staff-bg: #f3f7fb;
    --hd-staff-border: rgba(67, 132, 186, 0.35);
    --hd-customer-bg: #ffffff;
    --hd-customer-border: rgba(102, 102, 102, 0.2);
    --hd-error: #a4262c;
    --hd-success: #2e7d32;
    --hd-radius: 4px;
    color: #5b5b5b;
    background: transparent;
    font-family: inherit;
    color-scheme: light;
}
.helpdesk-portal h1, .helpdesk-portal h2, .helpdesk-portal h3, .helpdesk-portal h4,
.helpdesk-portal-login h3 {
    color: rgba(1, 22, 39, 1) !important;
    font-family: 'Raleway', inherit;
    font-weight: 500;
}
.helpdesk-portal a, .helpdesk-portal-login a { color: rgb(67, 132, 186); }
.helpdesk-portal a:hover, .helpdesk-tickets-table a:hover, .helpdesk-portal-login a:hover { color: rgb(47, 112, 166); }
.helpdesk-form-row select option { background: #ffffff; color: #4a4a4a; }
.helpdesk-btn, .helpdesk-submit-btn { border-radius: 6px; font-weight: 600; }
.helpdesk-btn:hover { box-shadow: 0 2px 8px rgba(67, 132, 186, 0.25); }
.helpdesk-submit-btn:disabled { background: #e6e6e6; border-color: #d6d6d6; color: #999999; }
.helpdesk-error { background: #fdf0f0; color: #a4262c; }
.helpdesk-success-message { background: #eef7ee; border-color: #cfe5cf; color: #2e4d2f; }
.helpdesk-logout-link { color: #a4262c !important; }
.helpdesk-logout-link:hover { color: #7d1c21 !important; }
/* Status: one quiet pill in the site's blue, rather than a rainbow of solid colours. */
.helpdesk-status { background: #eef4fa !important; color: rgb(47, 112, 166) !important; font-weight: 600; }
.helpdesk-portal-login { background: #ffffff; border: 1px solid rgba(102, 102, 102, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); }
.helpdesk-message { background: #ffffff; }