html, body  {
  min-height:100%;
  height:auto;
  overflow:visible
}
body::before  {
  z-index:-1
}
.layout  {
  grid-template-columns:260px minmax(0,1fr)
}
#sidebar  {
  display:flex;
  position:sticky;
  top:0;
  height:100dvh;
  min-width:0
}
#sidebar .sb-logo  {
  padding:4px 10px 24px;
  margin:0;
  gap:12px
}
#sidebar .sb-nav  {
  justify-content:flex-start
}
#sidebar .sb-footer  {
  margin-top:auto
}
#sidebar .agent-select  {
  max-width:100%;
  width:100%;
  margin-bottom:8px;
  background:var(--surface-1)
}
.sb-logo>div:last-child  {
  min-width:0
}
.sb-brand-status  {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
  font-weight:400;
  letter-spacing:normal
}
.brand-ribbon  {
  display:block;
  width:60%;
  height:60%;
  background:var(--accent);
  mask:var(--sb-mark) center/contain no-repeat;
  -webkit-mask:var(--sb-mark) center/contain no-repeat
}
.sb-tab svg  {
  flex:none
}
#topbar.service-topbar  {
  display:none
}
.content  {
  max-width:1180px
}
.content.journal-content  {
  padding:36px 32px 48px;
  max-width:1180px
}
.journal button  {
  box-shadow:none
}
.journal-search input  {
  padding:0;
  min-height:20px;
  border-radius:0
}
.journal-search  {
  color:var(--text-tertiary)
}
.journal-field  {
  padding:0;
  border-radius:0
}
.journal-pill  {
  min-height:32px;
  padding:0 14px
}
.journal-publish  {
  min-height:36px;
  padding:0 18px
}
.journal-tab  {
  min-height:44px;
  border-radius:0
}
.journal-tab:hover  {
  background:none
}
.journal-cal-day  {
  min-height:32px;
  padding:0
}
.journal-cal-nav  {
  min-height:28px;
  padding:0
}
.journal-entry  {
  min-height:44px;
  border-radius:0
}
.journal-entry:hover  {
  background:var(--card-bg-hover)
}
.journal-empty  {
  font-size:14px
}
.journal-side .error  {
  margin:0
}
.journal-more  {
  margin:20px auto;
  display:block;
  background:transparent;
  border-color:var(--border)
}
.journal-composer fieldset:disabled  {
  opacity:.6
}
.journal-status  {
  margin-top:12px
}
.settings-actions  {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px
}
.mobile-journal-nav  {
  display:none
}
html[data-theme='dark']  {
  color-scheme:dark
}
html[data-theme='light']  {
  color-scheme:light
}
.primary, .primary:hover  {
  background:var(--accent);
  border-color:var(--accent);
  color:var(--on-accent)
}
@media(max-width:760px)  {
  .layout  {
    display:block
  }
  #sidebar  {
    display:none
  }
  #topbar.service-topbar  {
    display:flex;
    padding:12px 16px;
    position:sticky;
    top:0;
    background:var(--bg);
    gap:10px
  }
  #topbar .mark  {
    padding:0;
    gap:10px;
    flex:1
  }
  #topbar .brain-avatar  {
    width:32px;
    height:32px;
    border-radius:10px
  }
  #topbar .sb-brand-name  {
    font-size:15px
  }
  #topbar .sb-brand-status  {
    font-size:10px;
    max-width:100px;
    -webkit-line-clamp:1
  }
  #topbar .agent-select  {
    width:114px;
    max-width:30%;
    font-size:12px;
    padding:6px;
    min-height:36px
  }
  #topbar>button  {
    padding:6px;
    min-height:36px;
    font-size:12px
  }
  .content,.content.journal-content  {
    padding:20px 16px 100px
  }
  .mobile-journal-nav  {
    display:flex;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
    justify-content:space-around;
    padding:6px 12px max(env(safe-area-inset-bottom),10px);
    background:var(--bg);
    border-top:1px solid var(--border)
  }
  .mobile-journal-nav button  {
    flex:1;
    background:transparent;
    border-color:transparent;
    border-radius:12px;
    color:var(--text-secondary)
  }
  .mobile-journal-nav button.active  {
    color:var(--accent);
    background:var(--accent-soft)
  }
  .journal-composer-row  {
    gap:12px
  }
  .journal-publish  {
    justify-content:center
  }
  .settings-actions  {
    grid-template-columns:1fr
  }
}
@media(prefers-reduced-motion:reduce)  {
  * {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }
}
dialog  {
  margin:auto
}
.theme-options {
  display:flex;
  gap:8px;
  margin-bottom:24px;
}
.theme-options button {
  flex:1;
}
.theme-options button.active {
  color:var(--accent-ink);
  background:var(--accent-soft);
  border-color:var(--accent);
}
html[data-theme='light'] .state-candidate {
  color:#92400e;
  background:#fffbeb;
  border-color:#f0d49c;
}
html[data-theme='dark'] .state-candidate {
  color:#fcd68c;
  background:#30271a;
  border-color:#65502e;
}

.journal-entry-detail {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.journal-entry-detail:hover {
  background: transparent;
}
.journal-cat-editor select {
  appearance: none;
  min-height: 0;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-overflow: ellipsis;
}
.journal-cat-editor:focus-within {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.journal-cat-editor select:focus-visible {
  outline: none;
}
.journal-cat-editor:has(select:disabled) {
  opacity: .6;
}
@media (max-width: 760px) {
  .journal-cat-editor select {
    min-height: 44px;
    height: 44px;
    margin-block: -12px;
  }
}