/* Consumer layout for the composed examples (B, C, D). It belongs to the consuming project: it only
   arranges public SW components and reads the public --hm-sw-header-* tokens provided by <SWTheme>.
   It never styles hm-sw-* classes and adds no new design values. */
.app-sw-bar {
  display: flex;
  align-items: stretch;
  gap: 2px;
  box-sizing: border-box;
  height: var(--hm-sw-header-height);
  padding-bottom: 1px; /* 48px surfaces in the 49px header, like SWHeader */
  background: var(--hm-sw-header-background);
}
/* Object (editing) surface, the same tokens as the SWHeader object area. */
.app-sw-surface {
  display: flex;
  align-items: center;
  gap: var(--hm-sw-header-gap);
  flex: 1 1 0;
  min-width: 0;
  padding: 4px;
  border: 1px solid var(--hm-sw-header-object-border-color);
  border-radius: var(--hm-sw-header-object-radius);
  background: var(--hm-sw-header-object-background);
}
/* Window-area surface for print / K / window buttons. */
.app-sw-window {
  display: flex;
  flex: 0 0 auto;
  background: var(--hm-sw-header-document-background);
  box-shadow: inset 0 0 0 1px var(--hm-sw-header-document-border-color); /* 1px edge without moving the parts */
}
/* File well placed first (no home overlap): its own left edge. */
.app-sw-file-edge {
  display: flex;
  border-left: 1px solid var(--hm-sw-header-document-border-color);
}