/* HR-SUPPORT — /support/. SupportCandy's form, wearing the log-in card's
   inputs (hr-auth.css): white field, 12px radius, rust focus ring. Element-led
   on purpose, so a SupportCandy update that renames classes keeps the look. */
#site {
  .su-head{background:var(--deep);color:var(--mist);padding:calc(var(--nav-h) + 34px) 0 clamp(40px,5vw,60px)}
  .su-eyebrow{font:700 11px/1 system-ui,sans-serif;letter-spacing:.22em;color:var(--accent);margin-bottom:16px}
  .su-h{font:600 clamp(34px,4.6vw,54px)/1.06 ui-serif,Georgia,serif;color:var(--mist);margin:0 0 16px;text-wrap:balance}
  .su-lead{font:400 clamp(16px,1.4vw,18px)/1.6 system-ui,sans-serif;color:rgba(245,242,236,.84);max-width:60ch;margin:0;text-wrap:pretty}
  .su-main{background:var(--warm);padding:clamp(34px,4.5vw,56px) 0 clamp(56px,7vw,90px)}
  .su-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(22px,3vw,36px);align-items:start}
  .su-card{background:#fff;border-radius:18px;padding:clamp(22px,3vw,34px);box-shadow:inset 0 0 0 1px rgba(11,42,63,.08),0 18px 40px -18px rgba(11,42,63,.25);min-width:0}
  .su-member{margin:0 0 22px;padding:12px 16px;border-radius:12px;background:var(--mist);font:400 14.5px/1.5 system-ui,sans-serif;color:rgba(11,42,63,.82)}
  .su-member a{color:var(--rust);font-weight:650}
  .su-aside{display:grid;gap:12px;position:sticky;top:calc(var(--nav-h) + 20px)}
  .su-aside-k{font:700 10.5px/1 system-ui,sans-serif;letter-spacing:.2em;color:rgba(11,42,63,.62);margin:6px 0 4px}
  .su-way{display:grid;gap:5px;padding:16px 18px;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);
    box-shadow:inset 0 0 0 1px rgba(11,42,63,.09);transition:box-shadow .18s,transform .18s}
  .su-way:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(194,112,63,.45),0 12px 26px -12px rgba(11,42,63,.3)}
  .su-way-k{font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--rust)}
  .su-way strong{font:600 17px/1.25 ui-serif,Georgia,serif}
  .su-way-t{font:400 13.5px/1.5 system-ui,sans-serif;color:rgba(11,42,63,.7)}

  /* ---- SupportCandy's form ---- */
  .hr-su-src{font:400 15px/1.5 system-ui,sans-serif;color:var(--ink)}
  .hr-su-src form{display:grid;gap:4px}
  .hr-su-src label,.hr-su-src .wpsc-tff-label{display:block;font:700 10.5px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(11,42,63,.72);margin:0 0 4px}
  .hr-su-src .wpsc-tff-label .required-indicator,.hr-su-src label span[style*="red"]{color:var(--rust)!important}
  .hr-su-src .wpsc-tff-extra-info,.hr-su-src small{display:block;font:400 12.5px/1.45 system-ui,sans-serif;color:rgba(11,42,63,.6);margin:0 0 8px;text-transform:none;letter-spacing:0}
  .hr-su-src .wpsc-tff{margin:0 0 18px!important;padding:0!important}
  .hr-su-src input[type="text"],.hr-su-src input[type="email"],.hr-su-src input[type="tel"],.hr-su-src input[type="number"],
  .hr-su-src input[type="date"],.hr-su-src select,.hr-su-src textarea,.hr-su-src .select2-selection{
    width:100%!important;max-width:none!important;box-sizing:border-box;min-height:48px;padding:11px 14px;border:1px solid rgba(11,42,63,.2)!important;
    border-radius:12px!important;background:#fff;font:400 16px/1.4 system-ui,sans-serif;color:var(--ink);box-shadow:none}
  .hr-su-src textarea{min-height:150px;resize:vertical}
  .hr-su-src select{appearance:none;padding-right:38px;background:#fff linear-gradient(45deg,transparent 49%,rgba(11,42,63,.55) 50%) right 20px center/6px 6px no-repeat,
    linear-gradient(-45deg,transparent 49%,rgba(11,42,63,.55) 50%) right 14px center/6px 6px no-repeat}
  .hr-su-src .select2-container{width:100%!important}
  .hr-su-src .select2-selection__rendered{line-height:24px!important;padding:0!important}
  .hr-su-src .select2-selection__arrow{height:46px!important;right:8px!important}
  .hr-su-src input:focus,.hr-su-src select:focus,.hr-su-src textarea:focus,.hr-su-src .select2-container--focus .select2-selection{
    outline:none;border-color:var(--rust)!important;box-shadow:0 0 0 3px rgba(194,112,63,.18)}
  .hr-su-src .mce-tinymce,.hr-su-src .tox-tinymce,.hr-su-src .wp-editor-wrap{border:1px solid rgba(11,42,63,.2)!important;border-radius:12px!important;overflow:hidden;box-shadow:none!important}
  .hr-su-src .mce-top-part::before{box-shadow:none!important}
  .hr-su-src .mce-panel,.hr-su-src .mce-toolbar-grp{background:var(--mist)!important;border-color:rgba(11,42,63,.12)!important}
  .hr-su-src input[type="checkbox"]{width:18px;height:18px;accent-color:var(--rust);margin:0 8px 0 0;vertical-align:-3px}
  /* "Attach Files" — a quiet outlined pill */
  .hr-su-src .wpsc-file-attachment,.hr-su-src [class*="attach"] > span,.hr-su-src a[onclick*="attach"]{
    display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:100px;border:1px solid rgba(11,42,63,.25)!important;
    background:transparent;color:var(--ink)!important;font:700 11px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer}
  .hr-su-src .wpsc-file-attachment:hover{border-color:var(--rust)!important;color:var(--rust)!important}
  /* the two buttons: Submit = amber primary, Reset = quiet text */
  .hr-su-src button,.hr-su-src input[type="submit"],.hr-su-src input[type="reset"],.hr-su-src .wpsc-button{
    display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:100px!important;border:0!important;
    background:var(--accent)!important;color:var(--ink)!important;font:700 12px/1 system-ui,sans-serif;letter-spacing:.12em;text-indent:.12em;
    text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px -10px rgba(255,179,71,.7);transition:box-shadow .18s,transform .18s}
  .hr-su-src button:hover,.hr-su-src input[type="submit"]:hover,.hr-su-src .wpsc-button:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px var(--ink),0 10px 24px -10px rgba(255,179,71,.7)}
  .hr-su-src input[type="reset"],.hr-su-src .wpsc-button.secondary,.hr-su-src button[type="reset"],.hr-su-src button.secondary{
    background:transparent!important;box-shadow:none;color:rgba(11,42,63,.66)!important;padding:0 14px}
  .hr-su-src input[type="reset"]:hover,.hr-su-src .wpsc-button.secondary:hover,.hr-su-src button.secondary:hover{box-shadow:none;color:var(--rust)!important;transform:none}
  /* 2.21.1: the editor's own toolbar buttons are <button>s too — hand them back */
  .hr-su-src .mce-container button,.hr-su-src .mce-container button:hover,.hr-su-src .tox button,.hr-su-src .tox button:hover{
    min-height:0!important;padding:4px 6px!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;
    transform:none!important;color:var(--ink)!important;font:inherit;letter-spacing:0;text-indent:0;text-transform:none}
  .hr-su-src .mce-container .mce-btn:hover button,.hr-su-src .mce-container .mce-active button{background:rgba(194,112,63,.14)!important}
  /* "Add new" (customer) and "Attach Files" are clickable spans/links — quiet pills */
  .hr-su-src [onclick]:not(button):not(input):not(select):not(.mce-container *),
  .hr-su-src .wpsc-link,.hr-su-src a.wpsc-link{
    display:inline-flex!important;align-items:center;min-height:38px;padding:0 16px!important;margin:8px 0 0;border-radius:100px!important;
    border:1px solid rgba(11,42,63,.25)!important;background:transparent!important;color:var(--ink)!important;cursor:pointer;
    font:700 11px/1 system-ui,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;box-shadow:none!important}
  .hr-su-src [onclick]:not(button):not(input):not(select):not(.mce-container *):hover{border-color:var(--rust)!important;color:var(--rust)!important}
  /* a checkbox's own label reads as a sentence, not a field label */
  .hr-su-src input[type="checkbox"] + label,.hr-su-src input[type="checkbox"] ~ label,.hr-su-src input[type="checkbox"] + span,
  .hr-su-src label:has(input[type="checkbox"]){display:inline!important;margin:0!important;font:400 15px/1.4 system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;cursor:pointer}
  .hr-su-src label:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px;font:400 15px/1.4 system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}
  .hr-su-src .wpsc-tff.wpsc-xs-12,.hr-su-src .wpsc-tff.wpsc-sm-12{width:100%}
  .hr-su-src .wpsc-form-filter-container,.hr-su-src .wpsc-tff-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  .hr-su-src .wpsc-tff.wpsc-md-12,.hr-su-src .wpsc-tff.wpsc-lg-12{grid-column:1 / -1}
  .hr-su-src .wpsc-tff.wpsc-md-6,.hr-su-src .wpsc-tff.wpsc-lg-6{grid-column:auto}
  .hr-su-src .wpsc-tff:not(.wpsc-md-6):not(.wpsc-lg-6){grid-column:1 / -1}
  .hr-su-src .wpsc-submit-container,.hr-su-src .wpsc-tff-submit{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
  .hr-su-src .wpsc-alert,.hr-su-src .notice{border-radius:12px;padding:14px 16px;background:var(--mist);border:0}

  @media (max-width:900px){
    .su-grid{grid-template-columns:minmax(0,1fr)}
    .su-aside{position:static;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
    .su-aside-k{grid-column:1 / -1}
  }
  @media (max-width:560px){
    .hr-su-src .wpsc-form-filter-container,.hr-su-src .wpsc-tff-container{grid-template-columns:minmax(0,1fr)}
  }
  @media (prefers-reduced-motion:reduce){.su-way:hover,.hr-su-src button:hover{transform:none}}
}
/* before our JS moves it, the source box is the plain, working fallback */
.hr-su-src:not(.is-moved){max-width:760px;margin:40px auto;padding:0 20px}