/* Sprint C4 presentation only — no 3D, measurement or operational changes. */
.c4-directory{min-width:0}.c4-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 16px}.c4-filters label{margin-top:0}
.c4-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c4-job-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 3px 12px rgba(20,24,32,.06);min-width:0}
.c4-job-card .row{display:flex;flex-wrap:wrap;gap:10px;align-items:start}.c4-job-card .grow{min-width:0;overflow-wrap:anywhere}.c4-job-meta{text-align:right;flex-shrink:0}
.c4-status{font-weight:700;color:#594700}.c4-job-header{position:sticky;top:70px;z-index:5;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--line)}
.c4-job-header h1{overflow-wrap:anywhere}.c4-eyebrow{display:block;font-weight:800;font-size:11px;letter-spacing:.07em;color:#755d12;margin-bottom:4px}
.c4-hub-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.c4-hub-modules .section-grid{gap:12px}
@media(max-width:900px){.c4-card-list{grid-template-columns:1fr}.c4-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.c4-filters{grid-template-columns:1fr}.c4-job-header{top:calc(70px + env(safe-area-inset-top));padding:8px 0}.c4-job-meta{text-align:left}.c4-job-card .row{align-items:stretch}.c4-hub-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.c4-job-card{scroll-behavior:auto}}

/* Consistent Jobs creation controls at desktop and mobile widths. */
.c4-create-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.c4-create-actions .c4-create-action{min-height:44px;min-width:142px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:700px){.c4-create-actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr))}.c4-create-actions .c4-create-action{width:100%;min-width:0;margin-top:0}}

/* C4 polish: restrained document-style elevation on job surfaces. */
.c4-directory{border:1px solid #e1e4e9;box-shadow:0 3px 14px rgba(21,28,38,.06),0 1px 3px rgba(21,28,38,.035);border-radius:14px}
.c4-directory .job-account{border:1px solid #dfe3e8;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(21,28,38,.065),0 1px 2px rgba(21,28,38,.035);overflow:hidden}
.c4-directory .job-site{border:1px solid #e1e4e9;border-radius:12px;background:#fafbfc;box-shadow:0 2px 7px rgba(21,28,38,.045)}
.c4-directory .job-site-jobs .row{margin:7px 0;padding:12px;border:1px solid #e6e8ec;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(21,28,38,.04)}
.c4-directory .c4-job-card{box-shadow:0 4px 15px rgba(21,28,38,.075),0 1px 3px rgba(21,28,38,.035)}
.c4-job-header~.kpis .kpi,.c4-job-header~.grid>.card,.c4-job-header~.grid .card,.c4-hub-modules .section-card{border:1px solid #e1e4e9;border-radius:14px;background:#fff;box-shadow:0 3px 13px rgba(21,28,38,.065),0 1px 3px rgba(21,28,38,.03)}
.c4-hub-modules .section-card{transition:box-shadow .16s ease}
@media(hover:hover){.c4-directory .c4-job-card:hover,.c4-directory .job-account:hover,.c4-hub-modules .section-card:hover{box-shadow:0 7px 20px rgba(21,28,38,.095),0 2px 5px rgba(21,28,38,.04)}}
@media(prefers-reduced-motion:reduce){.c4-hub-modules .section-card{transition:none}}

/* C4 refinement: company accounts are the primary visual boundary. */
#content .c4-directory .job-account{
  margin:22px 0 24px;border:1px solid #dedfe2;border-top:4px solid var(--gold);
  border-radius:15px;background:#fff;overflow:hidden;
  box-shadow:0 8px 24px rgba(18,24,33,.12),0 2px 6px rgba(18,24,33,.07);
}
#content .c4-directory .job-account>summary{
  padding:15px 18px;background:linear-gradient(180deg,#fffdf6,#fff);
  font-size:15px;border-bottom:1px solid #ece8da;
}
#content .c4-directory .job-account:not([open])>summary{border-bottom:0}
#content .c4-directory .job-account-sites{padding:5px 8px 9px}
#content .c4-directory .job-site{
  margin:10px 7px;border:1px solid #e7e8eb;border-radius:10px;background:#f8f9fb;
  box-shadow:none;
}
#content .c4-directory .job-site>summary{padding:11px 12px}
#content .c4-directory .job-site-jobs .row{
  box-shadow:none;background:white;border:1px solid #e8e9ed;
}
#content .c4-directory .c4-job-card{
  box-shadow:0 4px 14px rgba(18,24,33,.09),0 1px 4px rgba(18,24,33,.04);
}
#content .c4-hub-modules .section-card,
#content .c4-hub-kpis .kpi{
  border:1px solid #e2e4e9;
  box-shadow:0 5px 17px rgba(18,24,33,.09),0 1px 4px rgba(18,24,33,.035);
}
/* All three creation actions remain on one row on both desktop and mobile. */
#content .c4-create-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(100%,540px);gap:8px;align-items:stretch;
}
#content .c4-create-actions .c4-create-action{
  box-sizing:border-box;min-width:0;width:100%;min-height:42px;
  padding:9px 8px;margin:0;border-radius:9px;
  white-space:normal;text-align:center;line-height:1.2;
  font-size:clamp(11px,1.1vw,13px);
}
@media(max-width:700px){
  #content .c4-create-actions{width:100%;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}
  #content .c4-create-actions .c4-create-action{
    font-size:clamp(10px,2.65vw,12px);
    padding:8px 3px;min-height:40px;margin:0;
  }
  #content .c4-directory .job-account{margin:16px 0 20px}
  #content .c4-directory .job-account>summary{padding:13px 12px}
}