:root{color-scheme:light;--bg:#f2f3f5;--surface:#fff;--text:#212326;--muted:#62666b;--line:#dfe1e5;--accent:#4e7064}/* Included by /theme.css only for workspaces using the Viewer template.
   The tenant's identity and accent remain independent of the legacy product. */
@font-face {
  font-family: "Open Sans";
  src: url("/pilot-static/fonts/open-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: Raleway;
  src: url("/pilot-static/fonts/raleway-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, .brand {
  font-family: Raleway, sans-serif;
}
h1 {
  font-size: 40px;
  font-weight: 500;
}
h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -.6px;
}
h3 {
  font-size: 16px;
  font-weight: 550;
}
p { line-height: 1.7; }
.eyebrow {
  color: var(--muted);
  letter-spacing: 1.7px;
  font-weight: 600;
}
header {
  background: #282a2d;
  color: #fff;
  border-color: #55585c;
}
header .brand, header nav > a { color: #fff; }
.brand { font-size: 27px; font-weight: 600; }
.brand img { width: 40px; height: 40px; flex-shrink: 0; }
.brand small {
  font: 600 8px/1.3 Raleway, sans-serif;
  letter-spacing: 1px;
  color: #b9bcc2;
  margin-top: 4px;
}
header nav { font-size: 13px; }
header nav > a:hover { color: #dfe1e5; }
header button, header select {
  background: #282a2d;
  color: #fff;
  border-color: #55585c;
}
header button:hover { background: #3e3e3e; border-color: #b9bcc2; }
header :focus-visible { outline-color: #fff; }
header select:focus { border-color: #b9bcc2; box-shadow: 0 0 0 2px #ffffff30; }
button, .button {
  border-radius: 7px;
  font-size: 12px;
  font-weight: 550;
  padding: 10px 16px;
}
button:hover, .button:hover { background: #e9ebee; border-color: #d9dce0; }
.primary {
  background: #282a2d;
  border-color: #282a2d;
  color: #fff;
}
.primary:hover { background: #3e3e3e; border-color: #3e3e3e; }
.small { font-size: 12px; padding: 6px 10px; }
.card { border-radius: 10px; padding: 28px; }
.cards .card { padding: 20px; }
.card footer { border-color: #e4e6e9; font-size: 12px; }
label { font-size: 12px; font-weight: 550; }
input, textarea, select { background: #fff; border-color: #d9dce0; }
.badge { font-size: 10px; border-radius: 4px; font-weight: 550; }
.upload { border-color: #c6c9ce; border-radius: 10px; }
.empty { background: #f7f8f9; border-color: #d9dce0; }
.metrics strong { font-weight: 500; }
dialog { border-radius: 10px; }
.photo { border-radius: 8px; }
.photo footer, .photo-labels { font-size: 11px; }
.photo-marks { gap: 6px; }
.heart.is-favorite { color: #212326; }
@media (max-width: 800px) {
  h1 { font-size: 32px; }
  .brand { font-size: 24px; }
  .card { padding: 20px; }
}
@media (max-width: 600px) {
  header { gap: 12px; }
  header nav { gap: 10px; }
  header .language-picker span { display: none; }
  .brand img { width: 36px; height: 36px; }
  .brand small { font-size: 8px; }
}