.job-hub{margin-bottom:24px;min-width:0}
#craft-detail > .craft-actions :is([data-job-time],[data-plan-job],[data-job-invoice]){display:none}
.job-hub-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:0 0 18px;font-size:13px;color:var(--muted)}
.job-hub-meta strong{margin-left:auto;color:#203857;font-variant-numeric:tabular-nums}
.job-next{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#edf4ff,#f8fbff);border:1px solid #d5e3f7;border-radius:16px;padding:26px;margin-bottom:18px}
.job-next .eyebrow{margin-bottom:10px;color:#3963a7;font-size:10px}
.job-next h2{font-size:24px;margin-bottom:8px}
.job-next p{font-size:14px;color:#52647b;max-width:650px;margin:0;line-height:1.6}
.job-next-action{flex-shrink:0}
.job-hub-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.job-hub-metrics>button{text-align:left;white-space:normal;padding:20px;border-radius:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.job-hub-metrics span{font-size:11px;font-weight:500;color:var(--muted)}
.job-hub-metrics strong{font-size:23px;font-weight:650;margin:14px 0 8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.job-hub-metrics small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}
nav.job-hub-links{display:flex;position:static;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;background:transparent}
nav.job-hub-links button{border:1px solid #dce4ee;background:#fff;color:#28496e;font-size:12px;min-height:42px;padding:10px 14px}
.job-hub-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.job-hub-panels>.panel{min-width:0}
.job-hub-panels .panel-head{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:22px}
.job-hub-panels .panel-head button{font-size:12px;min-height:40px}
.job-hub-content{padding:0 22px 22px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.job-hub-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-top:1px solid #edf0f4;padding:13px 0}
.job-hub-row>div{min-width:0}
.job-hub-row small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}
.job-hub-row>b,.job-hub-row>.badge{flex-shrink:0;font-variant-numeric:tabular-nums}
.job-hub-panel-footer{padding:0 22px 20px}
.job-hub-panel-footer button{font-size:12px}
.job-hub-invoice{grid-column:1/-1}
#craft-detail :is(.job-hub-panels,.craft-materials,.craft-photos,.craft-detail-grid){scroll-margin-top:24px}
@media(max-width:1100px){.job-hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.job-next{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:760px){.job-hub-panels{grid-template-columns:minmax(0,1fr)}.job-next{padding:20px}.job-next h2{font-size:21px}.job-hub-metrics>button{padding:16px}.job-hub-metrics strong{font-size:20px}.job-hub-meta strong{margin-left:0}.job-next-action,.job-next-action button{width:100%}nav.job-hub-links button{flex:1 1 40%;justify-content:center}.job-hub-row{flex-wrap:wrap}.job-hub-content,.job-hub-panels .panel-head{padding-inline:18px}.job-hub-panels .panel-head h2{font-size:18px}}
