/* DOCX ORIGUS unified shell; UI-001/002/003/021. Editor controls stay separate. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;height:calc(100vh - 64px - 58px - 72px - 80px);min-height:540px}
body>footer:not(.site-footer){flex-shrink:0}
.origus-header{height:64px;min-height:64px;padding:8px clamp(18px,4.1vw,48px);gap:24px;box-shadow:0 5px 14px #172b4215;position:relative;z-index:50;flex-shrink:0}
:root[data-theme=dark] .origus-header{box-shadow:0 5px 9px #0005,0 16px 32px #0003}
.origus-brand{display:flex;align-items:center;flex:none;width:132px;height:40px;text-decoration:none;min-width:0}
.origus-brand-logo{position:relative;display:none;width:132px;height:40px;overflow:hidden;--logo-mask:none}
.origus-brand-logo.is-ready{display:block}
.origus-brand-logo img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.origus-brand-logo:hover{transform:translateY(-1px);filter:brightness(1.025);transition:transform .28s,filter .28s}
.origus-brand-logo .bloom,.origus-brand-logo .shine{position:absolute;inset:0;pointer-events:none;mask-image:var(--logo-mask);-webkit-mask-image:var(--logo-mask);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:left center;-webkit-mask-position:left center}
.origus-brand-logo .bloom:before{content:"";position:absolute;top:13%;left:-24%;width:22%;height:74%;opacity:0;transform:translateX(0) skewX(-12deg);background:linear-gradient(90deg,transparent 0%,rgba(95,118,255,0) 10%,rgba(113,136,255,.13) 34%,rgba(188,202,255,.32) 50%,rgba(113,136,255,.13) 66%,rgba(95,118,255,0) 90%,transparent 100%);filter:blur(2.1px);mix-blend-mode:screen;animation:docx-bloom 25s cubic-bezier(.22,.61,.36,1) infinite}
.origus-brand-logo .shine:before{content:"";position:absolute;top:10%;left:-18%;width:8%;height:80%;opacity:0;transform:translateX(0) skewX(-12deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 12%,rgba(191,204,255,.16) 34%,rgba(255,255,255,.68) 48%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.68) 52%,rgba(191,204,255,.16) 66%,rgba(255,255,255,0) 88%,transparent 100%);filter:blur(.6px);mix-blend-mode:screen;animation:docx-shine 25s cubic-bezier(.22,.61,.36,1) infinite}
@keyframes docx-bloom{0%{opacity:0;transform:translateX(0) skewX(-12deg)}.6%{opacity:0}1.2%{opacity:.72}4.6%{opacity:.84}10.8%{opacity:.56;transform:translateX(575%) skewX(-12deg)}12.2%,100%{opacity:0;transform:translateX(635%) skewX(-12deg)}}
@keyframes docx-shine{0%{opacity:0;transform:translateX(0) skewX(-12deg)}.8%{opacity:0}1.5%{opacity:.82}4.4%{opacity:.96}10.5%{opacity:.76;transform:translateX(1450%) skewX(-12deg)}11.8%,100%{opacity:0;transform:translateX(1540%) skewX(-12deg)}}
.origus-brand-fallback{font-size:22px;font-weight:750;color:var(--accent);letter-spacing:.08em}
.origus-nav{display:flex;align-items:center;min-width:0;flex:1;height:100%}
.origus-menu{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0;width:100%}
.origus-menu::-webkit-scrollbar{display:none}
.origus-menu a{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 9px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:8px}
.origus-menu a img{width:18px;height:18px;object-fit:contain;flex:none}
.origus-menu a:hover{background:var(--hover);border-color:var(--line)}
.origus-menu a[aria-current=page]{color:var(--accent);border-color:var(--accent);background:var(--light)}
.origus-header .top-actions{margin-left:auto;flex:none}
#menuToggle{display:none;min-height:40px;padding:0 12px}
.docx-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px clamp(18px,4.1vw,48px);background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap}
.docx-actions h1{font-size:17px}
.docx-actions .top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.site-footer{min-height:80px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(18px,4.1vw,48px);background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -5px 10px #172b420a;font-size:11px;color:var(--muted);flex-shrink:0}
:root[data-theme=dark] .site-footer{box-shadow:0 -5px 10px #0005,0 -16px 30px #0003}
.site-footer .foot-copy{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.site-footer img{width:105px;height:30px;object-fit:contain;display:none}
.site-footer .copyright{text-align:right}
@media(max-width:1199px) and (min-width:1079px){.origus-menu a{font-size:11px;padding-inline:6px}.origus-header{gap:12px}}
@media(max-width:1078px){#menuToggle{display:inline-flex}.origus-menu{display:none;position:absolute;top:64px;left:0;right:0;width:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 28px #0002;flex-direction:column;align-items:stretch;max-height:65vh;overflow-y:auto;padding:12px clamp(18px,4.1vw,48px);z-index:90}.origus-menu.open{display:flex}.origus-menu a{min-height:44px;white-space:normal;font-size:14px}}
@media(max-width:840px){body>main{height:auto;min-height:0}.docx-actions{align-items:flex-start}.site-footer{flex-wrap:wrap}}
@media(max-width:720px){.origus-header{height:58px;min-height:58px;padding:8px 12px}.origus-menu{top:58px}.origus-header .theme-sun,.origus-header .theme-moon{display:none}.docx-actions{padding:9px 12px}.site-footer{padding:12px}.site-footer .copyright{text-align:left}}
@media(max-width:720px){#menuToggle span{display:none}}
@media(max-width:460px){.docx-actions .top-actions button{font-size:12px}.docx-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.origus-brand-logo .bloom:before,.origus-brand-logo .shine:before{animation:none!important}.origus-brand-logo:hover{transition:none}}
@media(max-width:840px){.origus-header{flex-wrap:nowrap}}