/* ONGIT v8.6 — consolidated look, public navigation, and Forgejo 15 skin.
 * Loaded last. New /v86 URLs prevent 6-hour stale static cache from prior releases.
 * No hidden authorization logic here. Forgejo owns access decisions. */
:root { --og86-rose:#E91E7A; --og86-violet:#9462d7; --og86-header:#100e1a; --og86-header-ink:#f9f5ff; --og86-header-h:65px; --og86-font:1; --og86-density:1; --og86-line:rgba(140,116,160,.20);
 --og86-bg:#f6f7fa; --og86-panel:#ffffff; --og86-ink:#25242d; --og86-muted:#646474; --og86-border:#dfe2e9; --og86-field:#ffffff; --og86-code:#f0f1f5; --og86-accent:#a32564; --og86-shadow:0 15px 45px rgba(22,20,31,.045); color-scheme:light; }
html[data-og-palette="light"],html[data-og86-theme="light"]{--og86-bg:#fafbfc;--og86-panel:#fff;--og86-ink:#24252f;--og86-muted:#606778;--og86-border:#e2e5ed;--og86-code:#f5f6f9;--og86-field:#fff;--og86-accent:#b31862;color-scheme:light}
html[data-og-palette="lightgrey"],html[data-og86-theme="lightgrey"]{--og86-bg:#eef0f3;--og86-panel:#fbfbfc;--og86-ink:#222630;--og86-muted:#626979;--og86-border:#d9dde4;--og86-code:#e7e9ef;--og86-field:#fdfdfe;--og86-accent:#9b205c;--og86-shadow:0 15px 55px rgba(22,25,40,.055);color-scheme:light}
html[data-og-palette="grey"],html[data-og86-theme="grey"]{--og86-bg:#24252c;--og86-panel:#2e3039;--og86-ink:#f2f1f6;--og86-muted:#b8bbc8;--og86-border:#454753;--og86-code:#24252c;--og86-field:#333640;--og86-accent:#ee67a5;--og86-shadow:0 10px 40px rgba(0,0,0,.13);color-scheme:dark}
html[data-og-palette="dark"],html[data-og86-theme="dark"]{--og86-bg:#101019;--og86-panel:#181723;--og86-ink:#f2eff8;--og86-muted:#b7aec6;--og86-border:#34303f;--og86-code:#151421;--og86-field:#211d2b;--og86-accent:#f36ca5;--og86-shadow:0 12px 40px rgba(0,0,0,.14);color-scheme:dark}
html[data-og-palette="vscode"],html[data-og86-theme="vscode"]{--og86-bg:#1e1e1e;--og86-panel:#252526;--og86-ink:#d9d9d9;--og86-muted:#adadad;--og86-border:#414141;--og86-code:#202020;--og86-field:#303033;--og86-accent:#c586c0;--og86-shadow:0 10px 40px rgba(0,0,0,.16);color-scheme:dark}
html[data-og86-density="compact"]{--og86-density:.72}html[data-og86-density="comfortable"]{--og86-density:1.17}
html[data-og86-scale="90"]{--og86-font:.90}html[data-og86-scale="110"]{--og86-font:1.10}html[data-og86-scale="120"]{--og86-font:1.20}
html{scroll-padding-top:86px}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
/* One visually canonical public header, HTML-rendered into homepage/static pages. */
#og8-public-header.og86-header, .og86-header {box-sizing:border-box!important;position:fixed!important;inset:0 0 auto 0!important;left:0!important;top:0!important;right:0!important;z-index:7900!important;width:100%!important;min-height:var(--og86-header-h)!important;margin:0!important;padding:0!important;transform:none!important;background:rgba(16,14,26,.97)!important;color:#f9f5ff!important;border-bottom:1px solid rgba(204,137,233,.25)!important;box-shadow:0 4px 22px rgba(0,0,0,.10)!important;backdrop-filter:blur(14px)!important;overflow:visible!important}
.og86-header *{box-sizing:border-box}.og86-head-inner{max-width:1440px;width:min(100% - 36px,1440px);min-height:var(--og86-header-h);display:flex;gap:clamp(12px,1.7vw,29px);align-items:center;margin:0 auto}.og86-brand{display:flex;gap:14px;align-items:center;flex-shrink:0;white-space:nowrap}.og86-brand img{height:25px;width:auto;max-width:116px;display:block;filter:none!important;opacity:1!important}.og86-sep{height:26px;width:1px;background:#67536f}.og86-brand a:hover img{opacity:.9!important;transform:none!important}
.og86-menu{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.og86-menu a,.og86-menu summary{display:inline-flex;align-items:center;gap:7px;color:#e5dcee!important;-webkit-text-fill-color:#e5dcee!important;font-size:12px;font-weight:650;padding:10px 11px;border-radius:9px;text-decoration:none!important;white-space:nowrap;cursor:pointer;list-style:none}.og86-menu summary::-webkit-details-marker{display:none}.og86-menu a:hover,.og86-menu summary:hover,.og86-menu a[aria-current="page"]{background:#2b2037;color:#fff!important;-webkit-text-fill-color:#fff!important}.og86-menu details{position:relative;margin:0}.og86-menu details[open]>summary{background:#302238}.og86-menu summary svg{width:12px;height:12px;opacity:.65}.og86-mega{position:absolute;top:calc(100% + 9px);left:0;min-width:280px;padding:10px;background:#201829;border:1px solid #4e3b60;border-radius:13px;box-shadow:0 25px 65px #0007;max-height:min(68dvh,460px);overflow-y:auto}.og86-mega a{display:flex;padding:11px 13px;font-size:12px;font-weight:600;white-space:normal}.og86-mega small{display:block;color:#ada0be;font-size:11px;line-height:1.5;font-weight:400}.og86-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;margin-left:auto}.og86-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#221a2f;border:1px solid #604a73;color:#fff;cursor:pointer;border-radius:10px;transition:background .15s}.og86-icon-btn:hover,.og86-icon-btn[aria-expanded="true"]{background:#3d2a49}.og86-icon-btn svg{width:18px;height:18px;stroke:#f7edff;fill:none;stroke-width:1.8}.og86-login{background:#9756d7!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:10px 15px;border-radius:9px;font-size:12px;font-weight:750;text-decoration:none!important;white-space:nowrap}.og86-login:hover{background:#ab67e3!important}.og86-hamburger{display:none}.og86-popover{position:absolute;right:16px;top:calc(var(--og86-header-h) - 2px);width:min(360px,calc(100vw - 32px));border:1px solid #6a537c;background:#211a2b;border-radius:0 0 14px 14px;box-shadow:0 20px 55px #0006;padding:14px;z-index:7950;color:#fff}.og86-popover[hidden]{display:none!important}.og86-popover-title{font-size:12px;font-weight:800;color:#eacaff;margin:1px 0 10px}.og86-lang-scroll{max-height:min(280px,50dvh);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:3px;padding-right:2px}.og86-lang-scroll a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;color:#f1eafb!important;text-decoration:none!important;font-size:13px}.og86-lang-scroll a:hover{background:#41314e}.og86-flag{width:24px;height:16px;flex:0 0 24px;display:block;box-shadow:0 0 0 1px #ffffff33;border-radius:2px}.og86-lang-note{font-size:11px;line-height:1.5;color:#bdb3ca;margin:10px 0 0}.og86-theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.og86-theme-choices button{border:1px solid #5c496f;background:#342840;color:#f7efff;border-radius:9px;cursor:pointer;min-height:35px;font-size:12px}.og86-theme-choices button[aria-pressed="true"]{border-color:#ed77b1;box-shadow:inset 0 0 0 1px #ed77b1}.og86-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.og86-setting-grid label{display:grid;gap:6px;color:#dcd2e7;font-size:11px}.og86-setting-grid select{min-width:0;width:100%;background:#30273b;border:1px solid #716081;color:#fff;-webkit-text-fill-color:#fff;font-size:12px;height:36px;padding:0 8px;border-radius:8px;appearance:auto}.og86-theme-choices button:focus-visible,.og86-lang-scroll a:focus-visible,.og86-header a:focus-visible,.og86-icon-btn:focus-visible{outline:2px solid #d47cf2;outline-offset:2px}
/* V81 public homepage had announcement before the header: reserve fixed header space. */
#og8-landing{overflow:visible!important;padding-top:var(--og86-header-h)!important}#og8-landing .og8-announcement{position:relative!important;z-index:2!important}.og86-static-page{padding-top:var(--og86-header-h)!important;min-height:100dvh}
/* Existing Forgejo header: keep native interactions, unify appearance and visual hierarchy. */
html body #navbar {box-sizing:border-box;z-index:7700!important;min-height:55px!important;background:#100e1a!important;border-bottom:1px solid #624270!important;color:#fff!important;box-shadow:0 3px 16px rgba(0,0,0,.12)}
html body #navbar .navbar-left,html body #navbar .navbar-right,html body #navbar .ui.secondary.menu:not(.dropdown .menu){background:transparent!important}
html body #navbar a.item,html body #navbar .item:not(.dropdown .menu .item),html body #navbar button{color:#f7f0ff!important;-webkit-text-fill-color:#f7f0ff!important;background:transparent!important}
html body #navbar .ui.dropdown .menu,html body #navbar details .content{background:#271f33!important;color:#f9f0ff!important;border-color:#59466f!important}
html body #navbar .ui.dropdown .menu .item,html body #navbar details .content a{color:#f5eafa!important}.og86-native-tools{display:flex;align-items:center;gap:6px;margin-left:8px}.og86-native-tools .og86-popover{position:fixed;right:20px;top:58px}
/* Sticky native navbar: v86 is the only manager for the header. Native repo context tabs stay in flow. */
html body #navbar.og86-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;transform:none!important;z-index:7700!important}.og86-native-spacer{height:0;flex:none!important;pointer-events:none!important}
/* Public static informational pages from v8.2; all now one canonical header. */
html body:has(.og86-static-page) {background:var(--og86-bg)!important;color:var(--og86-ink)!important}
body.og86-static-page .hero,body.og86-static-page .section{background:transparent!important;color:var(--og86-ink)!important}
body.og86-static-page .card,body.og86-static-page article.card{background:var(--og86-panel)!important;border:1px solid var(--og86-border)!important;color:var(--og86-ink)!important;box-shadow:var(--og86-shadow)}
body.og86-static-page :is(h1,h2,h3,h4),body.og86-static-page .card :is(h1,h2,h3){color:var(--og86-ink)!important;-webkit-text-fill-color:var(--og86-ink)!important}
body.og86-static-page :is(p,small,.section-tail,.tag){color:var(--og86-muted)!important}
body.og86-static-page a:not(.og86-header a,.og86-footer a){color:var(--og86-accent)!important}
/* Shared native content design across dashboard, repos, issues, PR, actions, packages, account/admin. */
html body:has(.page-content) {background:var(--og86-bg)!important;color:var(--og86-ink)!important}
html body .page-content:not(.og8-landing):not(.og8-signed){color:var(--og86-ink);font-size:calc(14px * var(--og86-font))}
html body .page-content:not(.og8-landing):not(.og8-signed) :is(.ui.segment,.ui.attached.segment,.ui.modal,.ui.message:not(.negative):not(.positive),.ui.table,.ui.card,.ui.cards>.card,.ui.top.attached.header){background:var(--og86-panel)!important;color:var(--og86-ink)!important;border-color:var(--og86-border)!important}
html body .page-content:not(.og8-landing):not(.og8-signed) :is(h1,h2,h3,h4,.ui.header,.ui.top.attached.header,.ui.form .field>label,.ui.checkbox label,.ui.menu .item){color:var(--og86-ink)!important;-webkit-text-fill-color:var(--og86-ink)!important}
html body .page-content:not(.og8-landing):not(.og8-signed) :is(.text.grey,.text.light.grey,.text.muted,.muted,.sub.header,small){color:var(--og86-muted)!important}
html body .page-content:not(.og8-landing):not(.og8-signed) :is(.ui.input input,.ui.form input:not([type=checkbox]):not([type=radio]),.ui.form select,.ui.form textarea,.ui.selection.dropdown,textarea,select){background:var(--og86-field)!important;color:var(--og86-ink)!important;-webkit-text-fill-color:var(--og86-ink)!important;border:1px solid var(--og86-border)!important;border-radius:8px!important;min-height:calc(36px * var(--og86-density))!important;font-size:calc(13px * var(--og86-font))!important}
html body .page-content:not(.og8-landing):not(.og8-signed) :is(input,textarea)::placeholder{color:var(--og86-muted)!important;opacity:.84!important}
html body .page-content:not(.og8-landing):not(.og8-signed) :is(.ui.table td,.ui.table th,.ui.table tr,.ui.list .item,.repository.list .item){border-color:var(--og86-border)!important;color:var(--og86-ink)!important}
html body .page-content:not(.og8-landing):not(.og8-signed) .ui.table td{padding-top:calc(11px * var(--og86-density))!important;padding-bottom:calc(11px * var(--og86-density))!important;font-size:calc(13px * var(--og86-font))}
html body .page-content:not(.og8-landing):not(.og8-signed) .ui.button:not(.primary):not(.red):not(.green){background:var(--og86-panel)!important;color:var(--og86-ink)!important;-webkit-text-fill-color:var(--og86-ink)!important;border:1px solid var(--og86-border)!important}
html body .page-content:not(.og8-landing):not(.og8-signed) :is(.ui.tabular.menu,.ui.secondary.pointing.menu,.ui.menu:not(#navbar .menu)){background:transparent!important;border-color:var(--og86-border)!important}
html body .page-content:not(.og8-landing):not(.og8-signed) a:not(.ui.button){color:var(--og86-accent);text-decoration-color:transparent}html body .page-content:not(.og8-landing):not(.og8-signed) a:hover{text-decoration-color:currentColor}
html body .page-content :is(.ui.dropdown .menu,.ui.dropdown .menu .item,.menu.transition.visible){background:var(--og86-panel)!important;color:var(--og86-ink)!important}
html body .page-content :is(.diff, .code-view,.file-view,pre,code,.code-diff){background:var(--og86-code);color:var(--og86-ink)}
/* Login: keep title, labels and password visibly readable in every mode. */
html body:has(.page-content.signin),html body:has(.page-content.user.signin){background:var(--og86-bg)!important}
html body .page-content.signin .ui.segment,html body .page-content.user.signin .ui.segment{background:var(--og86-panel)!important;border:1px solid var(--og86-border)!important;color:var(--og86-ink)!important}
html body .page-content.signin .ui.top.attached.header,html body .page-content.user.signin .ui.top.attached.header{background:var(--og86-panel)!important;color:var(--og86-ink)!important}
/* Original v7 appearance controls: compact and accessible; v86 opens a replacement panel. */
#ongit-theme-panel :is(select,input),#og83-static-appearance select{color:var(--og86-ink)!important;background:var(--og86-field)!important;border-color:var(--og86-border)!important}
#og83-static-appearance,#og8-language-list{display:none!important}
.og86-hide-old-controls{display:none!important}
/* Strong focus and motion accessibility. */
:where(a,button,select,input,textarea):focus-visible{outline:2px solid #bd68ec!important;outline-offset:2px!important}
@media(max-width:1120px){.og86-head-inner{gap:10px}.og86-menu a,.og86-menu summary{padding:9px 6px;font-size:11px}.og86-brand img{height:22px}}
@media(max-width:850px){.og86-hamburger{display:inline-flex!important}.og86-menu{display:none;position:absolute;top:var(--og86-header-h);left:0;right:0;background:#170f22;border-bottom:1px solid #654c75;padding:14px 18px;flex-direction:column;align-items:stretch;max-height:70dvh;overflow-y:auto}.og86-header.og86-open .og86-menu{display:flex}.og86-menu a,.og86-menu summary{padding:12px!important;font-size:13px}.og86-menu details{position:relative;width:100%}.og86-mega{position:relative;top:0;left:0;min-width:0;box-shadow:none;margin:2px 0 10px}.og86-menu> a{display:block}.og86-brand img{height:23px}.og86-head-inner{width:calc(100% - 24px)}.og86-action-explore{display:none}}
@media(max-width:540px){:root{--og86-header-h:59px}.og86-brand{gap:8px}.og86-brand img{height:20px;max-width:90px}.og86-sep{height:18px}.og86-actions{gap:5px}.og86-icon-btn{width:31px;height:31px}.og86-login{padding:9px 10px;font-size:11px}.og86-native-tools{gap:3px}.og86-native-tools .og86-icon-btn{width:30px;height:30px}.og86-setting-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.og86-header *{transition:none!important;animation:none!important}}
/* Static footer shares the same design language and collapses on small screens. */
.og86-footer a{color:#d8c5e6;text-decoration:none}.og86-footer a:hover{color:#fff;text-decoration:underline}
@media(max-width:900px){.og86-footer>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){.og86-footer>div:first-child{grid-template-columns:1fr!important}}
/* Do not apply legacy light-mode text colors inside the permanently dark public header. */
html body .og86-header :is(a,span,button,summary,strong,small){color:inherit}
html body .og86-header .og86-mega a{color:#f5ecff!important}
html body .og86-header .og86-mega small{color:#bdb0d0!important}
/* Final emphasis on usable sign-in header and repository filters. */
html body .page-content .ui.form input:focus-visible,html body .page-content .ui.input input:focus-visible{outline:2px solid #bb76e0!important;outline-offset:1px}
/* 8.6.1: replace legacy v8.2 DARK theme tokens on static page root. Earlier
 * body:has(.og86-static-page) did not match because the class is on BODY itself. */
html body.og86-static-page{
 --bg:var(--og86-bg);--bg2:var(--og86-bg);--surface:var(--og86-panel);--line:var(--og86-border);--text:var(--og86-ink);--muted:var(--og86-muted);--hot:var(--og86-accent);--purple:var(--og86-violet);
 background:var(--og86-bg)!important;color:var(--og86-ink)!important;
}
html body.og86-static-page .hero,
html body.og86-static-page .wrap .hero{background:transparent!important;color:var(--og86-ink)!important}
html body.og86-static-page .hero h1{color:var(--og86-ink)!important;-webkit-text-fill-color:var(--og86-ink)!important}
html body.og86-static-page .hero p{color:var(--og86-muted)!important}
html body.og86-static-page .eyebrow{color:var(--og86-accent)!important}
html body.og86-static-page .notice,html body.og86-static-page .section-tail{background:var(--og86-panel)!important;border-color:var(--og86-border)!important;color:var(--og86-ink)!important}
html body.og86-static-page .card .tag{background:color-mix(in srgb,var(--og86-accent) 10%,var(--og86-panel))!important;color:var(--og86-accent)!important;border-color:color-mix(in srgb,var(--og86-accent) 24%,var(--og86-border))!important}
html body.og86-static-page .card h3{color:var(--og86-accent)!important}
html body.og86-static-page .card a{background:var(--og86-code)!important;color:var(--og86-accent)!important;-webkit-text-fill-color:var(--og86-accent)!important;border-color:var(--og86-border)!important}
html body.og86-static-page .card a:hover{background:var(--og86-panel)!important;border-color:var(--og86-accent)!important}
html body.og86-static-page .section-tail a{color:var(--og86-accent)!important}
/* Ensure legacy body dark background does not bleed across sections. */
html[data-og86-theme="lightgrey"] body.og86-static-page .hero{background:linear-gradient(125deg,#eef0f3,#f6f4f8)!important}
html[data-og86-theme="light"] body.og86-static-page .hero{background:linear-gradient(125deg,#fafbfc,#f9f6fc)!important}
html:not([data-og86-admin="true"]) #ongit-theme-panel input[type="color"],
html:not([data-og86-admin="true"]) #og83-static-appearance input[type="color"]{display:none!important}
/* Homepage v8.1 compatibility: older rules used high-specificity padding:0!important.
   Reserve the fixed header, keep the announcement and hero out from under it. */
html:has(#og8-landing) #og8-landing.page-content.og8-landing{
 padding-top:var(--og86-header-h)!important;overflow:visible!important;
}
html:has(#og8-landing) #og8-public-header.og86-header{
 position:fixed!important;top:0!important;left:0!important;right:0!important;
}
/* Light variants extend to every marketing section, not only the dropdown. */
html[data-og86-theme="light"]:has(#og8-landing) body,
html[data-og86-theme="light"]:has(#og8-landing) .full.height,
html[data-og86-theme="light"] #og8-landing{background:#fafbfc!important;color:#292733!important}
html[data-og86-theme="lightgrey"]:has(#og8-landing) body,
html[data-og86-theme="lightgrey"]:has(#og8-landing) .full.height,
html[data-og86-theme="lightgrey"] #og8-landing{background:#eef0f3!important;color:#292733!important}
html[data-og86-theme="light"] #og8-landing,
html[data-og86-theme="lightgrey"] #og8-landing{
 --og8-bg:var(--og86-bg);--og8-surface:var(--og86-panel);--og8-surface2:var(--og86-code);--og8-border:var(--og86-border);--og8-text:var(--og86-ink);--og8-subtle:var(--og86-muted);--og8-muted:var(--og86-muted);
}
html[data-og86-theme="light"] #og8-landing .og8-hero,
html[data-og86-theme="lightgrey"] #og8-landing .og8-hero{background:linear-gradient(140deg,var(--og86-bg),color-mix(in srgb,var(--og86-panel) 80%,#eccff0))!important}
html[data-og86-theme="light"] #og8-landing .og8-hero :is(h1,p),
html[data-og86-theme="lightgrey"] #og8-landing .og8-hero :is(h1,p){color:var(--og86-ink)!important}
html[data-og86-theme="light"] #og8-landing .og8-section,
html[data-og86-theme="lightgrey"] #og8-landing .og8-section{background:var(--og86-bg)!important;color:var(--og86-ink)!important}
html[data-og86-theme="light"] #og8-landing .og8-feature,
html[data-og86-theme="lightgrey"] #og8-landing .og8-feature{background:var(--og86-panel)!important;color:var(--og86-ink)!important;border-color:var(--og86-border)!important}
/* Deliberately dark illustrated code sample with its own readable foreground. */
#og8-landing .og8-editor,#og8-landing .og8-editor :is(h3,b,strong,small,span,p,div){color:#e6dfee}
#og8-landing .og8-editor{background:#171526!important;border-color:#463650!important}