.engine-dashboard{margin:-4px -2px 0;padding:0 0 8px;color:#121212;background:linear-gradient(180deg,#f8f7f2 0,#fff 220px,#fff 100%);border-radius:22px}
.engine-dashboard .page-heading{padding:22px 20px 12px;color:#111;background:#fff;border-bottom:1px solid #e6ebf1}
.engine-dashboard .page-heading h1{color:#111}
.engine-dashboard .page-heading p{color:#667085}
.engine-dashboard .panel{background:#fff;color:#111;border:1px solid #dfe5ec;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.engine-dashboard .panel h2,.engine-dashboard .panel strong{color:#111}
.engine-dashboard .panel p,.engine-dashboard .panel small{color:#667085}
.engine-live-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:22px}
.engine-live-head h2{margin-bottom:8px}
.engine-live-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.engine-live-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe5ec;border-radius:999px;padding:9px 12px;color:#15803d;font-weight:800;font-size:12px;background:#ecfdf3;white-space:nowrap}
.engine-live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 18px #22c55e}
.engine-live-dot.warn{background:#d7ae2f;box-shadow:0 0 18px rgba(215,174,47,.75)}
.engine-command{position:relative;overflow:visible;margin-top:8px;margin-bottom:32px;border:0;border-radius:0;background:#101014;color:#fff;padding:30px 22px 42px;box-shadow:none}
.engine-command:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 28%,rgba(216,174,48,.35),transparent 9%),radial-gradient(circle at 88% 20%,rgba(216,174,48,.2),transparent 12%),linear-gradient(135deg,#111117,#171821 52%,#111117);pointer-events:none}
.engine-command>*{position:relative;z-index:1}
.engine-command .eyebrow{color:#e4bd3c}
.engine-command h2{font-size:clamp(30px,6vw,52px);line-height:1.02;margin:4px 0 10px;color:#fff}
.engine-command p{max-width:680px;color:#a9afbc;font-size:16px;line-height:1.45}
.engine-command .engine-live-pill{border-color:rgba(228,189,60,.35);color:#f4d35e;background:rgba(228,189,60,.12)}
.engine-command .button.outline{border-color:rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.05)}
.engine-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 -72px}
.engine-command-tile{min-height:94px;border:1px solid #dfe5ec;border-radius:14px;padding:16px;background:#fff;box-shadow:0 10px 24px rgba(16,24,40,.12)}
.engine-command-tile strong{display:block;font-size:30px;color:#d8ae30;line-height:1}
.engine-command-tile span{display:block;margin-top:9px;color:#667085;font-size:12px;line-height:1.35}
.engine-command+ .panel{margin-top:58px}
.engine-map{display:grid;gap:16px}
.engine-layer{border:1px solid #dfe5ec;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.engine-layer summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}
.engine-layer summary::-webkit-details-marker{display:none}
.engine-layer summary div{display:grid;gap:4px}
.engine-layer summary strong{font-size:22px;line-height:1.15;color:#111}
.engine-layer summary div span{color:#667085;font-size:14px}
.engine-layer summary>span{border-radius:999px;padding:7px 12px;color:#15803d;background:#ecfdf3;font-size:12px;font-weight:800}
.engine-layer-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:0 20px 20px}
.engine-card{position:relative;min-height:164px;border:1px solid #dfe5ec;border-radius:20px;padding:16px;background:#fff;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.engine-card:before{content:"";position:absolute;left:16px;top:16px;width:52px;height:52px;border-radius:14px;background:#faf5e8;border:1px solid rgba(216,174,48,.15)}
.engine-card.is-operational{border-color:#dfe5ec}
.engine-card.is-external_blocked{border-color:#f7d991}
.engine-card.is-incomplete{border-color:#ffc4bd}
.engine-card-top{display:flex;justify-content:space-between;gap:10px;align-items:start;position:relative;z-index:1}
.engine-card small{color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-left:62px}
.engine-card strong{display:block;margin:24px 0 12px 62px;font-size:17px;line-height:1.25;color:#111}
.engine-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.engine-status.operational{background:#ecfdf3;color:#15803d}
.engine-status.external_blocked{background:#fff8e1;color:#a66d00}
.engine-status.incomplete{background:#fff1f0;color:#c62828}
.engine-progress{height:7px;border-radius:999px;background:#eef2f6;overflow:hidden;margin:12px 0}
.engine-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d8ae30,#f4d35e)}
.engine-blockers{display:grid;gap:5px;margin-top:10px}
.engine-blockers span{font-size:12px;color:#475467;line-height:1.4;overflow-wrap:anywhere}
.engine-deps{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.engine-deps em{font-style:normal;font-size:10px;color:#667085;border:1px solid #dfe5ec;border-radius:999px;padding:4px 7px;background:#f8fafc}
.engine-priority-list{display:grid;gap:12px}
.engine-priority-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;border:1px solid #dfe5ec;border-radius:18px;padding:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.engine-priority-index{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#faf5e8;color:#d8ae30;font-size:14px;font-weight:800}
.engine-priority-item strong{display:block;font-size:15px}
.engine-priority-item p{margin-top:5px;font-size:12px;line-height:1.45;color:#667085}
.engine-gap-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:18px}
.engine-gap-card{border:1px solid #dfe5ec;border-radius:18px;padding:14px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.05)}
.engine-gap-card summary{cursor:pointer;list-style:none}
.engine-gap-card summary::-webkit-details-marker{display:none}
.engine-gap-card summary span{display:inline-flex;margin-top:8px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#f2f4f7;color:#475467}
.engine-gap-card strong{display:block;font-size:15px}
.engine-gap-card p{font-size:12px;margin-top:8px;color:#667085}
.engine-gap-card[data-status="NOT_STARTED"]{border-color:#ffc4bd}
.engine-gap-card[data-status="PARTIAL"]{border-color:#f7d991}
.engine-gap-card[data-status="DONE"]{border-color:#bbf7d0}
.engine-refresh-note{font-size:12px;color:#667085}
.engine-runtime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.engine-runtime-grid article,.compact-card{border:1px solid #dfe5ec;border-radius:16px;padding:14px;background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.04)}
.engine-runtime-grid article span{display:inline-flex;border-radius:999px;padding:5px 9px;color:#15803d;background:#ecfdf3;font-size:11px;font-weight:800}
.audit-counts span{background:#fff;border:1px solid #dfe5ec;color:#475467}
.audit-counts strong{color:#111}
.gap-engine{border-color:#dfe5ec;background:#fff;color:#111}
.gap-engine p{color:#667085}
@media(max-width:900px){.engine-live-head{grid-template-columns:1fr}.engine-command-grid{grid-template-columns:repeat(3,1fr)}.engine-command{margin-left:-16px;margin-right:-16px;border-radius:0}}
@media(max-width:700px){.engine-dashboard{margin:-10px -8px 0;border-radius:0}.engine-dashboard .page-heading{padding:18px 18px 10px}.engine-command{padding:28px 18px 40px}.engine-command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:-64px}.engine-command-tile{min-height:86px;padding:12px;border-radius:12px}.engine-command-tile strong{font-size:25px}.engine-command-tile span{font-size:10px}.engine-command+ .panel{margin-top:52px}.engine-layer summary{align-items:stretch}.engine-layer summary strong{font-size:20px}.engine-layer-body{grid-template-columns:1fr;padding:0 14px 14px}.engine-card{min-height:150px}.engine-gap-showcase{grid-template-columns:1fr}.engine-live-actions .button{width:100%}}
@media(max-width:420px){.engine-command-grid{grid-template-columns:1fr 1fr}.engine-command h2{font-size:34px}.engine-command-tile:nth-child(5),.engine-command-tile:nth-child(6){display:none}.engine-layer summary{padding:16px}.engine-card strong{font-size:16px}}

/* SHOP light mode has strong global resets; keep the engine cockpit intentionally dark. */
body.shop-light .engine-dashboard .engine-command{background:#101014!important;background-image:none!important;color:#fff!important;border-color:#101014!important}
body.shop-light .engine-dashboard .engine-command:before{background:radial-gradient(circle at 8% 28%,rgba(216,174,48,.35),transparent 9%),radial-gradient(circle at 88% 20%,rgba(216,174,48,.2),transparent 12%),linear-gradient(135deg,#111117,#171821 52%,#111117)!important}
body.shop-light .engine-dashboard .engine-command .engine-live-head,
body.shop-light .engine-dashboard .engine-command .engine-live-head>div,
body.shop-light .engine-dashboard .engine-command .engine-live-actions{background:transparent!important;background-image:none!important;color:inherit!important;border-color:transparent!important}
body.shop-light .engine-dashboard .engine-command .eyebrow{background:transparent!important;color:#e4bd3c!important}
body.shop-light .engine-dashboard .engine-command h2{background:transparent!important;color:#fff!important}
body.shop-light .engine-dashboard .engine-command p{background:transparent!important;color:#a9afbc!important}
body.shop-light .engine-dashboard .engine-command .engine-live-pill{background:rgba(228,189,60,.12)!important;color:#f4d35e!important;border-color:rgba(228,189,60,.35)!important}
body.shop-light .engine-dashboard .engine-command .engine-command-grid{background:transparent!important;background-image:none!important}
body.shop-light .engine-dashboard .engine-command .engine-command-tile{background:#fff!important;color:#111!important;border-color:#dfe5ec!important}
body.shop-light .engine-dashboard .engine-command .engine-command-tile strong{background:transparent!important;color:#d8ae30!important}
body.shop-light .engine-dashboard .engine-command .engine-command-tile span{background:transparent!important;color:#667085!important}
body.shop-light .engine-dashboard .engine-command .button.outline{background:rgba(255,255,255,.05)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}

/* Keep the page white, but make every engine visible as a colored dashboard tile. */
.engine-dashboard .engine-layer:nth-of-type(6n+1){background:linear-gradient(135deg,#f0f8ff,#ffffff)}
.engine-dashboard .engine-layer:nth-of-type(6n+2){background:linear-gradient(135deg,#fff7dc,#ffffff)}
.engine-dashboard .engine-layer:nth-of-type(6n+3){background:linear-gradient(135deg,#ecfdf5,#ffffff)}
.engine-dashboard .engine-layer:nth-of-type(6n+4){background:linear-gradient(135deg,#f5f0ff,#ffffff)}
.engine-dashboard .engine-layer:nth-of-type(6n+5){background:linear-gradient(135deg,#fff1f6,#ffffff)}
.engine-dashboard .engine-layer:nth-of-type(6n){background:linear-gradient(135deg,#eafcff,#ffffff)}
.engine-dashboard .engine-card{background:linear-gradient(135deg,#eaf6ff,#f8fbff)!important;border-color:#b7ddff!important}
.engine-dashboard .engine-card:nth-child(4n+2){background:linear-gradient(135deg,#fff4cf,#fffaf0)!important;border-color:#f2d07d!important}
.engine-dashboard .engine-card:nth-child(4n+3){background:linear-gradient(135deg,#e7fff4,#f5fffb)!important;border-color:#a7e6c6!important}
.engine-dashboard .engine-card:nth-child(4n){background:linear-gradient(135deg,#f3edff,#fbf8ff)!important;border-color:#cdbdff!important}
.engine-dashboard .engine-card.is-incomplete{background:linear-gradient(135deg,#fff0ee,#fff8f7)!important;border-color:#ffb7ad!important}
.engine-dashboard .engine-card.is-external_blocked{background:linear-gradient(135deg,#fff3cf,#fff9e8)!important;border-color:#e6bf55!important}
.engine-dashboard .engine-card:before{background:rgba(255,255,255,.74)!important;border-color:rgba(216,174,48,.28)!important}
.engine-dashboard .engine-gap-card{background:linear-gradient(135deg,#eef7ff,#ffffff)!important;border-color:#b7ddff!important}
.engine-dashboard .engine-gap-card:nth-child(4n+2){background:linear-gradient(135deg,#fff7dc,#ffffff)!important;border-color:#f2d07d!important}
.engine-dashboard .engine-gap-card:nth-child(4n+3){background:linear-gradient(135deg,#f0fff7,#ffffff)!important;border-color:#a7e6c6!important}
.engine-dashboard .engine-gap-card:nth-child(4n){background:linear-gradient(135deg,#f7f0ff,#ffffff)!important;border-color:#d2bdff!important}
.engine-dashboard .engine-gap-card[data-status="NOT_STARTED"]{background:linear-gradient(135deg,#fff0ee,#ffffff)!important;border-color:#ffb7ad!important}
body.shop-light .engine-dashboard .engine-layer,
body.shop-light .engine-dashboard .engine-card,
body.shop-light .engine-dashboard .engine-gap-card{background-color:transparent!important}

/* Final override against SHOP light reset longhands. */
body.shop-light .engine-dashboard.engine-dashboard .engine-command.engine-command{
  background-color:#101014!important;
  background-image:radial-gradient(circle at 8% 28%,rgba(216,174,48,.35),transparent 9%),radial-gradient(circle at 88% 20%,rgba(216,174,48,.2),transparent 12%),linear-gradient(135deg,#111117,#171821 52%,#111117)!important;
  color:#fff!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-command.engine-command *:not(.engine-command-tile):not(.engine-command-tile *){
  background-color:transparent!important;
  background-image:none!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-command.engine-command h2{color:#fff!important}
body.shop-light .engine-dashboard.engine-dashboard .engine-command.engine-command p{color:#a9afbc!important}
body.shop-light .engine-dashboard.engine-dashboard .engine-card.engine-card{
  background-color:#eaf6ff!important;
  background-image:linear-gradient(135deg,#eaf6ff,#f8fbff)!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-card.engine-card:nth-child(4n+2){
  background-color:#fff4cf!important;
  background-image:linear-gradient(135deg,#fff4cf,#fffaf0)!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-card.engine-card:nth-child(4n+3){
  background-color:#e7fff4!important;
  background-image:linear-gradient(135deg,#e7fff4,#f5fffb)!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-card.engine-card:nth-child(4n){
  background-color:#f3edff!important;
  background-image:linear-gradient(135deg,#f3edff,#fbf8ff)!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-card.engine-card.is-incomplete{
  background-color:#fff0ee!important;
  background-image:linear-gradient(135deg,#fff0ee,#fff8f7)!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-card.engine-card.is-external_blocked{
  background-color:#fff3cf!important;
  background-image:linear-gradient(135deg,#fff3cf,#fff9e8)!important;
}
body.shop-light .engine-dashboard.engine-dashboard .engine-gap-card.engine-gap-card{
  background-color:#eef7ff!important;
  background-image:linear-gradient(135deg,#eef7ff,#fff)!important;
}


.engine-dashboard .engine-mission.is-active,
.engine-dashboard .engine-mission {
  margin: 10px 0 0;
  color: #4b5565;
  font-size: 14px;
  line-height: 1.45;
}

.engine-dashboard .engine-card-details.is-active,
.engine-dashboard .engine-card-details {
  margin-top: 12px;
  border-top: 1px solid rgba(17, 24, 39, .1);
  padding-top: 10px;
}

.engine-dashboard .engine-card-details summary.is-active,
.engine-dashboard .engine-card-details summary {
  cursor: pointer;
  font-weight: 800;
  color: #111827;
}

.engine-dashboard .engine-card-meta.is-active,
.engine-dashboard .engine-card-meta {
  display: grid;
  gap: 8px;
  margin: 10px 0;
}

.engine-dashboard .engine-card-meta div.is-active,
.engine-dashboard .engine-card-meta div {
  border-radius: 10px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(17, 24, 39, .08);
  padding: 9px 10px;
}

.engine-dashboard .engine-card-meta dt.is-active,
.engine-dashboard .engine-card-meta dt {
  color: #9a6a08;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.engine-dashboard .engine-card-meta dd.is-active,
.engine-dashboard .engine-card-meta dd {
  margin: 3px 0 0;
  color: #1f2937;
  font-size: 13px;
  line-height: 1.35;
}

.engine-dashboard .engine-action-row.is-active,
.engine-dashboard .engine-action-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.engine-dashboard .engine-action-row button.is-active,
.engine-dashboard .engine-action-row button {
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(212, 175, 55, .55);
  background: rgba(255, 255, 255, .78);
  color: #111827;
  font-weight: 900;
  box-shadow: 0 0 0 rgba(212, 175, 55, 0);
  transition: box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.engine-dashboard .engine-action-row button:hover,
.engine-dashboard .engine-action-row button:focus-visible,
.engine-dashboard .engine-action-row button.is-running {
  background: #fffaf0;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, .22), 0 0 22px rgba(212, 175, 55, .35);
  transform: translateY(-1px);
}

.engine-dashboard .engine-action-row button.is-running {
  color: #9a6a08;
  cursor: wait;
}

.engine-dashboard .engine-status.disabled {
  background: #eef2f7;
  color: #475569;
}

.engine-dashboard .engine-card.is-disabled {
  opacity: .72;
  background: linear-gradient(135deg, #f8fafc, #eef2f7);
  border-color: #cbd5e1;
}

.engine-dashboard .engine-priority-item small {
  display: block;
  margin-top: 4px;
  color: #6b7280;
  line-height: 1.35;
}

.engine-dashboard .engine-live-measures { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin:16px 0; }
.engine-dashboard .engine-live-measures article { display:flex; flex-direction:column; gap:6px; padding:14px; border:1px solid #93c5fd; border-radius:14px; background:#eff6ff; min-width:0; }
.engine-dashboard .engine-live-measures article strong { color:#1d4ed8; font-size:28px; }
.engine-dashboard .engine-live-measures article span,.engine-dashboard .engine-live-measures article small { color:#334155; overflow-wrap:anywhere; }
.engine-dashboard .engine-measurement-note { color:#475569; font-size:12px; line-height:1.5; }
.engine-dashboard .engine-detail-link { display:block; margin-top:16px; color:#1d4ed8; text-decoration:underline; font-weight:650; }
.engine-dashboard .engine-action-row button { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.engine-dashboard .engine-action-row button:disabled { opacity:.5; cursor:not-allowed; box-shadow:none; }
.engine-dashboard .engine-action-row button.is-running { opacity:1; box-shadow:0 0 16px #d4af37; }
.engine-dashboard .engine-detail-page,.engine-dashboard .engine-card { min-width:0; }

@media (max-width: 560px) {
  .engine-dashboard .engine-action-row {
    grid-template-columns: 1fr;
  }

  .engine-dashboard .engine-card-meta dd {
    font-size: 12px;
  }
}