/* Outborn shared shell alignment: DM Sans, ObsiWiki-aligned neutral canvas, transparent desktop rail, rounded body canvas. */
:root{
  font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --canvas:#eef0f4;
}
html,body,button,input,select,textarea,table,th,td,code,pre,.mono{
  font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body{font-weight:400;background:var(--canvas)}

/* Match the ObsiWiki desktop shell geometry. */
.app-shell{
  grid-template-columns:236px minmax(0,1fr);
}

/* The Outborn desktop rail is part of the page canvas, never a separate card. */
.sidebar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.sidebar-brand,.sidebar-nav,.sidebar-bottom{background:transparent!important}
.nav-item{
  position:relative;
  border-color:transparent!important;
  box-shadow:none!important;
}
.nav-item:hover{
  background:rgba(229,232,238,.72)!important;
  color:var(--text);
}
.nav-item.active{
  background:#e5e8ee!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--text);
  font-weight:650;
}
.nav-item.active::before{content:none!important}
:root[data-theme="dark"] .nav-item:hover,
:root[data-theme="dark"] .nav-item.active{
  background:var(--surface-hover)!important;
}
.account-trigger,
.account-trigger:hover{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.account-trigger:hover{color:var(--text)}

/* Main product surface: one rounded body card floating on the shared canvas. */
.workspace{padding:10px 12px 10px 0}
.workspace-card{
  min-height:calc(100vh - 20px);
  width:100%;
  max-width:none;
  background:var(--surface)!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  border-radius:20px!important;
  box-shadow:0 1px 2px rgba(20,20,20,.035),0 8px 28px rgba(20,20,20,.035);
}
:root[data-theme="dark"] .workspace-card{
  border-color:var(--line)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.16),0 10px 30px rgba(0,0,0,.14);
}
.page-header{
  width:100%;
  max-width:none;
  background:transparent;
}
.page-content{
  width:100%!important;
  min-width:0;
  max-width:none!important;
  margin:0!important;
  background:transparent;
}
.page-content > :where(.metrics,.panel,.split-grid,.table-wrap,.pagination,.toolbar,.notice,.empty){
  width:100%;
  min-width:0;
  max-width:none;
}

/* Keep typography weight consistent with other Outborn products. */
h1{font-weight:650}
h2,h3,.eyebrow,.brand-copy strong{font-weight:600}
.button,.nav-item,.field label,.account-copy strong{font-weight:550}

/* Mobile navigation is an overlay and therefore needs an opaque surface for legibility. */
@media (max-width:860px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{background:var(--surface)!important}
  .workspace{padding:8px}
  .workspace-card{min-height:calc(100vh - 16px);border-radius:16px!important}
}