/* Les grandes tuiles de statistiques gardent une couleur propre à chaque indicateur. */
@media screen{
  #content .global-dashboard-cards .dashboard-stat[data-metric-tone] {
    box-shadow:0 4px 14px rgba(18,38,65,.12);
  }
  #content .global-dashboard-cards .dashboard-stat[data-metric-tone] > :is(.label,.hint,.metric-action){
    color:rgba(255,255,255,.94);
  }
  #content .global-dashboard-cards button.dashboard-stat[data-metric-tone]:hover{
    filter:brightness(.86);border-color:rgba(255,255,255,.65);
  }

  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card,
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section,
  #content .monitor-v3-stats>article,
  #content .contract-usage>span,
  .agent-metrics>div{
    background:var(--stat-bg);border-color:rgba(0,0,0,.13);color:#fff;
    box-shadow:0 4px 12px rgba(18,38,65,.12);
  }
  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card> :is(.label,.value,.hint),
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section > :is(span,strong,small),
  #content .monitor-v3-stats>article > :is(span,strong,small),
  #content .contract-usage>span>strong,
  .agent-metrics>div > :is(span,strong,small){color:#fff}
  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card> :is(.label,.hint),
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section>span,
  #content .monitor-v3-stats>article>span,
  .agent-metrics>div>span{color:rgba(255,255,255,.98)}
  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card:nth-child(1),
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section:nth-child(1),
  #content .monitor-v3-stats>article:nth-child(1),
  #content .contract-usage>span:nth-child(1),
  .agent-metrics>div:nth-child(1){--stat-bg:#184e77}
  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card:nth-child(2),
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section:nth-child(2),
  #content .monitor-v3-stats>article:nth-child(2),
  #content .contract-usage>span:nth-child(2),
  .agent-metrics>div:nth-child(2){--stat-bg:#147d73}
  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card:nth-child(3),
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section:nth-child(3),
  #content .monitor-v3-stats>article:nth-child(3),
  #content .contract-usage>span:nth-child(3),
  .agent-metrics>div:nth-child(3){--stat-bg:#695092}
  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card:nth-child(4),
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section:nth-child(4),
  #content .monitor-v3-stats>article:nth-child(4),
  #content .contract-usage>span:nth-child(4),
  .agent-metrics>div:nth-child(4){--stat-bg:#806233}
  #content :is(.client-dashboard-cards,.portal-dashboard-cards)>.card.danger-card,
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary>section.stat-alert,
  #content .monitor-v3-stats>article.stat-alert{--stat-bg:#a32731}
  #content .monitor-v3-stats>article.stat-warning{--stat-bg:#986022}
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary .reading-state{
    display:inline-flex;width:fit-content;padding:3px 7px;border-radius:6px;
    background:#fff;
  }
  #detailDialog:is(.client-workspace,.asset-workspace) .aw-summary .reading-state.neutral{color:#344256}
  /* Les pastilles claires de la fiche matériel gardent leur propre contraste.
     La couleur blanche des grandes tuiles ne doit pas s'y propager. */
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-clear,
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-clear{color:#126239}
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-attention,
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-attention{color:#804400}
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-reboot,
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-reboot{color:#a12626}
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-unknown,
  #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-unknown{color:#475569}
  #detailDialog.asset-workspace .aw-summary .reading-state.good{color:#126239}
  #detailDialog.asset-workspace .aw-summary .reading-state.warn{color:#804400}
  #detailDialog.asset-workspace .aw-summary .reading-state.bad{color:#a12626}
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-clear,
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-clear{color:#b4f4ce}
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-attention,
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-attention{color:#ffe5a8}
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-reboot,
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-reboot{color:#ffc3c3}
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-unknown,
  .dark-mode #detailDialog.asset-workspace .aw-summary>section>.aw-patch-indicator.aw-patch-unknown{color:#e0e7ef}
  .agent-metrics progress{accent-color:#c1e9ff}
}

/* Suivi du parc: same palette as dashboard indicators. */
@media screen{
 #content .ops-metrics>div:nth-child(1){--stat-bg:#184e77}
 #content .ops-metrics>div:nth-child(2){--stat-bg:#147d73}
 #content .ops-metrics>div:nth-child(3){--stat-bg:#695092}
 #content .ops-metrics>div.stat-alert{--stat-bg:#a32731}
 #content .ops-metrics>div{background:var(--stat-bg)!important;border-color:rgba(0,0,0,.13)!important;color:#fff;box-shadow:0 4px 12px rgba(18,38,65,.12)}
 #content .ops-metrics>div>strong,#content .ops-metrics>div>span:not(.parcit-tile-icon){color:#fff!important}
 #content .ops-metrics>div>.parcit-tile-icon{background:#f0f7fc;color:#17365d;border-color:#c3d7ea}
}