/* Onglets rectangulaires joints, uniquement dans Clients et Parc informatique. */
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs,
#recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tabs{
  gap:0;padding:10px 10px 0;background:#edf2f7;
  border-bottom:1px solid #cbd6e4;overflow-x:auto;flex-wrap:nowrap;
}
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button,
#recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab{
  position:relative;flex:0 0 auto;min-height:40px!important;
  margin:0;padding:8px 14px;border:1px solid #cbd6e4;
  border-radius:0;background:#e6ecf3;color:#33465e;
  font-size:13px;font-weight:600;box-shadow:none;white-space:nowrap;
}
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button+button,
#recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab+.record-tab{margin-left:-1px}
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button:first-child,
#recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab:first-child{border-radius:7px 0 0 0}
#detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button:last-child,
#recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab:last-child{border-radius:0 7px 0 0}
#detailDialog.client-workspace .aw-tabs>button.active,
#recordDialog[data-record-kind="clients"] .record-tab[aria-selected="true"],
#detailDialog.asset-workspace .aw-tabs>button.active,
#recordDialog[data-record-kind="assets"] .record-tab[aria-selected="true"]{
  z-index:1;padding-top:6px;border-top:3px solid var(--tab-accent);
  border-bottom-color:#fff;background:#fff;color:var(--navy);
  font-weight:700;box-shadow:none;
}
#detailDialog.client-workspace,#recordDialog[data-record-kind="clients"]{--tab-accent:#1b5fa8}
#detailDialog.asset-workspace,#recordDialog[data-record-kind="assets"]{--tab-accent:#0f6b78}
.dark-mode #detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs,
.dark-mode #recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tabs{
  background:#1d2a3a;border-bottom-color:#47576c;
}
.dark-mode #detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button:not(.active),
.dark-mode #recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab:not([aria-selected="true"]){
  background:#26394d;border-color:#47576c;color:#e4edf7;
}
.dark-mode #detailDialog:is(.client-workspace,.asset-workspace) .aw-tabs>button.active,
.dark-mode #recordDialog:is([data-record-kind="clients"],[data-record-kind="assets"]) .record-tab[aria-selected="true"]{
  background:#172231;border-bottom-color:#172231;color:#fff;
}

/* Courbes CPU et mémoire sur toute la largeur, avec légende sous le tracé. */
.performance-line-chart.aw-chart{
  display:grid;grid-template-columns:minmax(0,1fr);align-items:start;
  width:100%;max-width:none;
}
.performance-line-chart.aw-chart>h4,
.performance-line-chart.aw-chart>svg,
.performance-line-chart.aw-chart>.aw-legend,
.performance-line-chart.aw-chart>p,
.performance-line-chart.aw-chart>details{
  grid-column:1;grid-row:auto;min-width:0;
}
.performance-line-chart.aw-chart>svg{display:block;width:100%;height:auto}
.performance-line-chart.aw-chart>.aw-legend{
  display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;
  gap:7px 18px;margin:4px 0 2px;font-size:12px;
}
#detailDialog.asset-workspace .aw-aside .performance-line-chart.aw-chart>h4{display:none}
#monitorCurves>.performance-line-chart.aw-chart{
  grid-column:1/-1!important;width:100%;max-width:none!important;
}