.foundation-summary-banner,
.foundation-job-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 14px 0;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb, var(--primary, #8d4f45) 22%, var(--border, #e8dfdc));
  border-radius: 16px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary, #8d4f45) 7%, white), white 68%);
}
.foundation-summary-banner>div:first-child,
.foundation-summary-banner>div:first-child span,
.foundation-summary-banner>div:first-child small { display: grid; gap: 4px; }
.foundation-summary-banner b { font-size: 20px; }
.foundation-summary-banner small,
.foundation-summary-actions span,
.foundation-job-actions span { color: var(--muted, #766d69); }
.foundation-summary-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

.foundation-stage-chip {
  display: grid;
  min-width: 112px;
  gap: 3px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  text-align: left;
  background: #f7f4f2;
  color: var(--text, #2d2927);
}
.foundation-stage-chip b { font-size: 12px; }
.foundation-stage-chip small { color: var(--muted, #766d69); font-size: 11px; }
.foundation-stage-chip.ready { background: #eff8f2; border-color: #c7e7d0; }
.foundation-stage-chip.blocked { background: #fff6ed; border-color: #f0d7bb; }

.foundation-workflow-loading { margin-bottom: 14px; border: 1px dashed var(--border, #ddd); border-radius: 14px; }
.foundation-workflow-card {
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid var(--border, #e4dcda);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(70, 44, 37, .06);
}
.foundation-workflow-card.blocked { border-left: 4px solid #c87a36; }
.foundation-workflow-card.ready { border-left: 4px solid #3d9560; }
.foundation-workflow-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.foundation-workflow-head h3 { margin: 2px 0 5px; font-size: 21px; }
.foundation-workflow-head p { margin: 0; color: var(--muted, #766d69); }
.foundation-gate-state { padding: 7px 10px; border-radius: 999px; background: #fff2e6; color: #9b531d; font-weight: 700; white-space: nowrap; }
.foundation-workflow-card.ready .foundation-gate-state { background: #eaf7ee; color: #277746; }

.foundation-flow-timeline {
  display: grid;
  grid-template-columns: repeat(10, minmax(88px, 1fr));
  gap: 6px;
  margin: 18px 0;
  overflow-x: auto;
  padding-bottom: 5px;
}
.foundation-flow-timeline>div { display: grid; justify-items: center; gap: 6px; min-width: 88px; position: relative; color: #9a918d; font-size: 11px; text-align: center; }
.foundation-flow-timeline>div:not(:last-child)::after { content: ''; position: absolute; height: 2px; left: 62%; right: -44%; top: 13px; background: #e6dfdc; }
.foundation-flow-timeline i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #eee9e7; font-style: normal; font-weight: 800; z-index: 1; }
.foundation-flow-timeline .completed i { background: #dff1e5; color: #287847; }
.foundation-flow-timeline .completed::after { background: #9fd0ae !important; }
.foundation-flow-timeline .current { color: var(--text, #2d2927); font-weight: 700; }
.foundation-flow-timeline .current i { background: var(--primary, #8d4f45); color: white; box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary, #8d4f45) 12%, transparent); }

.foundation-current-action { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(260px, 1.2fr); gap: 18px; padding: 14px 16px; border-radius: 12px; background: #faf8f7; }
.foundation-current-action>div { display: grid; align-content: start; gap: 4px; }
.foundation-current-action>div span { color: var(--primary, #8d4f45); font-weight: 700; }
.foundation-current-action ul { margin: 0; padding-left: 19px; color: #7b5142; }
.foundation-current-action p { margin: 0; color: #3a7b51; }
.foundation-workflow-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; }

.foundation-board { padding: 22px; }
.foundation-board-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.foundation-board-tools input { min-width: 220px; flex: 1; }
.foundation-board-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-height: 58vh; overflow: auto; }
.foundation-board-list>button { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; column-gap: 12px; padding: 13px; border: 1px solid var(--border, #e4dcda); border-radius: 12px; background: white; text-align: left; color: inherit; }
.foundation-board-list>button:hover { border-color: var(--primary, #8d4f45); box-shadow: 0 8px 20px rgba(70,44,37,.08); }
.foundation-board-list .foundation-stage-chip { grid-row: 1 / 4; }
.foundation-board-list>button>strong { align-self: end; }
.foundation-board-list>button>small { color: var(--muted, #766d69); }
.foundation-board-list>button>em { color: #8b5e4a; font-style: normal; font-size: 12px; }
.foundation-pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border, #e4dcda); }

.foundation-job-actions { justify-content: flex-start; }
.foundation-job-actions span { margin-left: auto; }
.foundation-jobs-table td { vertical-align: top; }
.foundation-job-status { display: inline-flex; padding: 4px 8px; border-radius: 999px; background: #eee; font-size: 12px; font-weight: 700; }
.foundation-job-status.queued { background: #fff1dd; color: #925618; }
.foundation-job-status.running { background: #e9efff; color: #345db0; }
.foundation-job-status.succeeded { background: #e7f6ec; color: #287847; }
.foundation-job-status.failed { background: #fde9e7; color: #a33d32; }
.foundation-job-error { display: block; max-width: 270px; margin-top: 5px; color: #a33d32; font-size: 11px; }
.foundation-progress { width: 120px; height: 6px; margin: 4px 0 5px; border-radius: 999px; overflow: hidden; background: #ece7e5; }
.foundation-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary, #8d4f45), #c78868); }
.foundation-job-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.foundation-job-detail-grid>div { display: grid; gap: 4px; padding: 12px; background: #faf8f7; border-radius: 10px; }
.foundation-job-detail-grid span { color: var(--muted, #766d69); font-size: 12px; }
.foundation-job-events p { display: grid; grid-template-columns: 110px 1fr; gap: 12px; margin: 0; padding: 9px 12px; border-bottom: 1px solid var(--border, #e4dcda); }
.foundation-job-events p span { color: var(--muted, #766d69); }
nav button[data-page="background-jobs"][data-count]:not([data-count=""])::after { content: attr(data-count); float: right; min-width: 18px; padding: 1px 5px; border-radius: 999px; background: #8d4f45; color: white; font-size: 10px; text-align: center; }
nav button[data-page="background-jobs"].has-job-alert::after { background: #b64236; }

.foundation-index-warning { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px; padding:13px 16px; border:1px solid #e8bd62; border-radius:12px; background:#fff8e7; color:#78520a; }
.foundation-index-warning div { display:grid; gap:3px; }
.foundation-index-warning span { font-size:12px; }
.foundation-evidence-audit { margin:14px 0; border:1px solid #dde5ee; border-radius:12px; background:#f8fafc; }
.foundation-evidence-audit summary { cursor:pointer; padding:12px 14px; font-weight:700; }
.foundation-evidence-audit>div { display:grid; gap:8px; padding:0 14px 14px; }
.foundation-evidence-audit p { display:grid; grid-template-columns:minmax(110px,.35fr) minmax(220px,1fr) auto; gap:8px 14px; align-items:center; margin:0; padding:10px; border-radius:9px; background:#fff; }
.foundation-evidence-audit span,.foundation-evidence-audit small { overflow-wrap:anywhere; }
.foundation-evidence-audit small { grid-column:2; color:#7b8796; }
.foundation-evidence-audit a { font-size:12px; font-weight:700; }
.foundation-jst-workflow { display:grid; gap:14px; }
.foundation-jst-intro{display:grid;gap:10px;padding:16px 18px;border:1px solid #c9dcf5;border-radius:13px;background:#f4f8ff}.foundation-jst-intro b,.foundation-jst-intro span{display:block}.foundation-jst-intro b{color:#1e3655;font-size:15px}.foundation-jst-intro span{margin-top:5px;color:#5f7086;font-size:12px;line-height:1.6}.foundation-jst-intro details{padding-top:9px;border-top:1px solid #dbe7f6}.foundation-jst-intro summary{cursor:pointer;color:#45617f;font-size:11px;font-weight:700}.foundation-jst-intro p{margin:7px 0 0;color:#63758b;font-size:11px;line-height:1.55}
.foundation-jst-workflow section { position:relative;padding:16px 16px 16px 68px; border:1px solid #dce4ed; border-radius:12px; }
.foundation-jst-workflow section h3,.foundation-jst-workflow section p { margin:0 0 9px; }.foundation-jst-workflow section h3{color:#1d2d44;font-size:15px}.foundation-jst-workflow section p{color:#627087;font-size:12px;line-height:1.55}
.foundation-jst-step{position:absolute;top:16px;left:15px;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eaf2ff;color:#2868bb;font-size:10px;font-weight:800}
.foundation-jst-workflow form { display:grid; grid-template-columns:minmax(220px,1fr) auto; gap:8px; }
.foundation-jst-token { display:grid; grid-template-columns:minmax(150px,.7fr) minmax(200px,1fr) auto; gap:6px 10px; align-items:center; margin-top:10px; padding:11px 12px; border-radius:9px; background:#f3f6f9; }
.foundation-jst-token>div b,.foundation-jst-token>div small{display:block}.foundation-jst-token>div small{margin-top:3px;color:#7b8796;font-size:10px;line-height:1.35}
.foundation-jst-token code { overflow:auto; font-size:11px; }
.foundation-jst-preview { display:grid; gap:9px; margin-top:10px; }
.foundation-jst-preview>div:first-child { display:flex; gap:8px 14px; align-items:center; }
.foundation-jst-preview table { min-width:680px; }

@media (max-width: 980px) {
  .foundation-summary-banner,.foundation-job-actions { align-items: flex-start; flex-direction: column; }
  .foundation-summary-actions { justify-content: flex-start; }
  .foundation-current-action { grid-template-columns: 1fr; }
  .foundation-board-list { grid-template-columns: 1fr; }
  .foundation-board { padding:16px; }
  .foundation-evidence-audit p,.foundation-jst-token,.foundation-jst-workflow form { grid-template-columns:1fr; }
  .foundation-evidence-audit small { grid-column:1; }
  .foundation-jst-workflow section{padding:62px 14px 14px}.foundation-jst-step{top:13px;left:14px}
  .foundation-index-warning { align-items:flex-start; flex-direction:column; }
}