.orion-operations-archive {
  --ooa-bg: #07131e;
  --ooa-panel: #0d202e;
  --ooa-panel-2: #112a3b;
  --ooa-border: #31566f;
  --ooa-border-soft: #203b4e;
  --ooa-text: #edf4f8;
  --ooa-muted: #9eb2c0;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  color: var(--ooa-text);
  background: radial-gradient(circle at 50% 0, #153550 0, #0b1d2c 30%, var(--ooa-bg) 72%, #050c12 100%);
}
.orion-operations-archive *, .orion-operations-archive *::before, .orion-operations-archive *::after { box-sizing: border-box; }
.ooa-canvas { width: min(1380px, 100%); margin: 0 auto; padding: 44px 36px 72px; }
.ooa-status, .ooa-empty { padding: 50px 20px; color: var(--ooa-muted); text-align: center; }
.ooa-status.is-error { color: #e5a4a4; }

.ooa-intro { margin-bottom: 24px; padding-left: 17px; border-left: 3px solid #d4b15c; }
.ooa-intro__eyebrow { color: #d4b15c; font: 700 11px/1.2 Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.ooa-intro h1 { margin: 5px 0 7px; color: #fff; font: 700 32px/1.05 Arial, sans-serif; }
.ooa-intro p { margin: 0; color: var(--ooa-muted); font: 13px/1.5 Arial, sans-serif; }

.ooa-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.ooa-summary__card { padding: 15px 17px; border: 1px solid var(--ooa-border); border-top: 3px solid #598fad; border-radius: 3px; background: linear-gradient(145deg, #102a3d, var(--ooa-panel)); }
.ooa-summary__label, .ooa-summary__detail { display: block; color: var(--ooa-muted); font: 11px/1.25 Arial, sans-serif; }
.ooa-summary__value { display: block; margin: 4px 0; color: #fff; font: 700 22px/1.05 Arial, sans-serif; }

.ooa-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 26px; padding: 12px; border: 1px solid var(--ooa-border-soft); background: rgba(7, 19, 30, .72); }
.ooa-search { width: min(470px, 100%); height: 38px; padding: 0 12px; color: #fff; border: 1px solid var(--ooa-border); border-radius: 2px; outline: 0; background: #0a1924; font: 13px Arial, sans-serif; }
.ooa-search:focus { border-color: #65add5; box-shadow: 0 0 0 2px rgba(89, 169, 214, .14); }
.ooa-filters { display: flex; gap: 6px; }
.ooa-filter { padding: 7px 12px; color: #b6c9d6; border: 1px solid #29485d; border-radius: 2px; cursor: pointer; background: #102432; font: 600 11px Arial, sans-serif; }
.ooa-filter:hover, .ooa-filter.is-active { color: #fff; border-color: #5997bd; background: #17405a; }

.ooa-campaign { --campaign-accent: #527d99; margin-bottom: 22px; overflow: hidden; border: 1px solid var(--ooa-border); border-top: 4px solid var(--campaign-accent); border-radius: 3px; background: #091720; box-shadow: 0 12px 28px rgba(0, 0, 0, .2); }
.ooa-campaign--active { --campaign-accent: #6e9678; }
.ooa-campaign--complete { --campaign-accent: #738b9c; }
.ooa-campaign--archived { --campaign-accent: #667f91; }
.ooa-campaign__header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 18px; border-bottom: 1px solid var(--ooa-border); background: linear-gradient(90deg, #17384d, #11293a); }
.ooa-campaign__eyebrow { display: block; margin-bottom: 3px; color: var(--campaign-accent); font: 700 10px Arial, sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.ooa-campaign__header h2 { margin: 0; color: #fff; font: 700 23px/1.1 Arial, sans-serif; }
.ooa-campaign__facts { display: flex; align-items: center; gap: 13px; color: var(--ooa-muted); font: 11px Arial, sans-serif; }
.ooa-campaign__facts strong { color: #e8f2f7; }
.ooa-state { padding: 4px 7px; border: 1px solid #3d596a; border-radius: 2px; color: #b5c6d1; background: #172936; font-weight: 700; text-transform: uppercase; }
.ooa-state--active { color: #b9dfc1; border-color: #477354; background: #193626; }
.ooa-state--complete { color: #c8d7df; border-color: #4b6575; background: #1b2e3a; }
.ooa-state--archived { color: #bacbd6; }
.ooa-campaign__operations { padding: 10px; }

.ooa-operation { margin-bottom: 8px; overflow: hidden; border: 1px solid var(--ooa-border-soft); border-left: 3px solid var(--campaign-accent); border-radius: 2px; background: var(--ooa-panel); }
.ooa-operation:last-child { margin-bottom: 0; }
.ooa-operation__summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 15px; cursor: pointer; list-style: none; background: #102532; }
.ooa-operation__summary::-webkit-details-marker { display: none; }
.ooa-operation__summary::after { content: "+"; flex: 0 0 22px; color: #87a8bc; font: 700 20px/1 Arial, sans-serif; text-align: center; }
.ooa-operation[open] .ooa-operation__summary::after { content: "−"; }
.ooa-operation__identity { min-width: 0; }
.ooa-operation__phase { display: block; margin-bottom: 3px; color: var(--campaign-accent); font: 700 10px Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.ooa-operation__identity strong { display: block; overflow: hidden; color: #fff; font: 700 14px Arial, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.ooa-operation__meta { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-left: auto; color: var(--ooa-muted); font: 11px Arial, sans-serif; white-space: nowrap; }
.ooa-operation__count { min-width: 84px; color: #d9e9f2; font-weight: 700; }
.ooa-operation__body { padding: 15px; border-top: 1px solid var(--ooa-border-soft); }
.ooa-operation__body h4 { margin: 0 0 10px; color: #aec3d0; font: 700 11px Arial, sans-serif; text-transform: uppercase; }
.ooa-operation__mission { display: flex; gap: 10px; margin-bottom: 14px; color: var(--ooa-muted); font: 11px Arial, sans-serif; }
.ooa-operation__mission strong { color: #e9f3f8; }
.ooa-attendees { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ooa-attendees span { padding: 8px 10px; overflow: hidden; color: #dceaf2; border: 1px solid #284658; background: #0a1b27; font: 12px Arial, sans-serif; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 950px) {
  .ooa-canvas { padding: 35px 18px 60px; }
  .ooa-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ooa-attendees { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ooa-toolbar { align-items: stretch; flex-direction: column; }
  .ooa-search { width: 100%; }
}

@media (max-width: 680px) {
  .orion-operations-archive { left: 0; margin-left: 0; width: 100%; }
  .ooa-canvas { padding: 25px 10px 42px; }
  .ooa-intro h1 { font-size: 27px; }
  .ooa-summary { gap: 8px; }
  .ooa-summary__card { padding: 12px; }
  .ooa-summary__value { font-size: 18px; }
  .ooa-campaign__header { align-items: flex-start; flex-direction: column; gap: 11px; }
  .ooa-campaign__facts { flex-wrap: wrap; }
  .ooa-operation__summary { align-items: flex-start; }
  .ooa-operation__meta { align-items: flex-end; flex-direction: column; gap: 4px; }
  .ooa-operation__meta span:nth-child(2):not(.ooa-operation__count) { display: none; }
  .ooa-operation__identity strong { white-space: normal; }
  .ooa-attendees { grid-template-columns: 1fr; }
}