/* Reference: www.pyxea.de with its Light switch selected. */
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0
}
.table-scroll {
  position:relative
}
:root {
  color-scheme:light;
  --ink:#222;
  --muted:#71716b;
  --accent:#333;
  --accent-dark:#222;
  --lavender:#f0f2d8;
  --line:#e0e1d9;
  --canvas:#efefef;
  --brand-yellow:#ecff20;
  --sidebar:250px;
  font-family:"Open Sans","Segoe UI",Arial,sans-serif
}
.sidebar {
  background:#f8f8f5;
  border-color:#dddeda;
  padding-top:31px
}
.brand img {
  object-fit:contain;
  object-position:left center;
  display:block
}
.brand-sub {
  color:#73736b;
  letter-spacing:3.5px;
  margin-top:13px
}
.workspace {
  border-color:#deded8;
  border-radius:14px;
  margin-top:33px;
  background:#f2f2ed
}
.workspace-icon {
  background:var(--brand-yellow);
  color:#222;
  border-radius:9px
}
.workspace small,.account small {
  color:#75756c
}
.nav-label {
  color:#8a8a80
}
nav a {
  color:#62625b;
  border-radius:999px
}
nav a.active {
  background:var(--brand-yellow);
  color:#222
}
nav a:hover {
  background:#e8e9dc
}
.nav-count {
  background:#222;
  color:var(--brand-yellow);
  border-radius:20px
}
.prototype-note {
  border-color:#ddded4;
  color:#55584c;
  border-radius:14px;
  background:#f0f1e8
}
.prototype-note p,.prototype-note label {
  color:#6b6e62
}
.prototype-note select {
  background:#fafaf6;
  color:#55584a;
  border-color:#dadccf
}
.avatar {
  background:#e9ebd6;
  color:#53583d
}
.account {
  border-color:#deded5
}
.topbar {
  background:#f7f7f3;
  border-color:#dfdfd8
}
.breadcrumb {
  color:#85857b
}
.breadcrumb strong {
  color:#54544d
}
.environment {
  color:#76786a
}
.environment .tiny-dot {
  color:#939c43
}
.eyebrow {
  color:#717660;
  font-weight:550
}
.eyebrow:before {
  content:"/ ";
  color:#939b69
}
.eyebrow:after {
  content:" /";
  color:#939b69
}
h1 {
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;
  font-size:37px;
  font-weight:750;
  letter-spacing:-1.25px
}
.subtitle {
  color:#75756e
}
.button {
  border-radius:999px;
  padding:12px 18px
}
.primary {
  background:var(--brand-yellow);
  color:#222;
  box-shadow:none;
  font-weight:650
}
.primary:hover {
  background:#e2f31a;
  color:#222
}
.secondary {
  color:#55564b;
  border-color:#cfd1c3;
  background:transparent
}
.secondary:hover {
  background:#f3f4df
}
.stat {
  border-radius:20px;
  border-color:#e1e1da;
  background:#fafaf7;
  padding:19px 21px
}
.stat-top {
  color:#707166
}
.stat-icon,.stat-icon.purple,.stat-icon.amber {
  background:#eef0dc;
  color:#858b63;
  border-radius:10px
}
.stat-icon.green {
  background:#e9f1e5;
  color:#6a8c64
}
.stat-value {
  font-weight:600
}
.stat-detail {
  color:#929487
}
.small-counter {
  background:#e3e6ce;
  color:#727857
}
.table-panel {
  border-radius:20px;
  border-color:#ddded5;
  background:#fafaf7
}
.toolbar {
  padding:20px 22px;
  border-color:#e1e2d8
}
.search input {
  background:#f3f3ee;
  border-color:#dedfd6;
  font-size:12px;
  border-radius:999px
}
.search svg {
  color:#96998a
}
.switch-label {
  color:#6f7464
}
.switch-label input:checked {
  background:#90994f
}
.compact-select {
  border-color:#d8dbcb;
  background:#fafbf4;
  border-radius:999px;
  color:#6b705f
}
th {
  background:#f1f2e9;
  color:#7c806f
}
td {
  border-color:#e8e9df;
  color:#6e7461
}
.event-link {
  color:#33372b
}
.event-link:hover {
  color:#59661d
}
.event-subtitle {
  color:#919783
}
.date-primary {
  color:#5f6652
}
.date-secondary {
  color:#939a86
}
.badge {
  border-radius:999px;
  padding:6px 10px
}
.badge.draft {
  background:#eeeede;
  color:#7e805c
}
.badge.submitted {
  background:#e8f0e4;
  color:#49764c
}
.badge.changed {
  background:#f8efd7;
  color:#987b36
}
.row-action {
  border-color:#dddfce;
  color:#899277;
  border-radius:50%;
  padding:7px
}
.row-action:hover {
  background:var(--brand-yellow);
  color:#222
}
.table-bottom {
  border-color:#e0e3d4;
  color:#8b927e;
  padding:17px 22px
}
.hint-card {
  border:0;
  background:#e7eacb;
  color:#7d8557;
  border-radius:16px;
  padding:20px 23px
}
.hint-card strong {
  color:#565e39
}
.hint-card p {
  color:#747d56
}
.page-footer {
  color:#999d8e
}
.back-link {
  color:#7a8268
}
.event-meta {
  color:#81896e
}
.detail-tabs {
  border-color:#d9ddcd
}
.detail-tabs button {
  color:#8b947a
}
.detail-tabs button.active {
  color:#333c25;
  border-color:#9aa535
}
.draft-banner {
  background:#e9edcc;
  border-color:#dce2b7;
  border-radius:16px;
  color:#818d4e
}
.draft-banner strong {
  color:#4f5d25
}
.draft-banner p {
  color:#7d885f
}
.form-card {
  border-radius:20px;
  border-color:#dedfd4;
  background:#fafaf7
}
.section-number {
  background:#e8eccd;
  color:#75804e;
  border-radius:50%
}
.section-type {
  color:#8b957b
}
.chevron {
  color:#939d81
}
label {
  color:#414936
}
.field-help {
  color:#8c957c
}
.required {
  color:#818b42
}
.room-title {
  color:#7b8765;
  border-color:#e0e5d6
}
.question-row {
  border-color:#e9ecdf
}
.question-row small {
  color:#909b7e
}
.answer-group button {
  border-color:#d7deca;
  color:#7f8e6a;
  border-radius:999px
}
.answer-group button.selected {
  background:var(--brand-yellow);
  border-color:#c5d31a;
  color:#333d1c
}
input,select,textarea {
  background:#fdfef8;
  border-color:#d9dece;
  color:#3c4630;
  border-radius:10px
}
input:focus,select:focus,textarea:focus {
  outline:2px solid #c1cb6e;
  border-color:#899742
}
button:focus-visible,a:focus-visible,summary:focus-visible {
  outline-color:#b5bf5c
}
.aside-card {
  border-radius:20px;
  background:#f8f9ef;
  border-color:#dde2cc
}
.aside-progress {
  background:#e3e9cb
}
.aside-progress span {
  background:#a6b34b
}
.checklist li {
  color:#84936c
}
.checklist svg {
  color:#7f995b
}
.aside-foot {
  color:#8a9874;
  border-color:#e1e8d2
}
.save-panel {
  border-color:#d9dfca;
  border-radius:20px;
  box-shadow:0 5px 30px #313b1510;
  background:#fffff5ed
}
.save-status {
  color:#7d8a65
}
.history-item {
  border-color:#e2e7d7
}
.history-item p {
  color:#768561
}
.history-item small {
  color:#8c9b78
}
.empty-state {
  color:#8b9878
}
.house-card {
  border-radius:20px;
  border-color:#dbe2ca;
  background:#fafbf5
}
.house-monogram {
  background:var(--brand-yellow);
  color:#333c20;
  border-radius:14px
}
.house-card p,.house-card ul {
  color:#82916c;
  border-color:#e0e6d4
}
.catalog-menu {
  border-radius:20px;
  border-color:#dde3d0;
  background:#f9fbf1
}
.catalog-menu button {
  background:transparent;
  color:#7b8b62;
  border-radius:999px
}
.catalog-menu button.active {
  background:var(--brand-yellow);
  color:#333e1f
}
.catalog-item {
  border-color:#e2e8d6
}
.catalog-item p {
  color:#8d9d77
}
.catalog-controls {
  color:#7a8b60
}
.notice {
  color:#86996d
}
.notice strong {
  color:#617840
}
.toast {
  background:#303629;
  color:#f8faed;
  border-radius:999px
}
.field-error {
  color:#a14647
}
dialog {
  background:#fafbf5;
  border-color:#dbe2ca;
  border-radius:20px
}
.muted {
  color:#81916b
}
.icon-button {
  color:#819568
}
.revision-label {
  color:#6c803d
}
.stat:first-child {
  background:#222;
  color:#f5f6ef;
  border-color:#222
}
.stat:first-child .stat-top {
  color:#c4c7b7
}
.stat:first-child .stat-icon {
  background:#3b3e2e;
  color:var(--brand-yellow)
}
.stat:first-child .stat-detail {
  color:#aeb39d
}
@media(max-width:700px) {
  :root {
    --sidebar:0px
  }
  .brand img {
    height:36px;
    width:84px
  }
  .brand-sub {
    margin-top:0
  }
  h1 {
    font-size:32px
  }
  .stat {
    padding:16px
  }
  .toolbar {
    padding:15px
  }
}