.olympus-page {
  --oly-bg:            #f6f8fa;
  --oly-surface:       #ffffff;
  --oly-surface-2:     #f6f8fa;
  --oly-border:        #d0d7de;
  --oly-border-sub:    #e8ebee;
  --oly-text:          #1f2328;
  --oly-text-2:        #636c76;
  --oly-text-3:        #9ca3af;
  --oly-accent:        #9a6700;
  --oly-accent-dim:    #fff8c5;
  --oly-ok:            #1a7f37;
  --oly-ok-dim:        #dafbe1;
  --oly-err:           #cf222e;
  --oly-err-dim:       #ffebe9;
  --oly-run:           #0550ae;
  --oly-run-dim:       #ddf4ff;
  --oly-wait:          #6e7781;
  --oly-wait-dim:      #f6f8fa;
  --oly-mono:          'JetBrains Mono', 'Fira Code', monospace;

  font-size: 13px;
  line-height: 1.5;
}

@media (prefers-color-scheme: dark) {
  .olympus-page:not([data-theme='light']) {
    --oly-bg:         #0d1117;
    --oly-surface:    #161b22;
    --oly-surface-2:  #1c2128;
    --oly-border:     #30363d;
    --oly-border-sub: #21262d;
    --oly-text:       #e6edf3;
    --oly-text-2:     #8b949e;
    --oly-text-3:     #484f58;
    --oly-accent:     #f0b429;
    --oly-accent-dim: rgba(240, 180, 41, 0.13);
    --oly-ok:         #3fb950;
    --oly-ok-dim:     rgba(63, 185, 80, 0.13);
    --oly-err:        #f85149;
    --oly-err-dim:    rgba(248, 81, 73, 0.13);
    --oly-run:        #58a6ff;
    --oly-run-dim:    rgba(88, 166, 255, 0.11);
    --oly-wait:       #484f58;
    --oly-wait-dim:   #1c2128;
  }
}
.olympus-page[data-theme='dark'] {
  --oly-bg:         #0d1117;
  --oly-surface:    #161b22;
  --oly-surface-2:  #1c2128;
  --oly-border:     #30363d;
  --oly-border-sub: #21262d;
  --oly-text:       #e6edf3;
  --oly-text-2:     #8b949e;
  --oly-text-3:     #484f58;
  --oly-accent:     #f0b429;
  --oly-accent-dim: rgba(240, 180, 41, 0.13);
  --oly-ok:         #3fb950;
  --oly-ok-dim:     rgba(63, 185, 80, 0.13);
  --oly-err:        #f85149;
  --oly-err-dim:    rgba(248, 81, 73, 0.13);
  --oly-run:        #58a6ff;
  --oly-run-dim:    rgba(88, 166, 255, 0.11);
  --oly-wait:       #484f58;
  --oly-wait-dim:   #1c2128;
}

.olympus-page * { box-sizing: border-box; }

.olympus-main {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
  padding: 12px 4px 60px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--oly-text);
}

.olympus-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  border-bottom: 1px solid var(--oly-border);
  margin-bottom: 8px;
}
.olympus-tab {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--oly-text-2);
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color .15s, border-color .15s;
  white-space: nowrap;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
}
.olympus-tab:hover { color: var(--oly-text); }
.olympus-tab.active {
  color: var(--oly-text);
  border-bottom-color: var(--oly-accent);
}

.olympus-toolbar {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.olympus-btn-icon {
  display: flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  background: none;
  border: 1px solid var(--oly-border);
  border-radius: 6px;
  color: var(--oly-text-2);
  font-size: 14px;
  cursor: pointer;
  transition: background .12s, color .12s;
}
.olympus-btn-icon:hover { background: var(--oly-surface-2); color: var(--oly-text); }

.olympus-btn-trigger {
  display: flex; align-items: center; gap: 6px;
  padding: 5px 12px;
  background: var(--oly-accent);
  color: #0d1117;
  font-size: 12px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  letter-spacing: .2px;
  transition: opacity .15s;
}
.olympus-btn-trigger:hover { opacity: .85; }

.olympus-trigger-panel {
  background: var(--oly-surface);
  border: 1px solid var(--oly-border);
  border-radius: 10px;
  overflow: hidden;
}
.olympus-trigger-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  cursor: pointer;
  user-select: none;
}
.olympus-trigger-header h3 {
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.olympus-trigger-header h3 span.dot {
  width: 7px; height: 7px;
  background: var(--oly-accent);
  border-radius: 50%;
  display: inline-block;
}
.olympus-chevron {
  color: var(--oly-text-3);
  transition: transform .2s;
  font-size: 11px;
}
.olympus-trigger-panel.open .olympus-chevron { transform: rotate(180deg); }

.olympus-trigger-body {
  padding: 0 18px 18px;
  border-top: 1px solid var(--oly-border-sub);
  gap: 10px;
  display: flex;
  flex-direction: column;
}

.olympus-trigger-body textarea {
  width: 100%;
  resize: vertical;
  min-height: 72px;
  padding: 10px 12px;
  background: var(--oly-surface-2);
  border: 1px solid var(--oly-border);
  border-radius: 7px;
  color: var(--oly-text);
  font-size: 13px;
  line-height: 1.5;
  outline: none;
  transition: border-color .15s;
  font-family: inherit;
}
.olympus-trigger-body textarea:focus { border-color: var(--oly-run); }

.olympus-trigger-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.olympus-sol-select {
  padding: 6px 10px;
  background: var(--oly-surface-2);
  border: 1px solid var(--oly-border);
  border-radius: 6px;
  color: var(--oly-text);
  font-family: var(--oly-mono);
  font-size: 12px;
  outline: none;
  cursor: pointer;
}
.olympus-trigger-hint {
  font-size: 12px;
  color: var(--oly-text-3);
  margin-left: auto;
  font-style: italic;
}

.olympus-section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--oly-text-3);
  padding: 4px 0;
}

.olympus-card {
  background: var(--oly-surface);
  border: 1px solid var(--oly-border);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color .15s;
}
.olympus-card:hover { border-color: var(--oly-text-3); }

.olympus-card-head {
  padding: 14px 18px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
}
.olympus-card-top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.olympus-status-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 5px;
}
.olympus-status-dot.running {
  background: var(--oly-accent);
  animation: olympus-pulse 1.4s ease-out infinite;
}
.olympus-status-dot.done { background: var(--oly-ok); }
.olympus-status-dot.fail { background: var(--oly-err); }
.olympus-status-dot.plan { background: var(--oly-run); }

@keyframes olympus-pulse {
  0%   { box-shadow: 0 0 0 0   rgba(240,180,41,.5); }
  70%  { box-shadow: 0 0 0 6px rgba(240,180,41,0);  }
  100% { box-shadow: 0 0 0 0   rgba(240,180,41,0);  }
}

.olympus-card-name {
  font-family: var(--oly-mono);
  font-size: 12px;
  font-weight: 500;
  color: var(--oly-text);
  word-break: break-all;
  line-height: 1.4;
}
.olympus-badge {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 20px;
  letter-spacing: .02em;
}
.olympus-badge.running { background: var(--oly-accent-dim); color: var(--oly-accent); }
.olympus-badge.done    { background: var(--oly-ok-dim);     color: var(--oly-ok);     }
.olympus-badge.fail    { background: var(--oly-err-dim);    color: var(--oly-err);    }
.olympus-badge.plan    { background: var(--oly-run-dim);    color: var(--oly-run);    }

.olympus-card-req {
  font-size: 13px;
  color: var(--oly-text-2);
  padding-left: 18px;
  line-height: 1.4;
  margin: 0;
}

.olympus-pipeline {
  display: flex;
  align-items: center;
  padding: 10px 18px 12px;
  gap: 0;
  border-top: 1px solid var(--oly-border-sub);
  overflow-x: auto;
  scrollbar-width: none;
}
.olympus-pipeline::-webkit-scrollbar { display: none; }

.olympus-stage-pill {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid transparent;
  flex-shrink: 0;
}
.olympus-stage-pill.done { background: var(--oly-ok-dim);   color: var(--oly-ok);     }
.olympus-stage-pill.run  { background: var(--oly-accent-dim); color: var(--oly-accent); border-color: var(--oly-accent); }
.olympus-stage-pill.wait { background: var(--oly-wait-dim);  color: var(--oly-wait);   border-color: var(--oly-border); }
.olympus-stage-pill.fail { background: var(--oly-err-dim);   color: var(--oly-err);    }
.olympus-stage-pill.plan { background: var(--oly-run-dim);   color: var(--oly-run);    }

.olympus-conn {
  flex: 1;
  min-width: 12px;
  height: 1px;
  background: var(--oly-border);
  flex-shrink: 0;
}
.olympus-conn.active { background: var(--oly-accent); }

.olympus-comps {
  border-top: 1px solid var(--oly-border-sub);
  padding: 12px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.olympus-comp-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.olympus-comp-name {
  font-family: var(--oly-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--oly-text);
  min-width: 140px;
}
.olympus-comp-status {
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 20px;
  flex-shrink: 0;
}
.olympus-comp-status.running { background: var(--oly-accent-dim); color: var(--oly-accent); }
.olympus-comp-status.done    { background: var(--oly-ok-dim);     color: var(--oly-ok);     }
.olympus-comp-status.fail    { background: var(--oly-err-dim);    color: var(--oly-err);    }
.olympus-comp-status.wait    { background: var(--oly-wait-dim);   color: var(--oly-wait);   }

.olympus-comp-detail {
  font-family: var(--oly-mono);
  font-size: 11px;
  color: var(--oly-text-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.olympus-mr-link {
  font-family: var(--oly-mono);
  font-size: 11px;
  color: var(--oly-run);
  text-decoration: none;
  white-space: nowrap;
}
.olympus-mr-link:hover { text-decoration: underline; }

.olympus-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 18px 10px;
  border-top: 1px solid var(--oly-border-sub);
}
.olympus-foot-left {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  color: var(--oly-text-3);
  font-family: var(--oly-mono);
}
.olympus-foot-toggle {
  font-size: 11px;
  color: var(--oly-text-3);
  cursor: pointer;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  border-radius: 5px;
  transition: background .12s, color .12s;
}
.olympus-foot-toggle:hover {
  background: var(--oly-surface-2);
  color: var(--oly-text);
}

.olympus-empty {
  text-align: center;
  padding: 60px 0;
  color: var(--oly-text-3);
  font-size: 13px;
}

@media (max-width: 600px) {
  .olympus-tab { padding: 8px 10px; font-size: 12px; }
  .olympus-card-name { font-size: 11px; }
  .olympus-comp-name { min-width: 110px; }
  .olympus-comp-detail { display: none; }
  .olympus-trigger-hint { display: none; }
}


/*# sourceMappingURL=main.5e663d1a.css.map*/