/* Adaptation de l'interface Windows au cockpit web centralisé. */
body.web-hosted [data-local-tab="pc"],
body.web-hosted [data-local-tab="live-center"],
body.web-hosted [data-local-tab="connections"],
body.web-hosted [data-tab-view="pc"],
body.web-hosted [data-tab-view="live-center"],
body.web-hosted [data-tab-view="connections"],
body.web-hosted [data-preference-panel="display"],
body.web-hosted [data-preference-panel="monitoring"],
body.web-hosted [data-preference-panel="music"],
body.web-hosted [data-preference-panel="home"],
body.web-hosted [data-preference-panel="updates"],
body.web-hosted [data-preference-content="display"],
body.web-hosted [data-preference-content="monitoring"],
body.web-hosted [data-preference-content="music"],
body.web-hosted [data-preference-content="home"],
body.web-hosted [data-preference-content="updates"] {
  display: none !important;
}

body.web-hosted .workspace-panel {
  min-height: calc(100vh - 9rem);
}

body.web-hosted .web-account-overview {
  margin: 1rem 0 1.25rem;
}

body.web-hosted .web-account-overview .local-card {
  border-color: color-mix(in srgb, var(--accent, #d7ad52) 34%, transparent);
}

body.web-hosted .web-account-overview .local-card .utility-main strong {
  font-size: clamp(1.8rem, 3vw, 3rem);
  letter-spacing: -.04em;
}

body.web-hosted .nav-local-state strong,
body.web-hosted .connection span {
  color: #9ce6b8;
}

body.web-hosted #access-dialog::backdrop {
  background: rgba(2, 4, 9, .9);
  backdrop-filter: blur(12px);
}

body.web-hosted .access-shell {
  border-color: color-mix(in srgb, var(--accent, #d7ad52) 48%, transparent);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .7), 0 0 42px rgba(215, 173, 82, .09);
}

@media (max-width: 820px) {
  body.web-hosted .local-tabs {
    overflow-x: auto;
  }

  body.web-hosted .web-account-overview {
    grid-template-columns: 1fr;
  }

  body.web-hosted .access-identity small {
    display: none;
  }
}

@media (max-width: 620px) {
  body.web-hosted[data-access-role="manager"],
  body.web-hosted[data-access-role="agent"] {
    padding-bottom: 0;
  }

  body.web-hosted[data-access-role="manager"] .local-tabs,
  body.web-hosted[data-access-role="agent"] .local-tabs {
    display: none !important;
  }
}