/* shell.css — styles for the shared switcher chrome.
   Designed to be visually neutral so it sits comfortably above either app's
   own header (the dashboard's green hdr, or the hiring page's stone sidebar).

   Host pages with their own sticky elements (e.g. the dashboard's .hdr, the
   hiring page's aside.sidebar) should offset by var(--app-shell-h) so they
   sit below the shell bar instead of overlapping it. */

:root {
  --app-shell-h: 44px;
}

#app-shell-mount {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.appshell-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--app-shell-h);
  padding: 8px 20px;
  background: #0d1a0e;
  color: #fff;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 13px;
  line-height: 1.4;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}

.appshell-left { display: flex; align-items: center; gap: 10px; }
.appshell-right { display: flex; align-items: center; gap: 14px; }

.appshell-brand { font-weight: 600; letter-spacing: 0.01em; }
.appshell-sep { opacity: 0.4; }

.appshell-tabs { display: flex; gap: 4px; }
.appshell-tab {
  padding: 4px 12px;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: background 0.12s, color 0.12s;
}
.appshell-tab:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
.appshell-tab.active { background: rgba(255, 255, 255, 0.14); color: #fff; }

.appshell-user { opacity: 0.7; font-size: 12px; }
.appshell-signout {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.appshell-signout:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }

/* Status screens (loading / forbidden / error) — full-viewport centred card. */
.appshell-status {
  position: fixed;
  inset: 0;
  background: #fafaf9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  z-index: 200;
}
.appshell-status-inner {
  max-width: 480px;
  text-align: center;
  padding: 32px;
}
.appshell-status-inner h2 {
  font-size: 22px;
  margin: 0 0 12px;
  font-family: 'DM Serif Display', Georgia, serif;
  color: #0d1a0e;
}
.appshell-status-inner p {
  margin: 0 0 12px;
  color: #4a7a5a;
  font-size: 14px;
  line-height: 1.5;
}
.appshell-link {
  color: #0a5c35;
  text-decoration: underline;
}