/* OriginOps shared Windows 11 view v1. Screen only: module print templates retain ownership. */
@media screen {
 :root {
  color-scheme:light; font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;
  --oo-background:#f3f6fb;--oo-surface:#ffffff;--oo-sidebar:#edf2f9;--oo-ink:#17283c;
  --oo-muted:#5e7087;--oo-line:#d8e1ed;--oo-blue:#096bd2;--oo-sidebar-width:246px;
  --oo-radius:12px;--oo-shadow:0 8px 28px #162b4510;
  --bg:var(--oo-background);--background:var(--oo-background);--paper:var(--oo-background);
  --ink:var(--oo-ink);--i:var(--oo-ink);--foreground:var(--oo-ink);--text:var(--oo-ink);
  --muted:var(--oo-muted);--m:var(--oo-muted);--muted-foreground:var(--oo-muted);
  --blue:var(--oo-blue);--b:var(--oo-blue);--line:var(--oo-line);--l:var(--oo-line);
  --border:var(--oo-line);--input:var(--oo-line);--panel:var(--oo-surface);--panel2:#f7faff;
  --card:var(--oo-surface);--card-foreground:var(--oo-ink);--popover:var(--oo-surface);
  --popover-foreground:var(--oo-ink);--primary:var(--oo-blue);--primary-foreground:#fff;
  --secondary:#eef4fb;--secondary-foreground:var(--oo-ink);--sidebar:var(--oo-sidebar);
  --sidebar-foreground:var(--oo-ink);--sidebar-border:var(--oo-line);--radius:12px;
 }
 html,body {background:var(--oo-background)!important;color:var(--oo-ink)!important}
 body {font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif!important;font-size:14px;line-height:1.5}
 *,*::before,*::after {box-sizing:border-box}
 button,input,select,textarea {font-family:inherit!important}
 :is(.shell,.app):has(>aside nav) {grid-template-columns:var(--oo-sidebar-width) minmax(0,1fr)!important}
 :is(aside.sideview,aside.sidebar,aside.side,aside:has(>nav),aside:has(> .brand):has(nav)) {
  background:var(--oo-sidebar)!important;color:var(--oo-ink)!important;
  border-right:1px solid var(--oo-line)!important;box-shadow:none!important;
  width:var(--oo-sidebar-width);max-width:100%;padding:24px 16px!important;
 }
 :is(.sideview,.sidebar,.side,aside:has(nav)) :is(.brand b,.brand strong,strong,.nav-heading,.section,.side-label,.label,.version,.foot) {
  color:var(--oo-ink)!important;
 }
 :is(.sideview,.sidebar,.side,aside:has(nav)) :is(nav a,nav button,nav div:not(.nav-heading):not(.section),.nav-item) {
  color:var(--oo-muted)!important;background:transparent;border-radius:8px!important;
  min-height:44px;padding:11px 12px;line-height:1.4;
 }
 :is(.sideview,.sidebar,.side,aside:has(nav)) :is(nav a,nav button,.nav-item):hover {
  background:#ffffffb8!important;color:var(--oo-ink)!important;
 }
 :is(.sideview,.sidebar,.side,aside:has(nav)) :is(.active,.selected,.on,[aria-current=page]) {
  background:white!important;color:var(--oo-blue)!important;
  box-shadow:inset 3px 0 var(--oo-blue),0 2px 8px #17283c08!important;
 }
 .origin-shell>.main {margin-left:var(--oo-sidebar-width)!important}
 body:has(> #app > aside) #app>main,body:has(>aside nav)>main {margin-left:var(--oo-sidebar-width)!important}
 :is(.workspace,.main,main,.content) {min-width:0}
 :is(.workspace>header,.main>.top,.main>.topbar,.topbar,.module-header,.site-header,.header) {
  background:#ffffffdb!important;color:var(--oo-ink)!important;
  border-bottom:1px solid var(--oo-line)!important;backdrop-filter:blur(18px);
  min-height:72px;padding-inline:28px;gap:16px;
 }
 :is(.panel,.card,.stat,.metric,.entry-card,.metric-card,.module-card,.activity-card,.node,.auth-card,.login-panel,.canvas,.inspector,.dialog,dialog) {
  background:var(--oo-surface)!important;color:var(--oo-ink)!important;
  border-color:var(--oo-line)!important;border-radius:var(--oo-radius)!important;
  box-shadow:var(--oo-shadow)!important;
 }
 :is(h1,h2,h3,h4) {color:var(--oo-ink);font-weight:650;letter-spacing:-.025em}
 :is(main,.main,.content) h1 {font-size:30px;line-height:1.2}
 :is(.page-head,.page-title,.heading,.title-row) h1 {text-align:center}
 :is(p,small,.muted,.hint,.helper,.eyebrow,.crumb) {color:var(--oo-muted)}
 :is(button,.btn,.button):not(.quiet):not(.ghost):not(.icon-button):not(.icon-btn):not(.nav-item):not([role=switch]) {
  border-radius:8px!important;min-height:44px;max-width:100%;font-weight:600;
 }
 :is(button.secondary,.secondary,.btn:not(.primary):not(.danger):not(.success),.outline) {
  background:#fff!important;color:var(--oo-ink)!important;border:1px solid var(--oo-line)!important;
 }
 :is(.primary,.btn.primary,button.primary,.signin) {background:var(--oo-blue)!important;color:#fff!important;border-color:var(--oo-blue)!important}
 :is(button.danger,.btn.danger,.secondary.danger) {color:#b42338!important;border-color:#eeb7c0!important}
 :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {
  background:#fff!important;color:var(--oo-ink)!important;border-color:var(--oo-line)!important;
  border-radius:6px!important;max-width:100%;min-width:0;min-height:44px;
 }
 :is(input,select,textarea):focus-visible {outline:2px solid var(--oo-blue)!important;outline-offset:2px;background:#f2f8ff!important}
 :is(a,button,[role=button]):focus-visible {outline:3px solid #60a5ee!important;outline-offset:3px}
 :is(td,th) {border-color:var(--oo-line)!important}
 th {color:var(--oo-muted)!important;background:#f5f8fc!important}
 :is(.table-wrap,.scroll,.table-scroll) {overflow:auto;max-width:100%}
 :is(.grid,.fields,.stats,.cards,.three,.two-col,.detail-grid)>* {min-width:0}
 :is(.toolbar,.actions,.form-actions,.top-actions) {flex-wrap:wrap;gap:10px}
 dialog,.dialog {max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto}
 :is(label,.field,.row,.identity,.panel-title,.page-head,.page-title) {overflow-wrap:anywhere}
 :is(.switch,.toggle,[role=switch]) {border-radius:999px!important}
 .approved-logo,.brand img,.logo img {max-width:100%;object-fit:contain}
 [hidden],.hidden {display:none!important}
 @media(max-width:850px) {
  :is(.shell,.app):has(>aside nav) {grid-template-columns:minmax(0,1fr)!important}
  :is(aside.sideview,aside.sidebar,aside.side,aside:has(>nav),aside:has(> .brand):has(nav)):not([hidden]):not(.hidden) {
   display:flex!important;flex-direction:column;
   position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
   min-height:0!important;transform:none!important;border-right:0!important;
   border-bottom:1px solid var(--oo-line)!important;padding:14px!important;
  }
  :is(.sideview,.sidebar,.side,aside:has(nav)) nav {
   display:flex!important;flex-wrap:nowrap!important;overflow:auto;gap:6px;max-width:100%;margin-top:10px;padding:0;
  }
  :is(.sideview,.sidebar,.side,aside:has(nav)) nav :is(a,button,div:not(.nav-heading):not(.section)) {
   flex:0 0 auto;width:auto;white-space:nowrap;margin:0;
  }
  :is(.sideview,.sidebar,.side,aside:has(nav)) :is(.nav-heading,.section,.side-label,.label,.foot) {display:none}
  .sideview .close-mobile {display:none}
  .origin-shell>.main,body:has(> #app > aside) #app>main,body:has(>aside nav)>main {margin-left:0!important}
  :is(.workspace>header,.main>.top,.main>.topbar,.topbar,.module-header,.site-header,.header) {padding-inline:14px;min-height:64px}
  :is(.page-head,.page-title,.heading,.title-row) {flex-wrap:wrap}
  :is(.grid,.fields,.three,.two-col,.detail-grid) {grid-template-columns:minmax(0,1fr)!important}
  :is(.stats,.cards) {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :is(main,.main,.content) h1 {font-size:26px}
 }
 @media(max-width:430px) { :is(.stats,.cards) {grid-template-columns:minmax(0,1fr)!important} }
 @media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}
 @media(forced-colors:active) {button,input,select,textarea,.card,.panel {border:1px solid CanvasText!important}}
}