/* Back controls share a visible action color; named workflow returns keep their destinations. */
.route-page .page-bar .page-back{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;min-height:36px;padding:7px 12px;border:1px solid #50dad45c;border-radius:8px;background:#2bd8d010;color:#8df7ef;font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.route-page .page-bar .page-back .icon{width:16px;height:16px;flex-shrink:0;color:currentColor}
a.ui-return-link:not(.primary):not(.page-back),button.df-back{color:#89f0e6;border-color:#4edbd257}
.ui-return-link.text-link,.df-back{text-decoration:underline;text-decoration-color:#56d7ce85;text-underline-offset:4px;text-decoration-thickness:1px}
.ui-return-link:focus-visible,[data-page-back]:focus-visible,.df-back:focus-visible{outline:2px solid #78fff0;outline-offset:4px}
@media(min-width:761px) and (hover:hover){
 .route-page .page-bar .page-back:hover{background:#2bd8d024;border-color:#6ceee4;box-shadow:0 0 18px #2bd8d014;color:#d4fff8}
 .ui-return-link:not(.primary):hover,.df-back:hover{color:#d3fff5;text-decoration-color:currentColor}
}