/*
  App-wide layer-3 styles + upgrade-contract placeholders for shared
  components (their adopted sheets arrive only after JS runs). See
  CONTRIBUTING Appendix G.
*/

app-modal:not(:defined) {
  display: none;
}

app-button:not(:defined) {
  visibility: hidden;
}

data-view:not(:defined) {
  display: block;
  min-height: 12rem;
}

mail-message-row:not(:defined) {
  display: block;
  min-height: 3.5rem;
}

app-action-menu:not(:defined) {
  display: inline-block;
  width: 28px;
  height: 28px;
}

app-skeleton:not(:defined) {
  display: block;
  min-height: 6rem;
}

app-skeleton[hidden],
app-empty-state[hidden],
table[hidden] {
  display: none;
}

/* Narrow utility pages (login) — 400px centered per DESIGN_GUIDE. */
.login-wrap {
  width: 100%;
  max-width: 400px;
  margin: auto;
  padding: var(--space-lg);
}