/* Shared look for every platform page. Modules may add their own styles on top. */
:root {
  --bg: #0f1720;
  --panel: #17212c;
  --panel-2: #1e2a37;
  --border: #2a3a49;
  --text: #e6edf3;
  --text-dim: #93a4b5;
  --accent: #3aa0ff;
  --good: #35c98f;
  --warn: #f2b134;
  --danger: #ef5b5b;
  --radius: 10px;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}
a { color: var(--accent); }

.pl-bar { display: flex; align-items: center; gap: 12px; font-size: 13px; white-space: nowrap; }
.pl-bar .pl-home { color: var(--text-dim); text-decoration: none; }
.pl-bar .pl-home:hover { color: var(--text); }
.pl-bar .pl-user { color: var(--text-dim); }
.pl-bar .pl-signout, .pl-btn-ghost {
  background: transparent; border: 1px solid var(--border); color: var(--text-dim);
  border-radius: 6px; padding: 5px 10px; cursor: pointer; font-size: 12px;
}
.pl-bar .pl-signout:hover, .pl-btn-ghost:hover { color: var(--text); border-color: var(--text-dim); }

.pl-toast {
  position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
  background: var(--panel-2); border: 1px solid var(--danger); color: var(--text);
  padding: 10px 16px; border-radius: 8px; font-size: 14px; z-index: 1000; max-width: calc(100% - 32px);
}