/* Forms & Standing R75 — approved A / stone + glass workspace
 * ONE SCOPE: fs-workspace-showcase. No hero, services, FAQ, layout or JS edits.
 * Uses existing paired R63 physical marble textures, so the materials match the site.
 * Dark: black graphite stone, pewter veins, transparent smoked glass.
 * Light: pale quartz stone, slate veins, translucent mineral glass.
 */
:root{
  --fs75-stone:url("fs-marble-r63-light.webp");
  --fs75-ink:#29342f;
  --fs75-soft:#4e5952;
  --fs75-outer-edge:rgba(109,124,117,.62);
  --fs75-shell-shadow:0 26px 62px rgba(30,39,35,.20);
  --fs75-stone-wash:rgba(237,236,228,.11);
  --fs75-glass:rgba(249,250,245,.19);
  --fs75-glass-deep:rgba(228,234,228,.13);
  --fs75-glass-rim:rgba(255,255,255,.78);
  --fs75-glass-top:rgba(255,255,255,.82);
  --fs75-glass-shadow:rgba(44,57,50,.21);
  --fs75-select:rgba(247,250,247,.34);
  --fs75-select-line:rgba(255,255,255,.78);
}
html[data-theme="dark"]{
  --fs75-stone:url("fs-marble-r63-dark.webp");
  --fs75-ink:#f2eee6;
  --fs75-soft:#d1d6d0;
  --fs75-outer-edge:rgba(180,188,181,.48);
  --fs75-shell-shadow:0 32px 78px rgba(0,0,0,.50);
  --fs75-stone-wash:rgba(3,8,9,.18);
  --fs75-glass:rgba(69,81,81,.29);
  --fs75-glass-deep:rgba(31,45,44,.22);
  --fs75-glass-rim:rgba(224,234,228,.58);
  --fs75-glass-top:rgba(245,249,244,.67);
  --fs75-glass-shadow:rgba(0,0,0,.47);
  --fs75-select:rgba(191,203,198,.18);
  --fs75-select-line:rgba(231,241,233,.69);
}
/* Solid, continuous carved-stone chassis. Existing size and responsive grid stay. */
html[data-theme] fs-workspace-showcase .fs11-workspace-frame{
  isolation:isolate;
  background-color:#dbdad1!important;
  background-image:linear-gradient(var(--fs75-stone-wash),var(--fs75-stone-wash)),var(--fs75-stone)!important;
  background-size:100% 100%,cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:1px solid var(--fs75-outer-edge)!important;
  border-radius:27px!important;
  box-shadow:var(--fs75-shell-shadow),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 5px rgba(41,55,50,.16)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-theme="dark"] fs-workspace-showcase .fs11-workspace-frame{
  background-color:#1a2022!important;
  box-shadow:var(--fs75-shell-shadow),inset 0 1px 0 rgba(224,229,220,.12),inset 0 -3px 6px rgba(0,0,0,.43)!important;
}
/* Remove prior R46 faux marble/glass overlays — the R63 stone is the real surface. */
html[data-theme] fs-workspace-showcase .fs11-workspace-frame::before,
html[data-theme] fs-workspace-showcase .fs11-workspace-frame::after{
  content:none!important;display:none!important;
}
/* Stone top-bar cut from same slab. */
html[data-theme] fs-workspace-showcase .fs11-workspace-topbar{
  position:relative;
  z-index:1;
  min-height:72px;
  background:linear-gradient(180deg,rgba(250,247,237,.08),rgba(26,47,44,.045))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom:1px solid rgba(91,105,99,.27)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.25)!important;
}
html[data-theme="dark"] fs-workspace-showcase .fs11-workspace-topbar{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.12))!important;
  border-bottom-color:rgba(218,226,217,.18)!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.32)!important;
}
html[data-theme] fs-workspace-showcase :is(.fs11-workspace-brand,.fs11-workspace-preview-label){
  color:var(--fs75-ink)!important;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-avatar{
  color:var(--fs75-ink)!important;
  background:rgba(251,252,246,.25)!important;
  border:1px solid rgba(85,104,98,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.39),0 4px 10px rgba(0,0,0,.10)!important;
}
html[data-theme="dark"] fs-workspace-showcase .fs11-workspace-avatar{
  background:rgba(186,208,196,.11)!important;
  border-color:rgba(217,230,219,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 4px 12px rgba(0,0,0,.37)!important;
}
/* Stone navigation rail with no divider, preserving all five working buttons. */
html[data-theme] fs-workspace-showcase .fs11-workspace-body{
  position:relative;
  z-index:1;
  background:transparent!important;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar{
  position:relative;
  z-index:1;
  border:0!important;
  border-right:0!important;
  background:linear-gradient(90deg,rgba(35,56,52,.07),rgba(35,56,52,.01))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-theme="dark"] fs-workspace-showcase .fs11-workspace-sidebar{
  background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.025))!important;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar button{
  position:relative;
  color:var(--fs75-ink)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transform:none!important;
  min-height:42px;
  font-weight:600!important;
  border-radius:14px!important;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar button:hover{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.3)!important;
}
html[data-theme="dark"] fs-workspace-showcase .fs11-workspace-sidebar button:hover{
  background:rgba(211,225,213,.08)!important;
  border-color:rgba(211,225,213,.24)!important;
}
/* Inlaid glass selection tab, naturally illuminated rim. */
html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar button[aria-current="page"]{
  background:linear-gradient(153deg,var(--fs75-select),rgba(255,255,255,.06))!important;
  border:1px solid var(--fs75-select-line)!important;
  color:var(--fs75-ink)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(72,88,77,.18),0 7px 16px rgba(23,36,29,.18)!important;
  -webkit-backdrop-filter:blur(8px) saturate(108%)!important;
  backdrop-filter:blur(8px) saturate(108%)!important;
}
html[data-theme="dark"] fs-workspace-showcase .fs11-workspace-sidebar button[aria-current="page"]{
  box-shadow:inset 0 2px 0 rgba(250,250,245,.45),inset 0 -1px 0 rgba(228,234,224,.16),0 8px 20px rgba(0,0,0,.40)!important;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar p{
  color:var(--fs75-soft)!important;
  opacity:1!important;
}
/* Content = separate pane of optically translucent glass over veined stone. */
html[data-theme] fs-workspace-showcase .fs11-workspace-content{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  margin:11px 12px 12px 0;
  min-width:0;
  min-height:0;
  border:1px solid var(--fs75-glass-rim)!important;
  border-radius:23px!important;
  background:linear-gradient(155deg,var(--fs75-glass),var(--fs75-glass-deep) 64%,rgba(255,255,255,.09))!important;
  -webkit-backdrop-filter:blur(9px) saturate(110%)!important;
  backdrop-filter:blur(9px) saturate(110%)!important;
  box-shadow:inset 0 2px 0 var(--fs75-glass-top),inset 1px 0 0 rgba(255,255,255,.24),0 19px 48px -23px var(--fs75-glass-shadow)!important;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-content::before{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(155deg,rgba(255,255,255,.22),transparent 24%,transparent 68%,rgba(255,255,255,.04)),radial-gradient(ellipse at 85% 0%,rgba(255,255,255,.27),transparent 48%);
}
html[data-theme="dark"] fs-workspace-showcase .fs11-workspace-content::before{
  background:linear-gradient(155deg,rgba(241,250,246,.12),transparent 27%,transparent 68%,rgba(222,237,229,.03)),radial-gradient(ellipse at 85% 0%,rgba(233,244,238,.19),transparent 48%);
}
html[data-theme] fs-workspace-showcase .fs11-workspace-content > *{
  position:relative;
  z-index:1;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-content :is(h3,p){
  color:var(--fs75-ink)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
html[data-theme] fs-workspace-showcase .fs11-workspace-content .fs11-workspace-description{
  color:var(--fs75-soft)!important;
}
/* Keyboard focus remains visible. */
html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar button:focus-visible{
  outline:2px solid var(--fs75-glass-rim)!important;
  outline-offset:2px!important;
}
@media(max-width:600px){
  html[data-theme] fs-workspace-showcase .fs11-workspace-frame{border-radius:19px!important}
  html[data-theme] fs-workspace-showcase .fs11-workspace-content{
    margin:6px 7px 7px 0;
    border-radius:15px!important;
    padding:25px 13px!important;
  }
  html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar button{
    padding:10px 6px!important;
    min-height:39px;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme] fs-workspace-showcase .fs11-workspace-sidebar button{transition:none!important}
}