.activity-path { min-width:0; }
.activity-path h1 { font-size:1.7rem; }
.activity-path-filters { gap:.8rem; }
.activity-path-filters label { min-width:0; }
.activity-path-filters input { padding:.6rem; border:1px solid var(--activity-border); border-radius:.45rem; background:var(--activity-surface); color:var(--activity-text); font:inherit; font-size:.9rem; min-width:0; }
.activity-path-single-project { display:flex; flex-direction:column; gap:.4rem; font-size:.9rem; padding-bottom:.2rem; }
.activity-path-options { display:flex; align-items:center; flex-wrap:wrap; gap:1.2rem; margin-bottom:1rem; font-size:.85rem; color:var(--activity-muted); }
.activity-path-options label { display:flex; gap:.45rem; align-items:center; }
.activity-path-presets { display:flex; gap:.4rem; }
.activity-path-summary { margin:1rem 0; font-size:.9rem; }
.activity-path-content { display:flex; gap:1rem; align-items:stretch; min-width:0; }
.activity-path-diagram { flex:1; min-width:0; position:relative; }
.activity-path-diagram iframe { width:100%; height:560px; display:block; border:1px solid var(--activity-border); border-radius:.6rem; background:var(--activity-surface); }
.activity-path-zoom { display:flex; gap:.4rem; margin-bottom:.5rem; }
.activity-path-details { width:300px; max-width:100%; flex-shrink:0; padding:1rem; background:var(--activity-surface); border:1px solid var(--activity-border); border-radius:.6rem; overflow-wrap:anywhere; }
.activity-path-details h2 { font-size:1rem; margin:0 0 1rem; }
.activity-path-details article+article { margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--activity-border); }
.activity-path-details strong { font-size:.88rem; }
.activity-path-details p { font-size:.9rem; margin:.5rem 0; }
.activity-path-details dl { font-size:.8rem; }
.activity-path-details dt { color:var(--activity-muted); margin-top:.55rem; }
.activity-path-details dd { margin:.1rem 0 0; }
.activity-path-notice { padding:.65rem .8rem; background:var(--activity-tint); border-left:3px solid var(--activity-accent); font-size:.85rem; }
.activity-path-error { color:var(--fta-theme-danger, #b52f2f); }
.activity-path-note { font-size:.8rem; color:var(--activity-muted); margin:.8rem 0; }
.activity-path-more { margin:.8rem 0; }
.activity-path-raw { margin-top:1rem; }
.activity-path-raw summary { cursor:pointer; padding:.65rem 0; font-weight:600; }
.activity-path-raw table { margin-top:.5rem; }
@media(max-width:1000px) { .activity-path-content { flex-direction:column; } .activity-path-details { width:auto; } }
@media(max-width:560px) { .activity-path-filters { display:grid; grid-template-columns:minmax(0,1fr); } .activity-path-filters .activity-picker { max-width:none; } .activity-path-filters input,.activity-path-filters select { width:100%; box-sizing:border-box; } .activity-path-options { gap:.7rem; } .activity-path-diagram iframe { height:460px; } }

.activity-path .activity-button.primary { color:#fff; }

:is(.dxbl-theme-dark, .dxbl-theme-fluent-mode-dark) .activity-path .activity-link { color:#70dbc6; }
:is(.dxbl-theme-dark, .dxbl-theme-fluent-mode-dark) .activity-path input[type="datetime-local"] { color-scheme:dark; }