/* Openings UX v1 — non-invasive presentation layer. Does not change 3D, API, or app data. */
:root {
  --oux-accent: #2563eb;
  --oux-ink: #132238;
  --oux-muted: #64748b;
  --oux-panel: #ffffff;
  --oux-soft: #f2f6fb;
  --oux-line: #dfe7f1;
  --oux-shadow: 0 7px 28px rgba(20, 43, 75, .09);
}
.oux-navigation, .oux-navigation *, .oux-context, .oux-context *, .oux-help-dialog, .oux-help-dialog * {box-sizing:border-box}
.oux-navigation {
  position:relative; z-index:24; display:flex; flex-wrap:wrap; align-items:center;
  gap:12px; padding:10px 16px; width:100%; background:var(--oux-panel);
  color:var(--oux-ink); border-bottom:1px solid var(--oux-line); font:500 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.oux-navigation a {text-decoration:none!important; color:inherit}
.oux-brand {display:flex; align-items:center; gap:9px; white-space:nowrap; font-weight:800; letter-spacing:-.04em; font-size:21px; margin-right:10px;}
.oux-brand-symbol {display:grid; place-items:center; width:34px; height:34px; background:var(--oux-accent); color:white; border-radius:11px; font-weight:800; font-size:19px;}
.oux-nav-items {display:flex; flex:1; align-items:center; flex-wrap:wrap; gap:5px;}
.oux-nav-link,.oux-nav-toggle,.oux-nav-more,.oux-help-action {font:inherit; cursor:pointer; min-height:40px; padding:9px 13px; border:1px solid transparent; border-radius:11px; background:transparent; color:inherit; display:inline-flex; align-items:center; gap:7px; white-space:nowrap;}
.oux-nav-link:hover,.oux-nav-toggle:hover,.oux-nav-more:hover,.oux-help-action:hover {background:var(--oux-soft); color:var(--oux-accent)}
.oux-nav-link.is-active,.oux-nav-toggle.is-active {color:var(--oux-accent); background:var(--oux-soft); font-weight:750;}
.oux-nav-group {position:relative;}
.oux-nav-group > button::after {content:'⌄'; font-size:14px; opacity:.75}
.oux-nav-dropdown {display:none; position:absolute; z-index:25; top:calc(100% + 6px); left:0; min-width:215px; max-width:min(88vw,320px); max-height:68vh; overflow-y:auto; padding:7px; border-radius:13px; background:var(--oux-panel); border:1px solid var(--oux-line); box-shadow:var(--oux-shadow);}
.oux-nav-group[data-open="true"] .oux-nav-dropdown {display:grid; gap:3px}
.oux-nav-dropdown a {display:block; padding:11px 12px; border-radius:8px; white-space:normal;}
.oux-nav-dropdown a:hover,.oux-nav-dropdown a.is-active {background:var(--oux-soft); color:var(--oux-accent);}
.oux-right-actions {margin-left:auto; display:flex; align-items:center; gap:5px}
.oux-help-action {border:1px solid var(--oux-line);}
.oux-navigation button:focus-visible,.oux-navigation a:focus-visible,.oux-help-dialog button:focus-visible,.oux-context a:focus-visible {outline:3px solid #93c5fd; outline-offset:2px;}
.oux-original-nav-hidden {display:none!important;}
.oux-original-nav-enhanced {border-radius:12px;}
.oux-original-nav-enhanced a {min-height:38px; display:inline-flex; align-items:center; padding:8px 11px; border-radius:9px;}
.oux-original-nav-enhanced a:hover {background:var(--oux-soft)}
.oux-context {display:flex; gap:15px; align-items:center; justify-content:space-between; margin:12px 0 22px; border:1px solid var(--oux-line); border-radius:15px; background:var(--oux-soft); padding:16px 18px; color:var(--oux-ink); font:400 14px/1.55 system-ui,-apple-system,sans-serif;}
.oux-context-content {min-width:0;}
.oux-context-kicker {color:var(--oux-accent); font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase;}
.oux-context strong {font-size:16px; display:block; margin:3px 0}
.oux-context p {margin:0!important; color:var(--oux-muted);}
.oux-quicklinks {display:flex; flex-wrap:wrap; gap:8px;}
.oux-quicklinks a {display:inline-flex; min-height:38px; align-items:center; padding:8px 12px; border-radius:10px; background:var(--oux-panel); border:1px solid var(--oux-line); color:var(--oux-accent); font-weight:650; text-decoration:none!important; white-space:nowrap;}
.oux-quicklinks a:hover {border-color:#93c5fd; box-shadow:0 3px 10px rgba(20,43,75,.08)}
.oux-help-dialog {position:fixed; inset:0; z-index:9000; background:rgba(15,23,42,.48); display:grid; place-items:center; padding:20px; color:var(--oux-ink); font:400 15px/1.55 system-ui,-apple-system,sans-serif;}
.oux-help-dialog[hidden] {display:none!important}
.oux-help-panel {max-height:min(84vh,620px); overflow-y:auto; width:min(100%,540px); border-radius:18px; padding:26px; background:var(--oux-panel); box-shadow:0 22px 100px rgba(0,0,0,.22); position:relative;}
.oux-help-panel h2 {font-size:23px; margin:0 35px 9px 0; color:var(--oux-ink)}
.oux-help-panel p {color:var(--oux-muted); margin:0 0 14px}
.oux-help-panel ul {margin:0; padding-left:20px;}
.oux-help-panel li {margin-bottom:9px}
.oux-help-close {position:absolute; top:14px; right:14px; cursor:pointer; display:grid; place-items:center; width:34px;height:34px; border:1px solid var(--oux-line); border-radius:10px; background:var(--oux-soft); color:var(--oux-ink);}
.oux-help-close:hover {background:#e2e8f0}
/* Improve only elements identified by the feature script: avoids altering WebGL, canvas and modal sizes. */
.oux-page-title {letter-spacing:-.025em!important; line-height:1.18!important; text-wrap:balance;}
.oux-accessible-icon:focus-visible {outline:3px solid #93c5fd;outline-offset:2px;}
@media(max-width:940px) {
 .oux-navigation {gap:9px; padding:9px 12px;}
 .oux-brand {font-size:19px;}
 .oux-nav-items {order:3; width:100%; flex-basis:100%; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:thin; padding-bottom:3px;}
 .oux-nav-items > * {flex-shrink:0;}
 .oux-right-actions {margin-left:auto;}
 .oux-context {flex-wrap:wrap;}
}
@media(max-width:520px) {
 .oux-navigation {padding:8px 10px;}
 .oux-brand-symbol {width:30px;height:30px;font-size:17px}
 .oux-brand {font-size:18px; margin-right:0}
 .oux-nav-link,.oux-nav-toggle,.oux-nav-more,.oux-help-action {padding:8px 11px; min-height:39px; font-size:13px;}
 .oux-context {padding:14px; margin:12px 0 17px; border-radius:12px;}
 .oux-quicklinks {width:100%;}
 .oux-quicklinks a {flex:1; justify-content:center; font-size:13px;}
 .oux-help-panel {padding:21px 17px;}
}
@media(prefers-reduced-motion:reduce) {.oux-navigation *,.oux-context * {scroll-behavior:auto!important; transition:none!important}}
@media(prefers-color-scheme:dark) {
 html:not([data-theme="light"]):not(.light) {
   --oux-ink:#edf2f9;--oux-muted:#b1bbca;--oux-panel:#172233;--oux-soft:#223349;--oux-line:#314258;--oux-shadow:0 10px 32px rgba(0,0,0,.3);
 }
}
html[data-theme="dark" {--oux-ink:#edf2f9;--oux-muted:#b1bbca;--oux-panel:#172233;--oux-soft:#223349;--oux-line:#314258;--oux-shadow:0 10px 32px rgba(0,0,0,.3)}
/* Listing pages: consistent card affordances without touching the 3D renderer. */
.oux-item-card {
  min-width:0; border-radius:14px; transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.oux-item-card:hover {box-shadow:0 6px 22px rgba(32,53,84,.11);transform:translateY(-1px)}
.oux-item-card a:focus-visible {outline:3px solid #93c5fd;outline-offset:3px;border-radius:5px}
.oux-main-action {border-radius:10px!important;min-height:40px}
.oux-content-form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
.oux-content-form select,.oux-content-form textarea {max-width:100%;border-radius:9px;}
.oux-content-form label {font-weight:600;}
.oux-content-form input:focus-visible,.oux-content-form select:focus-visible,.oux-content-form textarea:focus-visible {outline:2px solid #93c5fd;outline-offset:2px}
@media(max-width:620px) {.oux-item-card {min-width:0;max-width:100%;}}