/* Generic app scaffolding shared by GTK-style apps */
.app-root { display: flex; flex-direction: column; height: 100%; min-height: 0; background: var(--window-bg); }

.menubar {
  display: flex; align-items: center;
  height: 28px;
  padding: 0 4px;
  border-bottom: 1px solid var(--separator);
  flex: none;
}
.menubar > button {
  padding: 3px 10px;
  border-radius: var(--r-item);
  font-size: var(--fs-ui);
}
.menubar > button:hover, .menubar > button.open { background: var(--hover-fill); }

.toolbar {
  display: flex; align-items: center; gap: 4px;
  padding: 5px 8px;
  border-bottom: 1px solid var(--separator);
  flex: none;
  background: var(--window-bg);
}

.statusbar {
  display: flex; align-items: center; gap: 16px;
  height: 26px;
  padding: 0 12px;
  border-top: 1px solid var(--separator);
  font-size: var(--fs-xsmall);
  color: var(--text-secondary);
  flex: none;
  white-space: nowrap;
  overflow: hidden;
}

/* empty-state placeholder used across apps */
.empty-state {
  flex: 1;
  display: grid; place-items: center;
  color: var(--text-insensitive);
  text-align: center;
  gap: 10px;
  align-content: center;
}
.empty-state svg { opacity: .5; }