/* CC Jobs module shared presentation layer — 2026-10-04. PHP/database logic untouched. */
:root{--jobs-navy:#0b2f57;--jobs-blue:#174d8d;--jobs-orange:#f47b20;--jobs-bg:#f5f7fa;--jobs-line:#dfe6ee;--jobs-ink:#17324d;--jobs-muted:#718096}
body{background:var(--jobs-bg)}
.c4c-jobs-inner-shell{width:calc(100% - 40px);max-width:1380px;margin:0 auto;padding:24px 0 52px}
.c4c-jobs-uniform-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;align-items:start}
.c4c-jobs-uniform-layout>.c4c-sidebar{position:sticky!important;top:18px!important;min-width:0!important;width:auto!important;height:auto!important;border:1px solid var(--jobs-line)!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 26px rgba(17,49,80,.05)!important}
.c4c-jobs-uniform-main{min-width:0}
.c4c-jobs-uniform-main>.container,.c4c-jobs-uniform-main>.page-inner,.c4c-jobs-uniform-main>.wrap,.c4c-jobs-uniform-main>.shell{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.c4c-jobs-uniform-main .card,.c4c-jobs-uniform-main .panel,.c4c-jobs-uniform-main .box,.c4c-jobs-uniform-main .content-card{border-radius:14px!important;border-color:var(--jobs-line)!important;box-shadow:0 7px 24px rgba(17,49,80,.045)}
.c4c-jobs-uniform-main input,.c4c-jobs-uniform-main select,.c4c-jobs-uniform-main textarea{border-radius:8px}
.c4c-jobs-uniform-main button,.c4c-jobs-uniform-main .btn{border-radius:7px}
/* Old per-page duplicated header classes are deliberately neutralized. */
.c4c-jobs-uniform-main .topbar,.c4c-jobs-uniform-main .main-nav,.c4c-jobs-uniform-main .jobs-dashboard-header{display:none!important}
/* Sidebar consistency */
.c4c-jobs-uniform-layout .c4c-sidebar-head{padding:17px 16px!important;background:var(--jobs-blue)!important;color:#fff!important}
.c4c-jobs-uniform-layout .c4c-sidebar-link{min-height:42px!important;padding:0 15px!important;font-size:10px!important;border-bottom:1px solid #edf1f5!important}
.c4c-jobs-uniform-layout .c4c-sidebar-link.active{border-left:3px solid var(--jobs-orange)!important;background:#eef5fc!important;color:var(--jobs-blue)!important;font-weight:700!important}
/* Remove redundant member-to-member banner on sub-pages; sidebar + page context already communicate this. */
.c4c-jobs-uniform-main>.c4c-m2m-banner{display:none!important}
@media(max-width:900px){.c4c-jobs-inner-shell{width:calc(100% - 24px);padding-top:16px}.c4c-jobs-uniform-layout{grid-template-columns:1fr;gap:14px}.c4c-jobs-uniform-layout>.c4c-sidebar{position:static!important}.c4c-jobs-uniform-main{order:1}.c4c-jobs-uniform-layout>.c4c-sidebar{order:2}}
@media(max-width:620px){.c4c-jobs-inner-shell{width:calc(100% - 20px);padding-bottom:34px}.c4c-jobs-uniform-main .card,.c4c-jobs-uniform-main .panel,.c4c-jobs-uniform-main .box,.c4c-jobs-uniform-main .content-card{border-radius:11px!important}}

/* ============================================================
   CC JOBS UNIFIED UI v2 — 2026-10-05
   Shared visual layer only. No database/workflow changes.
   ============================================================ */
:root{--c4c-navy:#0d365b;--c4c-blue:#14588f;--c4c-blue2:#1d659c;--c4c-orange:#ff6b22;--c4c-bg:#f3f7fb;--c4c-line:#dbe6ef;--c4c-text:#153650;--c4c-muted:#71869a;--c4c-green:#247747;--c4c-radius:12px;--c4c-shadow:0 8px 26px rgba(20,57,88,.07)}
body{background:var(--c4c-bg)!important;color:var(--c4c-text)}
.jobs-shell,.c4c-jobs-inner-shell{width:min(1380px,calc(100% - 34px))!important;margin:0 auto!important}
.jobs-layout,.c4c-jobs-uniform-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.jobs-main,.c4c-jobs-uniform-main{min-width:0!important}
.c4c-sidebar.jobs-sidebar{position:sticky!important;top:12px!important;background:#fff!important;border:1px solid var(--c4c-line)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:var(--c4c-shadow)!important}
.c4c-sidebar-head{background:linear-gradient(135deg,#164f87,#2169a0)!important;color:#fff!important;padding:15px 16px!important;font-size:12px!important;font-weight:900!important}
.c4c-sidebar-label{padding:12px 15px 6px!important;font-size:8px!important;letter-spacing:1.1px!important;color:#8194a5!important;font-weight:900!important}
.c4c-sidebar-link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:38px!important;padding:0 14px!important;border-top:1px solid #edf2f6!important;color:#36556f!important;text-decoration:none!important;font-size:10px!important}
.c4c-sidebar-link.active{background:#edf5fc!important;color:#0d4d82!important;border-left:3px solid var(--c4c-orange)!important;padding-left:11px!important;font-weight:800!important}
.c4c-sidebar-link:hover{background:#f7fafc!important;color:#0d4d82!important}
.c4c-m2m-banner{display:none!important}
/* shared cards */
.c4c-card,.page-card,.card,.side-card,.form-card,.dashboard-card,.application-card{border:1px solid var(--c4c-line)!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(20,57,88,.04)!important;background:#fff!important}
/* compact form pages */
.c4c-page .c4c-card,.c4c-jobs-uniform-main .c4c-card{margin-bottom:12px!important}
.c4c-section{padding:15px 18px!important;border-bottom:1px solid #edf2f6!important}
.c4c-section-title{font-size:14px!important;margin:0 0 3px!important;color:var(--c4c-navy)!important}
.c4c-section-note{font-size:9px!important;margin:0 0 11px!important;color:var(--c4c-muted)!important}
.c4c-field label,.form-group label{font-size:9px!important;font-weight:800!important;color:#49657c!important;margin-bottom:5px!important}
.c4c-field input,.c4c-field select,.c4c-field textarea,.form-group input,.form-group select,.form-group textarea{border:1px solid #d6e2ec!important;border-radius:8px!important;box-shadow:none!important;font-size:11px!important}
.c4c-field input,.c4c-field select,.form-group input,.form-group select{min-height:39px!important}
.c4c-field textarea,.form-group textarea{min-height:105px!important}
.c4c-actions,.form-actions{padding:14px 18px!important;gap:8px!important}
.c4c-btn,.button,.btn{border-radius:8px!important;min-height:36px!important;font-size:9px!important;font-weight:900!important}
/* job detail */
.job-hero,.job-header,.opportunity-hero{border-radius:14px!important;box-shadow:var(--c4c-shadow)!important}
.job-detail-layout,.detail-layout,.content-layout{gap:14px!important}
/* dashboards/tables */
.stats,.stats-grid,.dashboard-stats{gap:10px!important}
.stat,.stat-card{border-radius:10px!important;box-shadow:none!important}
table{border-collapse:separate;border-spacing:0;font-size:10px}
th{font-size:8px!important;letter-spacing:.4px!important;color:#6e8295!important}
td,th{padding:10px 11px!important;border-bottom:1px solid #edf2f6!important}
/* remove decorative right promos that create narrow/broken text columns */
.c4c-side-cta,.network-promo,.career-promo{display:none!important}
@media(max-width:980px){.jobs-layout,.c4c-jobs-uniform-layout{grid-template-columns:1fr!important}.c4c-sidebar.jobs-sidebar{position:static!important;display:block!important}.c4c-sidebar-section{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.c4c-sidebar-label{grid-column:1/-1}.c4c-sidebar-link{min-height:36px!important}}
@media(max-width:640px){.jobs-shell,.c4c-jobs-inner-shell{width:calc(100% - 18px)!important}.c4c-sidebar-section{grid-template-columns:1fr 1fr!important}.c4c-sidebar-head{padding:12px 14px!important}.c4c-sidebar-link{font-size:9px!important}.c4c-section{padding:13px!important}.c4c-grid,.form-row{grid-template-columns:1fr!important}.c4c-actions,.form-actions{padding:12px!important;flex-wrap:wrap!important}}

/* ============================================================
   JOBS SIDEBAR HARD FIX — 2026-10-05
   Prevent page-specific legacy CSS from turning sidebar groups
   into horizontal rows / clipped navigation.
   ============================================================ */
.c4c-jobs-uniform-layout > .jobs-sidebar{
  display:block!important;
  width:220px!important;
  min-width:220px!important;
  max-width:220px!important;
  align-self:start!important;
}
.jobs-sidebar .c4c-sidebar-section,
.jobs-sidebar .c4c-sidebar-links{
  display:block!important;
  width:100%!important;
  grid-template-columns:none!important;
  flex-direction:initial!important;
}
.jobs-sidebar .c4c-sidebar-label{
  display:block!important;
  width:auto!important;
  margin:0!important;
  white-space:normal!important;
}
.jobs-sidebar .c4c-sidebar-link{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box!important;
  float:none!important;
  margin:0!important;
  white-space:normal!important;
  overflow:visible!important;
}
.jobs-sidebar .c4c-sidebar-link span{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
.jobs-sidebar .c4c-sidebar-link b{flex:0 0 auto!important;margin-left:10px!important}
@media(max-width:980px){
  .c4c-jobs-uniform-layout > .jobs-sidebar{
    width:100%!important;min-width:0!important;max-width:none!important;
    position:static!important;
  }
  .jobs-sidebar .c4c-sidebar-section,
  .jobs-sidebar .c4c-sidebar-links{display:block!important}
}

/* ========================================================================
   CC Jobs UI refresh 2026-10-05 — final cross-module consistency layer
   Presentation only: no database, authentication, form or workflow changes.
   ======================================================================== */
:root{--jobs-navy:#0d4778;--jobs-blue2:#145b91;--jobs-orange2:#ff6b1a;--jobs-green:#237744;--jobs-bg2:#f4f8fb;--jobs-text:#173b5b;--jobs-muted:#71869a;--jobs-line2:#dce7ef;--jobs-shadow2:0 8px 24px rgba(13,54,91,.055)}
body{background:var(--jobs-bg2)!important}
.c4c-jobs-page,.c4c-application-page,.page{color:var(--jobs-text)}
.c4c-jobs-inner-shell,.application-shell{max-width:1380px!important}
.c4c-jobs-uniform-layout,.application-layout{align-items:start!important}

/* Sidebar: always vertical on desktop/tablet; page CSS cannot flatten it. */
.jobs-sidebar .c4c-sidebar-section,.jobs-sidebar .c4c-sidebar-links{display:block!important;width:100%!important}
.jobs-sidebar .c4c-sidebar-link{display:flex!important;width:100%!important;float:none!important;clear:both!important;white-space:normal!important}
.jobs-sidebar .c4c-sidebar-link span{display:block!important;min-width:0!important;overflow-wrap:anywhere!important}

/* Cards / panels */
.c4c-jobs-uniform-main .card,.application-main .card,.c4c-jobs-uniform-main .side-card,
.c4c-jobs-uniform-main .panel,.application-main .mini-card{border:1px solid var(--jobs-line2)!important;border-radius:12px!important;box-shadow:var(--jobs-shadow2)!important;background:#fff!important}
.c4c-jobs-uniform-main h1,.application-main h1{letter-spacing:-.45px}
.c4c-jobs-uniform-main h2,.c4c-jobs-uniform-main h3,.application-main h2,.application-main h3{letter-spacing:-.15px}

/* Unified interactive controls */
.c4c-jobs-uniform-main a.button,.c4c-jobs-uniform-main .button,.c4c-jobs-uniform-main .btn,
.application-main .application-actions>a,.application-main .view-job,
.c4c-network-actions>a,.c4c-network-actions button{min-height:38px!important;padding:0 15px!important;border-radius:8px!important;font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.2px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important}
.c4c-jobs-uniform-main a.button:hover,.c4c-jobs-uniform-main .button:hover,.c4c-jobs-uniform-main .btn:hover,
.application-main .application-actions>a:hover,.application-main .view-job:hover,.c4c-network-actions>a:hover,.c4c-network-actions button:hover{transform:translateY(-1px)!important;box-shadow:0 5px 13px rgba(13,71,120,.10)!important}

/* Network action bar — fixes plain CONNECTED / tiny message/profile controls. */
.application-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important;padding:12px!important;background:#fff!important;border:1px solid var(--jobs-line2)!important;border-radius:12px!important;box-shadow:var(--jobs-shadow2)!important}
.application-actions>.c4c-network-actions{margin:0!important}
.c4c-network-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important}
.c4c-network-actions .c4c-connected{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border-radius:8px!important;background:#eaf7ef!important;border:1px solid #cfe8d8!important;color:var(--jobs-green)!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
.c4c-network-actions a{border:1px solid #d3e0ea!important;background:#fff!important;color:var(--jobs-navy)!important}
.c4c-network-actions a.c4c-message{background:var(--jobs-navy)!important;border-color:var(--jobs-navy)!important;color:#fff!important}
.c4c-network-actions .c4c-network-form{display:inline-flex!important;margin:0!important;padding:0!important}
.c4c-network-actions .c4c-connect{background:var(--jobs-orange2)!important;border:1px solid var(--jobs-orange2)!important;color:#fff!important}
.application-main .view-job{background:var(--jobs-orange2)!important;border:1px solid var(--jobs-orange2)!important;color:#fff!important}

/* Application detail: compact, readable hierarchy */
.application-main .application-head{padding:2px 2px 4px!important}
.application-main .application-head h1{font-size:27px!important;line-height:1.15!important}
.application-main .application-head p{font-size:11px!important;line-height:1.55!important}
.application-main .application-status-card,.application-main .opportunity-card{padding:16px 18px!important}
.application-main .opportunity-title{font-size:21px!important;line-height:1.2!important}
.application-main .info-grid{gap:9px!important}
.application-main .info-item{padding:10px 11px!important;background:#fbfdff!important}
.application-main .info-item span{font-size:7.5px!important}
.application-main .info-item strong{font-size:10.5px!important}
.application-main .detail-card .detail-head{font-size:11px!important;padding:11px 15px!important;background:#fbfdff!important}
.application-main .detail-card .detail-body{font-size:10.5px!important;line-height:1.72!important;padding:14px 15px!important}
.application-main .mini-card{padding:14px 15px!important}

/* Forms: calmer, larger click targets */
.c4c-jobs-uniform-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.c4c-jobs-uniform-main select,.c4c-jobs-uniform-main textarea{border-color:#d6e2eb!important;border-radius:8px!important;box-shadow:none!important}
.c4c-jobs-uniform-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,
.c4c-jobs-uniform-main select:focus,.c4c-jobs-uniform-main textarea:focus{border-color:#7aa9cf!important;box-shadow:0 0 0 3px rgba(20,91,145,.08)!important;outline:0!important}

/* Accessibility and responsive behavior */
.c4c-jobs-uniform-main a:focus-visible,.c4c-jobs-uniform-main button:focus-visible,.application-main a:focus-visible,.application-main button:focus-visible{outline:2px solid var(--jobs-orange2)!important;outline-offset:2px!important}
@media(max-width:1000px){.application-layout{grid-template-columns:1fr!important}.application-layout>.jobs-sidebar{position:static!important;order:2!important}.application-main{order:1!important}}
@media(max-width:700px){.application-actions{align-items:stretch!important}.application-actions>a,.application-actions>.c4c-network-actions{width:100%!important}.c4c-network-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.c4c-network-actions>a,.c4c-network-actions .c4c-connected,.c4c-network-actions .c4c-network-form,.c4c-network-actions button{width:100%!important}.application-main .application-head h1{font-size:23px!important}.application-main .info-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){.c4c-network-actions{grid-template-columns:1fr!important}.application-main .info-grid{grid-template-columns:1fr!important}}