.foundry-demo-return{position:fixed!important;z-index:2147483647!important;top:16px!important;left:16px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:999px!important;background:rgba(16,12,9,.82)!important;color:#fff!important;box-shadow:0 8px 28px rgba(0,0,0,.28)!important;backdrop-filter:blur(10px)!important;font:700 11px/1 "Segoe UI",Arial,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;text-decoration:none!important;opacity:.82!important;transition:opacity .2s ease,transform .2s ease!important}
.foundry-demo-return:hover,.foundry-demo-return:focus-visible{opacity:1!important;transform:translateY(-1px)!important;outline:2px solid #fff!important;outline-offset:3px!important}

/* Shared Foundry presentation shell for all Boardroom demos. */
html.foundry-demo-shell,
html.foundry-demo-shell body{width:100%;height:100%;margin:0;overflow:hidden;background:#031b15}
html.foundry-demo-shell body{font-family:"Segoe UI",Arial,sans-serif}
.foundry-demo-frame{
  position:fixed;
  z-index:1;
  top:34px;
  left:10vw;
  width:80vw;
  height:calc(100vh - 68px);
  border:0;
  display:block;
  background:#fff;
  box-shadow:0 24px 80px rgba(0,0,0,.34);
}

@media(max-width:900px){
  .foundry-demo-return{top:10px!important;left:10px!important;padding:9px 11px!important;font-size:10px!important}
  .foundry-demo-frame{top:52px;left:0;width:100vw;height:calc(100vh - 52px);box-shadow:none}
}

/* Match demo surround to its Boardroom colour */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Billboard"]) body {
  background:#292929;
}

html.foundry-demo-shell:has(.foundry-demo-frame[title*="Noticeboard"]) body {
  background:#E8DFC3;
}

html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) body {
  background:#7C6756;
}

html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) body {
  background:#294542;
}

/* Noticeboard approved demo surround */
html:has(title[data-foundry-board="noticeboard"]),
body:has([data-foundry-board="noticeboard"]) {
  background:#F6F1E6;
}

/* Noticeboard demo padding — middle cream */
html:has(title[data-foundry-board="noticeboard"]),
body:has([data-foundry-board="noticeboard"]) {
  background:#E8DFC3;
}

/* ==========================================================
   ALL 12 DEMOS — RETURN PILL STYLE #06
   Dark pill + coloured circular arrow
   Colours match each board's approved active-nav colour
   ========================================================== */

.foundry-demo-return {
  background:#1C1B1A !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  padding:5px 14px 5px 5px !important;
  min-height:38px;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 5px 14px rgba(0,0,0,.28) !important;
}

/* Circular arrow section */
.foundry-demo-return::before {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  font-size:17px;
  line-height:1;
}

/* ----------------------------------------------------------
   BILLBOARD — blush
   ---------------------------------------------------------- */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Billboard"])
.foundry-demo-return::before {
  background:#E8CACA !important;
  color:#211B1B !important;
}

html.foundry-demo-shell:has(.foundry-demo-frame[title*="Billboard"])
.foundry-demo-return {
  color:#E8CACA !important;
}

/* ----------------------------------------------------------
   NOTICEBOARD — cream
   ---------------------------------------------------------- */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Noticeboard"])
.foundry-demo-return::before {
  background:#DBCCA1 !important;
  color:#211B16 !important;
}

html.foundry-demo-shell:has(.foundry-demo-frame[title*="Noticeboard"])
.foundry-demo-return {
  color:#DBCCA1 !important;
}

/* ----------------------------------------------------------
   SKATEBOARD — taupe
   ---------------------------------------------------------- */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"])
.foundry-demo-return::before {
  background:#A58B73 !important;
  color:#211B16 !important;
}

html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"])
.foundry-demo-return {
  color:#A58B73 !important;
}

/* ----------------------------------------------------------
   SPRINGBOARD — muted green
   ---------------------------------------------------------- */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"])
.foundry-demo-return::before {
  background:#66827D !important;
  color:#FFFFFF !important;
}

html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"])
.foundry-demo-return {
  color:#66827D !important;
}

/* ==========================================================
   ALL 12 DEMOS — RETURN PILL STYLE #09
   Dark textured-look pill, fine board-colour rim
   No circular arrow button
   ========================================================== */

.foundry-demo-return {
  background:
    linear-gradient(145deg,#242321 0%,#171716 55%,#20201F 100%) !important;

  border:1px solid currentColor !important;
  border-radius:999px !important;

  padding:9px 17px !important;
  min-height:38px;

  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.65),
    0 5px 14px rgba(0,0,0,.30) !important;
}

/* Arrow — integrated into pill like #09 */
.foundry-demo-return::before {
  background:none !important;
  border:0 !important;
  width:auto !important;
  height:auto !important;
  flex:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:18px !important;
  line-height:1 !important;
}

/* BILLBOARD — blush */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Billboard"])
.foundry-demo-return {
  color:#E8CACA !important;
}

/* NOTICEBOARD — cream */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Noticeboard"])
.foundry-demo-return {
  color:#DBCCA1 !important;
}

/* SKATEBOARD — taupe */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"])
.foundry-demo-return {
  color:#A58B73 !important;
}

/* SPRINGBOARD — muted green */
html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"])
.foundry-demo-return {
  color:#66827D !important;
}

/* All 12 demo return pills — white text */
.foundry-demo-return {
  color:#FFFFFF !important;
}

/* Force ALL return-pill text white on all 12 demos */
.foundry-demo-return,
.foundry-demo-return *,
.foundry-demo-return span,
.foundry-demo-return strong,
.foundry-demo-return b {
  color:#FFFFFF !important;
}


/* ==========================================================
   FOUNDRY — COPPER BACK ARROW
   Overrides former board-name return pill on all 12 demos
   ========================================================== */

.foundry-demo-return {
    position: fixed !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 2147483647 !important;

    display: block !important;
    width: 72px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;

    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;

    opacity: .94 !important;

    transition:
        transform .18s ease,
        opacity .18s ease,
        filter .18s ease !important;
}

.foundry-demo-return img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
}

.foundry-demo-return:hover {
    opacity: 1 !important;
    transform: translateX(-2px) scale(1.04) !important;
    filter: drop-shadow(0 3px 7px rgba(210,105,45,.42)) !important;
}

.foundry-demo-return:focus-visible {
    outline: 2px solid rgba(255,255,255,.9) !important;
    outline-offset: 5px !important;
}

@media (max-width: 900px) {
    .foundry-demo-return {
        top: 10px !important;
        left: 10px !important;
        width: 62px !important;
    }
}

/* MINI-GOLF — no shadow contaminating the surround grey */
.foundry-demo-frame[title="Mini Golf — Billboard demo"] {
  background: #292929 !important;
  box-shadow: none !important;
}

/* SKATEBOARD + SPRINGBOARD — Billboard mobile return control */
@media (max-width:900px) {
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]),
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) body,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]),
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) body {
    width:100%;
    height:100%;
    height:100dvh;
    margin:0;
    overflow:hidden;
  }

  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) .foundry-demo-frame,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) .foundry-demo-frame {
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) .foundry-demo-return,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) .foundry-demo-return {
    position:fixed !important;
    z-index:2147483647 !important;
    top:10px !important;
    left:0 !important;
    width:34px !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 2px 0 0 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(222,111,54,.36) !important;
    border-left:0 !important;
    border-radius:0 12px 12px 0 !important;
    background:linear-gradient(145deg,#29211d 0%,#171311 64%,#221814 100%) !important;
    box-shadow:
      0 0 0 1px rgba(222,111,54,.08),
      0 0 9px rgba(222,111,54,.34),
      3px 7px 15px rgba(0,0,0,.22) !important;
    opacity:.98 !important;
    overflow:visible !important;
    animation:foundry-mobile-edge-glow 2.8s ease-in-out infinite !important;
  }

  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) .foundry-demo-return::before,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) .foundry-demo-return::before {
    content:none !important;
    display:none !important;
  }

  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) .foundry-demo-return img,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) .foundry-demo-return img {
    display:block !important;
    width:24px !important;
    height:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    opacity:.96 !important;
    filter:drop-shadow(0 0 4px rgba(226,112,50,.58)) !important;
    transform:none !important;
  }

  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) .foundry-demo-return:hover,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) .foundry-demo-return:focus-visible,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) .foundry-demo-return:hover,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) .foundry-demo-return:focus-visible {
    transform:none !important;
    filter:none !important;
    outline:2px solid rgba(255,255,255,.9) !important;
    outline-offset:3px !important;
  }

  @keyframes foundry-mobile-edge-glow {
    0%,100% {
      box-shadow:
        0 0 0 1px rgba(222,111,54,.08),
        0 0 8px rgba(222,111,54,.28),
        3px 7px 15px rgba(0,0,0,.22);
    }
    50% {
      box-shadow:
        0 0 0 1px rgba(240,133,74,.28),
        0 0 18px rgba(222,111,54,.64),
        3px 7px 15px rgba(0,0,0,.22);
    }
  }
}

@media (max-width:900px) and (prefers-reduced-motion:reduce) {
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Skateboard"]) .foundry-demo-return,
  html.foundry-demo-shell:has(.foundry-demo-frame[title*="Springboard"]) .foundry-demo-return {
    animation:none !important;
  }
}