dialog:has(.ui-journey) { width:min(1400px,96vw); max-width:96vw; }
dialog:has(.ui-journey) .dialog-body { max-height:calc(92vh - 150px); }
.ui-journey { color:var(--text); }
.ui-journey-intro { display:flex; align-items:center; gap:20px; justify-content:space-between; }
.ui-journey-intro p { max-width:760px; }
.ui-coverage-summary { display:flex; flex-wrap:wrap; gap:12px; margin:12px 0; }
.ui-coverage-summary span { padding:10px 14px; border:1px solid currentColor; border-radius:8px; background:#12212d; font-size:12px; }
.ui-coverage-summary strong { font-size:19px; margin-right:8px; }
.ui-coverage-linked { color:#79c7b2; }
.ui-coverage-open { color:#e1b768; }
.ui-coverage-none { color:#99acbe; }
.ui-trace-note { color:#b6c8d5; font-size:12px; padding:10px 14px; border-left:2px solid #738c9f; background:#14232f; }
.ui-journey-tabs { display:flex; gap:8px; margin:14px 0; }
.ui-journey-tabs [aria-pressed="true"] { background:#2e485c; color:#e7f5ff; }
.ui-journey-workspace { display:grid; grid-template-columns:180px minmax(0,1fr); gap:16px; min-height:400px; }
.ui-area-nav { display:flex; flex-direction:column; gap:5px; align-self:start; }
.ui-area-nav button { text-align:left; padding:12px; border-radius:7px; border:1px solid #344859; background:#14232e; color:#ccdae5; cursor:pointer; }
.ui-area-nav strong,.ui-area-nav small { display:block; }
.ui-area-nav small { margin-top:5px; color:#8fa4b6; font-size:10px; }
.ui-area-nav [aria-current="true"] { border-color:#7abcae; background:#213a44; }
.ui-journey-main { min-width:0; }
.ui-journey-main header { display:flex; gap:14px; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.ui-diagram-scroll { overflow:auto; max-height:56vh; margin-top:12px; background:#101c27; border:1px solid #2c4152; border-radius:10px; }
.ui-journey-diagram { display:block; width:980px; min-width:980px; }
.ui-diagram-node,.ui-diagram-target { cursor:pointer; }
.ui-diagram-node:hover rect,.ui-diagram-target:hover rect,.ui-diagram-node:focus rect,.ui-diagram-target:focus rect { stroke:#e4eeb0; stroke-width:2; }
.ui-empty { padding:36px; color:#9bb3c4; max-width:700px; }
.ui-process-choices { max-height:260px; overflow:auto; }
.ui-process-choices [hidden],.ui-coverage-list [hidden] { display:none; }
.ui-process-choices fieldset { border:0; border-top:1px solid #304453; margin:14px 0; padding:8px 0; }
.ui-process-choices legend { color:#9cb7cd; padding-right:8px; font-size:12px; }
.ui-coverage-list { max-height:54vh; overflow:auto; }
.ui-coverage-list article { padding:12px; border-bottom:1px solid #304553; }
.ui-coverage-list article>button { white-space:normal; text-align:left; }
.ui-reference-chip { background:#203c43; color:#a9dbcd; border:1px solid #496a68; border-radius:5px; padding:6px 9px; margin:6px 6px 0 0; cursor:pointer; }
@media(max-width:760px) {
  .ui-journey-workspace { grid-template-columns:130px minmax(0,1fr); gap:8px; }
  .ui-journey-intro { display:block; }
}