08a2fef6b2
Reviewer found the delegation diagram presented an unapproved draft (docs/herdr-eskalation-review-entwurf.md) as the documented Herdr process, citing docs/herdr-orchestration.md which describes no such gate. Reviewer is now shown as optional/on-demand (matches agents/reviewer.md as actually used this session), findings route back through the Orchestrator to the original specialist instead of editing the diff node directly. Deploy pipeline caption no longer claims full per-step verifiability that journalctl can't actually back up. Also: per-diagram fullscreen toggle (Fullscreen API on each wrapping div, since Mermaid renders inline SVG, not an iframe like the architecture graph).
203 lines
3.2 KiB
CSS
203 lines
3.2 KiB
CSS
.system {
|
|
max-width: 48rem;
|
|
margin: 0 auto;
|
|
padding: 1.5rem 1.25rem 4rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.system .back {
|
|
display: inline-block;
|
|
margin-bottom: 1.5rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
.system h1 {
|
|
font-size: 1.5rem;
|
|
margin: 0 0 0.25rem;
|
|
}
|
|
|
|
.system .subtitle {
|
|
opacity: 0.7;
|
|
margin: 0 0 2rem;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.system section {
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
|
|
.system section > h2 {
|
|
font-size: 1.1rem;
|
|
border-bottom: 1px solid currentColor;
|
|
opacity: 0.85;
|
|
padding-bottom: 0.35rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.system .roles {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
.system .role {
|
|
border-radius: 0.5rem;
|
|
padding: 0.75rem 1rem;
|
|
background: white;
|
|
box-shadow: 0 0.1rem 0.3rem hsla(0, 0%, 0%, 0.15);
|
|
}
|
|
|
|
.system .role .id {
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
|
|
.system .role .meta {
|
|
opacity: 0.6;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.system .role p {
|
|
margin: 0.35rem 0 0;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.system .graph-toolbar {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.system .fullscreen-btn {
|
|
font-size: 0.8rem;
|
|
padding: 0.3rem 0.75rem;
|
|
border-radius: 0.4rem;
|
|
border: 1px solid currentColor;
|
|
background: transparent;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
font-family: inherit;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.system .fullscreen-btn:hover {
|
|
opacity: 1;
|
|
background: hsla(0, 0%, 50%, 0.15);
|
|
}
|
|
|
|
.system .graph-frame {
|
|
border: none;
|
|
width: 100%;
|
|
height: 32rem;
|
|
border-radius: 0.5rem;
|
|
background: white;
|
|
}
|
|
|
|
.system .graph-frame:fullscreen {
|
|
height: 100vh;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.system .graph-link {
|
|
display: block;
|
|
margin-top: 0.5rem;
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.system .changelog {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.system .changelog li {
|
|
padding: 0.35rem 0;
|
|
border-bottom: 1px solid hsla(0, 0%, 50%, 0.2);
|
|
}
|
|
|
|
.system .changelog .hash {
|
|
opacity: 0.55;
|
|
font-size: 0.8rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.system .diagram-toolbar {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
|
|
.system .diagram-wrap {
|
|
background: white;
|
|
border-radius: 0.5rem;
|
|
padding: 1rem;
|
|
box-shadow: 0 0.1rem 0.3rem hsla(0, 0%, 0%, 0.15);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.system .diagram-wrap:fullscreen {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 2rem;
|
|
background: white;
|
|
}
|
|
|
|
.system .diagram-wrap:fullscreen svg {
|
|
max-width: 95vw;
|
|
max-height: 95vh;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
.system pre.mermaid {
|
|
font-family: inherit;
|
|
margin: 0;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.system .diagram-wrap,
|
|
.system .diagram-wrap:fullscreen {
|
|
background: hsla(0, 0%, 18%, 1);
|
|
box-shadow: 0 0.1rem 0.3rem hsla(0, 0%, 0%, 0.6);
|
|
}
|
|
}
|
|
|
|
.system .worldview {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.system .worldview .draft-note {
|
|
font-style: italic;
|
|
opacity: 0.75;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.system .worldview h3 {
|
|
font-size: 0.95rem;
|
|
margin: 1.25rem 0 0.4rem;
|
|
}
|
|
|
|
.system .worldview ul {
|
|
margin: 0;
|
|
padding-left: 1.2rem;
|
|
}
|
|
|
|
.system .worldview li {
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
|
|
.system .stale-note {
|
|
font-size: 0.8rem;
|
|
opacity: 0.6;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.system .role,
|
|
.system .graph-frame {
|
|
background: hsla(0, 0%, 18%, 1);
|
|
box-shadow: 0 0.1rem 0.3rem hsla(0, 0%, 0%, 0.6);
|
|
}
|
|
}
|