/* Carte de dépendances : les parcours complets restent disponibles sous la carte. */
#content .ops-graph-wrap{overflow:auto;max-height:560px;border:1px solid #c8d9e4;border-radius:13px;background:#f6fafc;scrollbar-gutter:stable}
#content .ops-graph{display:block;max-width:none;overflow:visible}
#content .ops-graph-edge{fill:none;stroke:#7993a6;stroke-width:2;opacity:.85}
#content .ops-graph-edge.is-impacted{stroke:#bc5e1c;stroke-width:3}
#content .ops-graph marker path{fill:#7993a6}
#content .ops-graph-node{cursor:pointer;outline:none}
#content .ops-graph-node rect{fill:#fff;stroke:#7c9bb0;stroke-width:1.5;filter:drop-shadow(0 2px 3px rgba(21,47,67,.12))}
#content .ops-graph-node.is-source rect{fill:#174d71;stroke:#123b59;stroke-width:2}
#content .ops-graph-node.is-impacted rect{fill:#fff0dd;stroke:#bc5e1c;stroke-width:2}
#content .ops-graph-node:focus-visible rect{stroke:#0f6b78;stroke-width:4}
#content .ops-graph-node text{font:600 13px/1.2 system-ui,sans-serif;pointer-events:none;fill:#173653}
#content .ops-graph-node .ops-graph-kind{font-size:10px;font-weight:800;letter-spacing:.06em;fill:#527186}
#content .ops-graph-node.is-source text{fill:#fff}
.dark-mode #content .ops-graph-wrap{background:#152537;border-color:#40566a}
.dark-mode #content .ops-graph-node rect{fill:#22384b;stroke:#8cb0c8}
.dark-mode #content .ops-graph-node text{fill:#f1f6f9}
.dark-mode #content .ops-graph-node .ops-graph-kind{fill:#bad4e3}
.dark-mode #content .ops-graph-node.is-source rect{fill:#155f79;stroke:#a4e2f0}
.dark-mode #content .ops-graph-node.is-impacted rect{fill:#704516;stroke:#ffc078}
/* En-tête matériel compact, actions principales visibles avant les commandes détaillées. */
#detailDialog.asset-workspace>.dialog-head{height:auto!important;min-height:64px!important;max-height:none!important;padding:8px 18px!important;gap:12px!important}
#detailDialog.asset-workspace>.dialog-head>.detail-section-label{display:none!important}
#detailDialog.asset-workspace>.dialog-head>.detail-heading{order:0!important;flex:1 1 auto!important;min-width:0!important}
#detailDialog.asset-workspace>.dialog-head .detail-heading h2{font-size:1.12rem!important;line-height:1.2!important;margin:0!important}
#detailDialog.asset-workspace>.dialog-head .detail-heading small{font-size:.65rem!important}
#detailDialog.asset-workspace>.dialog-head .detail-entity-icon{width:34px!important;height:34px!important;font-size:20px!important}
#detailDialog.asset-workspace>.dialog-head>.asset-quick-actions{order:1;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 1 auto;min-width:0}
#detailDialog.asset-workspace>.dialog-head>.asset-quick-actions[hidden]{display:none!important}
#detailDialog.asset-workspace>.dialog-head>.asset-quick-actions .btn{min-height:35px;padding:6px 11px;white-space:nowrap;font-size:.8rem}
#detailDialog.asset-workspace>.dialog-head>.asset-quick-actions .btn.secondary{color:#173653;background:#fff;border-color:#c8d9e4}
#detailDialog.asset-workspace>.dialog-head>.trail-head-buttons{order:2!important;flex:0 0 auto!important}
#detailDialog.asset-workspace>.detail-actions>#detailEdit,
#detailDialog.asset-workspace>.detail-actions>#detailRustDesk,
#detailDialog.asset-workspace>.detail-actions>#detailRequests{display:none!important}
@media(max-width:900px){#detailDialog.asset-workspace>.dialog-head{flex-wrap:wrap!important}#detailDialog.asset-workspace>.dialog-head>.asset-quick-actions{order:3;flex:1 0 100%;justify-content:flex-start;overflow-x:auto}#detailDialog.asset-workspace>.dialog-head>.trail-head-buttons{margin-left:auto}#detailDialog.asset-workspace>.dialog-head>.asset-quick-actions .btn{flex:none}}
/* Les notifications doivent rester lisibles au-dessus du pied de page fixe. */
.toast{bottom:64px;z-index:20;max-width:min(450px,calc(100vw - 32px))}
@media(max-width:760px){.toast{bottom:calc(126px + env(safe-area-inset-bottom));left:14px;right:14px}}

/* Aide : le champ reste contenu dans sa bordure, même avec les contrôles 40 px. */
#contextHelpDialog .context-help-search{
 display:flex;align-items:center;gap:9px;
 width:100%;min-width:0;height:44px;min-height:44px;
 padding:0 10px;box-sizing:border-box;overflow:hidden;
}
#contextHelpDialog .context-help-search>span{flex:0 0 auto;line-height:1}
#contextHelpDialog #contextHelpSearch{
 flex:1 1 0;width:0;min-width:0;max-width:100%;
 height:40px!important;min-height:40px!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 appearance:none;-webkit-appearance:none;outline:0!important;
 box-shadow:none!important;background:transparent!important;color:inherit!important;
 line-height:normal;box-sizing:border-box;
}
#contextHelpDialog #contextHelpSearch::placeholder{color:#526575;opacity:1}
#contextHelpDialog .context-help-search:focus-within{outline:2px solid #2879b7;outline-offset:2px}
.dark-mode #contextHelpDialog .context-help-tools{background:#172231;border-color:#2c3b4d}
.dark-mode #contextHelpDialog .context-help-search{background:#1d3045;color:#e4edf7;border-color:#657d96}
.dark-mode #contextHelpDialog #contextHelpSearch::placeholder{color:#bdccdc}
.dark-mode #contextHelpDialog .context-help-contents summary{color:#b9d8f5}
/* La barre d'en-tête reste blanche dans les deux thèmes. */
.dark-mode .topbar #pageTitle{color:#000}
.dark-mode .topbar #pageSubtitle,
.dark-mode .topbar .sync-group>span:first-child{color:#475569}