/* A dedicated return row keeps the link clear of the 3D and touch controls. */
:root{--workflow-nav-height:56px;--villa-header-height:76px;}
.workflow-nav{height:var(--workflow-nav-height);display:flex;align-items:center;padding:6px clamp(18px,4vw,64px);background:#0b141b;border-bottom:1px solid #ffffff12;position:relative;z-index:24;}
.workflow-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:5px 15px 5px 6px;box-sizing:border-box;border:1px solid #d7b57470;border-radius:999px;background:linear-gradient(135deg,#263537,#14232b);color:#f6e5c5;text-decoration:none;font-size:14px;font-weight:500;line-height:1.3;box-shadow:0 4px 16px #0003;touch-action:manipulation;-webkit-tap-highlight-color:#d7b57433;transition:background-color .2s ease,border-color .2s ease;}
.workflow-back-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#d7b57420;color:#e2c58f;}
.workflow-back:hover{background:#2b3f42;border-color:#e2c58f;}
.workflow-back:focus-visible{outline:2px solid #e2c58f;outline-offset:3px;}
.workflow-back:active{background:#34494a;}
.workspace{height:calc(100dvh - var(--villa-header-height) - var(--workflow-nav-height));}
.front-open .workflow-nav{position:fixed;inset:var(--villa-header-height) 0 auto;background:transparent;border:0;pointer-events:none;}
.front-open .workflow-back{pointer-events:auto;background:#14232bf0;}
.front-open .workspace{inset:calc(var(--villa-header-height) + var(--workflow-nav-height)) 0 0;}
html[dir=rtl] .workflow-back{padding:5px 6px 5px 15px;}
html[dir=rtl] .workflow-back-icon svg{transform:rotate(180deg);}
@media(max-width:760px){
 :root{--villa-header-height:68px;}
 .workflow-nav{padding-inline:15px;}
 .sidebar{top:calc(var(--villa-header-height) + var(--workflow-nav-height));}
}
@media(prefers-reduced-motion:reduce){.workflow-back{transition:none;}}