/* ONGIT 7.3 | ONHOST V2 design system | additive over v7.1 + v7.2
   One dark, native, functional Forgejo navbar, NOT two competing menus.
   Pairs genuine ONHOST logo + ONGIT mark. Navigation/auth remain native. */
:root { --og-shell-bg:#100e1d;--og-shell-panel:#1c192b;--og-shell-text:#f7f5ff;--og-shell-muted:#c7bddc;--og-shell-border:#423054;--og-shell-accent:#e91e7a; }
/* The previous white bar is replaced visually everywhere, including LIGHT mode. */
html[data-og-palette] #navbar,
html[data-og-palette] #navbar.ui.menu,
#navbar.og-shell-navbar,
#navbar.ui.menu.og-shell-navbar {
  background:var(--og-shell-bg)!important;
  color:var(--og-shell-text)!important;
  border:0!important;
  border-bottom:1px solid var(--og-shell-border)!important;
  box-shadow:0 4px 20px #08061424!important;
  min-height:62px!important;
}
#navbar.og-shell-navbar {position:relative!important;z-index:1100!important;display:flex!important;align-items:center!important;gap:10px!important;padding-inline:clamp(14px,1.8vw,28px)!important;box-sizing:border-box;}
#navbar.og-shell-navbar > .container,
#navbar.og-shell-navbar .left.menu,
#navbar.og-shell-navbar .right.menu {align-items:center!important;min-height:60px!important;}
#navbar.og-shell-navbar .left.menu,#navbar.og-shell-navbar .right.menu{background:transparent!important;border:0!important;box-shadow:none!important}
#navbar.og-shell-navbar .item,#navbar.og-shell-navbar .item > a,
#navbar.og-shell-navbar a:not(.og-brand-oghost):not(.og-brand-ongit),
#navbar.og-shell-navbar .dropdown.item,
#navbar.og-shell-navbar .ui.dropdown {color:var(--og-shell-text)!important;opacity:1!important;text-shadow:none!important}
#navbar.og-shell-navbar .item:hover,
#navbar.og-shell-navbar .item:focus-visible,
#navbar.og-shell-navbar a.item:hover {background:#292339!important;color:#fff!important}
#navbar.og-shell-navbar .ui.dropdown > .menu,
#navbar.og-shell-navbar .dropdown.item > .menu {background:var(--og-shell-panel)!important;color:var(--og-shell-text)!important;border:1px solid var(--og-shell-border)!important;box-shadow:0 16px 44px #07051280!important;z-index:2000!important}
#navbar.og-shell-navbar .ui.dropdown > .menu .item,
#navbar.og-shell-navbar .dropdown.item > .menu .item {color:var(--og-shell-text)!important;background:transparent!important}
#navbar.og-shell-navbar .ui.dropdown > .menu .item:hover {background:#302742!important}
#navbar.og-shell-navbar .og-old-brand {display:none!important;visibility:hidden!important}
/* Main brand appears as two real clickable marks, using the ONHOST source SVG. */
#navbar .og-paired-brand {display:flex!important;align-items:center!important;gap:11px;flex:0 0 auto;min-height:58px;padding-right:10px;white-space:nowrap}
#navbar .og-paired-brand a {display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px;min-height:38px;padding:5px 3px!important;background:transparent!important;text-decoration:none!important;transition:box-shadow .16s ease!important;line-height:1}
#navbar .og-paired-brand a:hover,
#navbar .og-paired-brand a:focus-visible {background:rgba(233,30,122,.09)!important;box-shadow:inset 0 -2px var(--og-shell-accent)!important;transform:none!important;filter:none!important;opacity:1!important}
#navbar .og-paired-brand img {display:block!important;height:auto!important;max-height:25px!important;object-fit:contain!important;opacity:1!important;filter:none!important;transform:none!important}
#navbar .og-brand-oghost img {width:96px!important;max-width:96px!important}
#navbar .og-brand-ongit img {width:96px!important;max-width:96px!important}
#navbar .og-brand-separator {height:23px;width:1px;background:#705680;flex:none}
/* Appearance stays within native right menu; header is always dark for contrast. */
#navbar.og-shell-navbar #ongit-theme-trigger {background:rgba(255,255,255,.07)!important;border:1px solid #6b517d!important;color:#fff!important;padding:8px 10px!important;box-shadow:none!important;min-height:34px}
#navbar.og-shell-navbar #ongit-theme-trigger:hover {background:#3b2949!important}
#navbar.og-shell-navbar #ongit-theme-trigger .og-mini-swatch {background:var(--og-accent,#e91e7a)!important}
/* Locale selector: actual instance language choices from the footer. */
#navbar .og-language {position:relative;display:block!important;min-width:0;margin:0 3px;line-height:1.15;font:inherit;flex:0 0 auto;color:#fff}
#navbar .og-language-trigger {display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #6b517d;border-radius:8px;cursor:pointer;list-style:none;color:#f7f4ff!important;background:rgba(255,255,255,.07);font-size:12px;font-weight:600;white-space:nowrap}
#navbar .og-language-trigger::-webkit-details-marker {display:none}
#navbar .og-language-trigger:hover {background:#332844}
#navbar .og-language-trigger:focus-visible {outline:2px solid #f096c0;outline-offset:2px}
#navbar .og-language-globe {color:#ed86bc;font-size:17px;line-height:0.8;font-family:sans-serif}
#navbar .og-language-chevron {font-size:14px;color:#dec9e8}
#navbar .og-language-list {position:absolute;right:0;top:calc(100% + 8px);background:#1c192b;min-width:195px;max-height:min(380px,70vh);overflow-y:auto;z-index:2100;padding:6px;box-shadow:0 20px 40px #000a;border:1px solid #5c496b;border-radius:10px;color:#fff;}
#navbar .og-language:not([open]) .og-language-list {display:none!important}
#navbar .og-language-item {display:block!important;color:#eee8f8!important;background:transparent!important;border-radius:7px;padding:9px 11px!important;text-decoration:none!important;white-space:nowrap;font-size:13px}
#navbar .og-language-item:hover,#navbar .og-language-item[aria-current="true"] {background:#3e3051!important;color:#fff!important}
footer .og-native-language-relocated {display:none!important}
/* Only the old landing-specific duplicate, never repository contextual tabs. */
html.og-v73-home .og-landnav-hidden {display:none!important;visibility:hidden!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important}
/* Every palette receives a coherent FULL-PAGE ground; eliminates dark side rails. */
html.og-v73-home[data-og-palette="light"] body,
html.og-v73-home[data-og-palette="light"] .page-content,
html.og-v73-home[data-og-palette="light"] main,
html.og-v73-home[data-og-palette="light"] .full.height {background:#f5f2fa!important;color:#222331!important}
html.og-v73-home[data-og-palette="grey"] body,
html.og-v73-home[data-og-palette="grey"] .page-content,
html.og-v73-home[data-og-palette="grey"] main,
html.og-v73-home[data-og-palette="grey"] .full.height {background:#26252d!important;color:#f2f0f5!important}
html.og-v73-home[data-og-palette="dark"] body,
html.og-v73-home[data-og-palette="dark"] .page-content,
html.og-v73-home[data-og-palette="dark"] main,
html.og-v73-home[data-og-palette="dark"] .full.height {background:#0d0f1c!important;color:#e7e5f1!important}
html.og-v73-home[data-og-palette="vscode"] body,
html.og-v73-home[data-og-palette="vscode"] .page-content,
html.og-v73-home[data-og-palette="vscode"] main,
html.og-v73-home[data-og-palette="vscode"] .full.height {background:#1e1e1e!important;color:#e0e0e0!important}
html.og-v73-home .og-hero-root {isolation:isolate;box-sizing:border-box;max-width:none!important;min-width:0!important;margin-inline:auto!important;}
html.og-v73-home .og-hero-heading {font-size:clamp(42px,5vw,82px)!important;letter-spacing:-.048em!important;line-height:1.08!important;max-width:12ch}
html.og-v73-home .og-hero-root p {line-height:1.7!important;max-width:60ch}
html.og-v73-home .og-hero-badge {border:1px solid #9165b5;background:#b38add22;color:#d8b9ff!important;border-radius:99px}
html.og-v73-home[data-og-palette="light"] .og-hero-badge {color:#61348b!important;border-color:#c5a0e9;background:#f0e4fb}
html.og-v73-home .og-secondary-cta {display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;border:1px solid #837293!important;border-radius:9px;color:#f7eefe!important;background:#352b49!important;opacity:1!important;text-decoration:none!important;padding:10px 17px!important}
html.og-v73-home .og-secondary-cta:hover {background:#443359!important}
html.og-v73-home[data-og-palette="light"] .og-secondary-cta {color:#402455!important;background:#fff!important;border-color:#ad9abe!important}
html.og-v73-home[data-og-palette="light"] .og-secondary-cta:hover {background:#f3eaf9!important}
/* The mock Git repository stays dark WITH LIGHT INK in light mode. */
html.og-v73-home .og-demo-surface {background:#151728!important;border:1px solid #454365!important;color:#f0eff8!important;box-shadow:0 18px 55px #0005;border-radius:14px}
html.og-v73-home .og-demo-surface :is(div,p,span,small,strong,header,footer,section,article,li,th,td,pre) {color:#d5d3e7!important}
html.og-v73-home .og-demo-surface :is(h1,h2,h3,h4,strong,b) {color:#f7f5ff!important}
html.og-v73-home .og-demo-surface :is(a) {color:#c6a7f7!important}
html.og-v73-home .og-demo-surface :is(pre,code) {color:#a1e1be!important;background:#0f1020!important}
/* The appearance panel should be readable even when underlying palette is light. */
#ongit-theme-panel {z-index:3000!important;top:72px!important;right:clamp(10px,2vw,30px)!important;max-height:min(75vh,650px)!important;overflow-y:auto!important;opacity:1!important;filter:none!important;visibility:visible;background:var(--og-surface,#17191e)!important;color:var(--og-text,#f0f0f3)!important}
#ongit-theme-panel[hidden] {display:none!important}
#ongit-theme-panel .og-panel-title,#ongit-theme-panel label {color:var(--og-text,#f0f0f3)!important;opacity:1!important}
#ongit-theme-panel .og-panel-help {color:var(--og-muted,#b9bbc5)!important;opacity:1!important}
#ongit-theme-panel select,#ongit-theme-panel select option,#ongit-theme-panel :is(input,textarea) {color:var(--og-text,#f0f0f3)!important;background:var(--og-input,#1f2128)!important;opacity:1!important;-webkit-text-fill-color:currentColor!important;filter:none!important}
#ongit-theme-panel button {opacity:1!important;color:var(--og-text,#f0f0f3)!important}
#ongit-theme-panel .og-panel-actions .og-close {color:var(--og-accent-text,#fff)!important}
html[data-og-palette="light"] #ongit-theme-panel {box-shadow:0 24px 70px #23162d45}
/* Focus, mobile behavior and browser accessibility. */
#navbar .og-paired-brand a:focus-visible,#navbar .og-language-item:focus-visible {outline:2px solid #ef9cc9!important;outline-offset:2px}
@media(max-width:1080px){#navbar .og-brand-oghost img,#navbar .og-brand-ongit img{width:78px!important;max-width:78px!important}#navbar .og-paired-brand {gap:7px;padding-right:3px}}
@media(max-width:760px){#navbar.og-shell-navbar{padding-inline:8px!important;gap:3px!important}#navbar .og-paired-brand{gap:5px;min-height:52px}#navbar .og-brand-oghost img,#navbar .og-brand-ongit img{width:70px!important;max-width:70px!important}#navbar .og-brand-separator{height:18px}#navbar .og-language-label{display:none}#navbar .og-language-trigger{padding:8px;min-height:32px}#navbar .og-language-chevron{display:none}#ongit-theme-panel{top:64px!important;right:8px!important;width:min(340px,calc(100vw - 16px))!important}html.og-v73-home .og-hero-heading{font-size:clamp(38px,9vw,56px)!important}}
@media(max-width:470px){#navbar .og-brand-oghost img,#navbar .og-brand-ongit img{width:58px!important;max-width:58px!important}#navbar .og-paired-brand{gap:4px}#navbar.og-shell-navbar .item{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){#navbar .og-paired-brand a{transition:none!important}}
/* Guest homepage: use the already-authored landing header instead of a SECOND
   native white bar. Its original login/links remain real and clickable. */
html.og-v73-home #navbar.og-v73-native-parked {display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;border:0!important;}
html.og-v73-home .og-v73-promoted-nav {
 display:flex!important;visibility:visible!important;position:relative!important;z-index:1100!important;
 align-items:center!important;justify-content:space-between!important;gap:clamp(8px,1.2vw,20px)!important;
 min-height:64px!important;height:auto!important;padding:7px clamp(16px,3vw,48px)!important;margin:0!important;
 background:#100e1d!important;color:#f7f5ff!important;border:0!important;border-bottom:1px solid #493052!important;
 box-shadow:0 4px 20px #08061422!important;box-sizing:border-box;
}
html.og-v73-home .og-v73-promoted-nav .og-old-brand {display:none!important;visibility:hidden!important}
html.og-v73-home .og-v73-promoted-nav a:not(.og-brand-oghost):not(.og-brand-ongit),
html.og-v73-home .og-v73-promoted-nav .item {color:#f7f3ff!important;opacity:1!important;text-shadow:none!important}
html.og-v73-home .og-v73-promoted-nav a:not(.og-brand-oghost):not(.og-brand-ongit):hover {color:#f7b6dd!important}
html.og-v73-home .og-v73-promoted-nav .og-paired-brand {display:flex;align-items:center;flex:none;gap:11px;min-height:48px;padding-right:8px}
html.og-v73-home .og-v73-promoted-nav .og-paired-brand a {display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;background:transparent!important;text-decoration:none!important}
html.og-v73-home .og-v73-promoted-nav .og-paired-brand a:hover {box-shadow:inset 0 -2px #e91e7a!important;background:#e91e7a18!important;filter:none!important}
html.og-v73-home .og-v73-promoted-nav .og-paired-brand img {width:94px!important;max-width:94px!important;max-height:26px!important;display:block;object-fit:contain;filter:none!important;opacity:1!important}
html.og-v73-home .og-v73-promoted-nav .og-brand-separator {width:1px;height:24px;background:#7b5889}
html.og-v73-home .og-v73-promoted-nav .og-header-actions {margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
html.og-v73-home .og-v73-promoted-nav .og-header-actions>.item {padding:0!important;background:transparent!important}
html.og-v73-home .og-v73-promoted-nav #ongit-theme-trigger {display:inline-flex;align-items:center;min-height:34px;padding:8px 10px;margin:0;color:white!important;border:1px solid #745881!important;background:#ffffff12!important;border-radius:8px}
html.og-v73-home .og-v73-promoted-nav #ongit-theme-trigger:hover {background:#3a2c46!important}
html.og-v73-home .og-v73-promoted-nav .og-language {position:relative;display:block;flex:none;color:#fff}
html.og-v73-home .og-v73-promoted-nav .og-language-trigger {display:flex;align-items:center;gap:7px;padding:8px 11px;min-height:34px;cursor:pointer;list-style:none;background:#ffffff12;color:white!important;border:1px solid #745881;border-radius:8px;font-size:12px;font-weight:700}
html.og-v73-home .og-v73-promoted-nav .og-language-trigger::-webkit-details-marker {display:none}
html.og-v73-home .og-v73-promoted-nav .og-language-list {position:absolute;right:0;top:calc(100% + 8px);z-index:3000;display:block;min-width:195px;max-height:380px;overflow:auto;padding:6px;border:1px solid #5c496b;border-radius:10px;background:#1c192b;box-shadow:0 20px 50px #0009}
html.og-v73-home .og-v73-promoted-nav .og-language:not([open]) .og-language-list {display:none!important}
html.og-v73-home .og-v73-promoted-nav .og-language-item {display:block;color:#f4eaff!important;padding:9px 11px;border-radius:6px;text-decoration:none!important}
html.og-v73-home .og-v73-promoted-nav .og-language-item:hover {background:#3e3051!important}
html.og-v73-home .og-v73-promoted-nav .og-language-globe {font-size:17px;color:#f18dc5}
html.og-v73-home .og-v73-promoted-nav .og-language-chevron {color:#dec9e8}
@media(max-width:1060px) {html.og-v73-home .og-v73-promoted-nav{flex-wrap:wrap;justify-content:flex-start!important;padding-inline:14px!important}html.og-v73-home .og-v73-promoted-nav .og-paired-brand img{width:78px!important;max-width:78px!important}html.og-v73-home .og-v73-promoted-nav .og-header-actions{margin-left:auto}}
@media(max-width:650px) {html.og-v73-home .og-v73-promoted-nav{gap:8px;padding-block:8px!important}html.og-v73-home .og-v73-promoted-nav .og-paired-brand{gap:6px}html.og-v73-home .og-v73-promoted-nav .og-paired-brand img{width:65px!important;max-width:65px!important}html.og-v73-home .og-v73-promoted-nav .og-language-label{display:none}html.og-v73-home .og-v73-promoted-nav .og-language-chevron{display:none}html.og-v73-home .og-v73-promoted-nav .og-language-trigger{padding-inline:9px}}
/* Full-bleed hero uses an inner max-width but a viewport-wide theme backdrop. */
html.og-v73-home .og-hero-root {position:relative!important;z-index:0;overflow:visible!important}
html.og-v73-home .og-hero-root::before {content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background:var(--og-full-hero-bg,#0d0f1c)}
html.og-v73-home[data-og-palette="light"] {--og-full-hero-bg:radial-gradient(ellipse at 20% 25%,#f0e7fb 0%,#faf9fd 60%,#f4f3f8 100%)}
html.og-v73-home[data-og-palette="grey"] {--og-full-hero-bg:radial-gradient(ellipse at 20% 25%,#383240 0%,#25242c 75%)}
html.og-v73-home[data-og-palette="dark"] {--og-full-hero-bg:radial-gradient(ellipse at 20% 25%,#261a34 0%,#0d0f1c 75%)}
html.og-v73-home[data-og-palette="vscode"] {--og-full-hero-bg:linear-gradient(115deg,#252526,#1e1e1e 70%)}
html.og-v73-home body {overflow-x:hidden}