/* ERP SYSTEM BRIEFING V1.3 — visual / layout refinement
   Safe mount: dashboard content column only. No viewport/fixed widths and no sidebar mutations. */
:root{
  --sb13-bg:#f8f4ec;
  --sb13-bg2:#f3eee5;
  --sb13-glass:rgba(248,244,236,.79);
  --sb13-line:#d7d1c6;
  --sb13-soft:#e7e1d7;
  --sb13-text:#171715;
  --sb13-muted:#706b63;
  --sb13-faint:#999287;
  --sb13-strong:#2d2a27;
  --sb13-accent:#756e64;
}

/* Compress only the verified main-content title/weather strip. */
[data-sb-v13-topstrip="1"]{
  min-height:0!important;
  height:auto!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  margin-top:0!important;
  margin-bottom:8px!important;
}
[data-sb-v13-topstrip="1"] > *{min-height:0!important}

#erp-system-briefing-v13{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;
  margin:0 0 12px 0!important;transform:none!important;z-index:auto!important;
  border:1px solid var(--sb13-line);background:rgba(248,244,236,.985);color:var(--sb13-text);
  font-family:inherit;overflow:hidden;isolation:isolate;
}
#erp-system-briefing-v13 *{box-sizing:border-box}

.sb-v13-head{
  height:34px;padding:0 15px;border-bottom:1px solid var(--sb13-line);
  display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:8;
  background:rgba(248,244,236,.96);
}
.sb-v13-heading{display:flex;align-items:baseline;gap:9px;min-width:0}
.sb-v13-kicker{font-size:8px;line-height:1;letter-spacing:.17em;font-weight:800;color:var(--sb13-faint);white-space:nowrap}
.sb-v13-title{font-size:10px;line-height:1;font-weight:760;letter-spacing:-.01em;white-space:nowrap}
.sb-v13-live{display:flex;align-items:center;gap:6px;color:var(--sb13-muted);font-size:7px;letter-spacing:.06em;white-space:nowrap}
.sb-v13-live i{width:5px;height:5px;border-radius:50%;background:#6f695f;box-shadow:0 0 0 3px rgba(111,105,95,.07);animation:sbV13Live 2.4s ease-in-out infinite}
@keyframes sbV13Live{50%{opacity:.38;transform:scale(.84)}}

/* Main briefing body: editorial text on the left, atmospheric visual on the right. */
.sb-v13-stage{position:relative;min-height:145px;overflow:hidden;background:var(--sb13-bg)}
.sb-v13-main{
  position:relative;z-index:6;width:68%;min-height:145px;padding:12px 18px 10px;
  display:flex;align-items:center;
}
.sb-v13-slide{width:100%;min-width:0;animation:sbV13TextIn 250ms cubic-bezier(.22,.8,.26,1) both}
@keyframes sbV13TextIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.sb-v13-slide-no{font-size:8px;line-height:1;letter-spacing:.13em;font-weight:800;color:var(--sb13-faint);text-transform:uppercase;margin-bottom:7px}
.sb-v13-slide h2{
  margin:0;font-size:clamp(18px,1.62vw,25px);line-height:1.07;letter-spacing:-.036em;font-weight:760;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.sb-v13-slide p{
  margin:7px 0 8px;font-size:9.5px;line-height:1.52;color:var(--sb13-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.sb-v13-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sb13-soft);padding-top:8px;max-width:690px}
.sb-v13-metrics>div{padding:0 11px;min-width:0;border-right:1px solid var(--sb13-soft)}
.sb-v13-metrics>div:first-child{padding-left:0}.sb-v13-metrics>div:last-child{border-right:0}
.sb-v13-metrics span{display:block;font-size:7px;letter-spacing:.1em;color:var(--sb13-faint);margin-bottom:4px;white-space:nowrap}
.sb-v13-metrics strong{display:block;font-size:12px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:730}

/* Visual field — deliberately soft and partially obscured. */
.sb-v13-visual{position:absolute;z-index:3;right:0;top:0;bottom:0;width:42%;overflow:hidden;border-left:1px solid rgba(215,209,198,.55)}
.sb-v13-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(128deg,rgba(235,229,218,.48),rgba(248,244,236,.94))}
.sb-v13-art-layer{position:absolute;inset:-14px -16px -14px -24px;overflow:hidden;pointer-events:none}
.sb-v13-art-layer img{
  width:100%;height:100%;object-fit:cover;object-position:center right;
  opacity:.24;filter:blur(10px) saturate(.68) contrast(.92) brightness(.99);
  transform:scale(1.075);transform-origin:center right;
  -webkit-mask-image:linear-gradient(to left,#000 0%,#000 25%,rgba(0,0,0,.80) 51%,rgba(0,0,0,.22) 82%,transparent 100%);
  mask-image:linear-gradient(to left,#000 0%,#000 25%,rgba(0,0,0,.80) 51%,rgba(0,0,0,.22) 82%,transparent 100%);
}
.sb-v13-art-layer.is-new{animation:sbV13ArtIn 560ms cubic-bezier(.2,.76,.22,1) both}
.sb-v13-art-layer.is-old{animation:sbV13ArtOut 430ms ease both}
@keyframes sbV13ArtIn{
  from{opacity:0;transform:translateX(22px) scale(1.025);filter:blur(5px)}
  to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}
}
@keyframes sbV13ArtOut{
  from{opacity:1;transform:translateX(0);filter:blur(0)}
  to{opacity:0;transform:translateX(-10px);filter:blur(8px)}
}
.sb-v13-art-wash{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--sb13-bg) 0%,rgba(248,244,236,.98) 16%,rgba(248,244,236,.78) 43%,rgba(248,244,236,.30) 72%,rgba(248,244,236,.10) 100%),
    linear-gradient(180deg,rgba(248,244,236,.16),rgba(248,244,236,.34));
}
.sb-v13-art-fallback{position:absolute;inset:0;opacity:.45;overflow:hidden}
.sb-v13-art-fallback i{position:absolute;border:1px solid rgba(117,110,100,.16);transform:rotate(-16deg)}
.sb-v13-art-fallback i:nth-child(1){width:210px;height:210px;right:-44px;top:-70px}
.sb-v13-art-fallback i:nth-child(2){width:150px;height:150px;right:76px;top:34px}
.sb-v13-art-fallback i:nth-child(3){width:250px;height:1px;right:18px;bottom:42px;background:rgba(117,110,100,.14);border:0}

/* Signals float over the art as a warm translucent information pane. */
.sb-v13-glass{
  position:absolute;z-index:5;right:12px;top:11px;bottom:10px;width:min(330px,calc(100% - 24px));
  padding:9px 10px 8px;background:var(--sb13-glass);border:1px solid rgba(215,209,198,.78);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  box-shadow:0 8px 28px rgba(48,43,37,.055);
}
.sb-v13-side-title{font-size:7px;font-weight:800;letter-spacing:.15em;color:var(--sb13-faint);margin-bottom:6px}
.sb-v13-signal-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sb13-soft);border-left:1px solid var(--sb13-soft)}
.sb-v13-signal-row{height:27px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:0 7px;border-right:1px solid var(--sb13-soft);border-bottom:1px solid var(--sb13-soft);min-width:0}
.sb-v13-signal-row:nth-child(5){grid-column:1 / -1}
.sb-v13-signal-row span{font-size:7.5px;color:var(--sb13-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-v13-signal-row strong{font-size:12px;font-weight:760;line-height:1}
.sb-v13-signal-row em{font-size:5.5px;font-style:normal;color:var(--sb13-faint);letter-spacing:.07em;white-space:nowrap}
.sb-v13-turnover{margin-top:7px}
.sb-v13-turnover-label{font-size:6.5px;font-weight:800;letter-spacing:.12em;color:var(--sb13-faint);margin-bottom:4px}
.sb-v13-turnover-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sb13-soft);border-bottom:1px solid var(--sb13-soft)}
.sb-v13-turnover-grid>div{height:25px;display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:center;padding:0 3px;min-width:0}
.sb-v13-turnover-grid>div+div{border-left:1px solid var(--sb13-soft);padding-left:9px}
.sb-v13-turnover-grid span{font-size:6.5px;font-weight:800;color:var(--sb13-faint)}
.sb-v13-turnover-grid strong{font-size:11px;font-weight:760}
.sb-v13-turnover-grid em{font-size:6.5px;font-style:normal;color:var(--sb13-muted)}

.sb-v13-foot{height:20px;padding:0 13px;border-top:1px solid var(--sb13-line);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:rgba(248,244,236,.98);position:relative;z-index:8}
.sb-v13-dots{display:flex;gap:4px;align-items:center}.sb-v13-dots button{appearance:none;border:0;padding:0;width:11px;height:2px;background:#d4cec4;cursor:pointer;transition:width 150ms ease,background 150ms ease}.sb-v13-dots button.is-on{width:22px;background:var(--sb13-strong)}
.sb-v13-progress{height:1px;background:var(--sb13-soft);overflow:hidden}.sb-v13-progress i{display:block;width:100%;height:100%;background:var(--sb13-accent);transform-origin:0 50%}
@keyframes sbV13Progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sb-v13-foot>span{font-size:6.5px;color:var(--sb13-faint);white-space:nowrap}
.sb-v13-loading,.sb-v13-error,.sb-v13-empty{min-height:145px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sb13-muted);font-size:10px;width:100%}
.sb-v13-loading span{width:12px;height:12px;border:1px solid var(--sb13-line);border-top-color:var(--sb13-strong);border-radius:50%;animation:sbV13Spin .75s linear infinite}@keyframes sbV13Spin{to{transform:rotate(360deg)}}
.sb-v13-error{flex-direction:column;color:#704d45}.sb-v13-error small{color:var(--sb13-faint)}

/* Weather remains inside the current DAILY DESK cell, now more compact. */
#erp-system-weather-inline-v13.sb-v13-weather{display:flex!important;align-items:center!important;gap:5px!important;margin-top:3px!important;padding:0!important;width:max-content!important;max-width:100%!important;height:auto!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:var(--sb13-muted)!important;font-size:7.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sb-v13-weather-icon{font-size:9px!important;line-height:1!important;color:var(--sb13-accent)!important}

@media(max-width:1260px){
  .sb-v13-main{width:64%}.sb-v13-visual{width:46%}.sb-v13-glass{width:min(300px,calc(100% - 20px));right:10px}
  .sb-v13-slide h2{font-size:19px}.sb-v13-slide p{font-size:9px}
}
@media(max-width:980px){
  .sb-v13-stage{min-height:210px}.sb-v13-main{position:relative;width:100%;min-height:122px;padding-right:18px}
  .sb-v13-visual{position:relative;width:100%;height:88px;border-left:0;border-top:1px solid var(--sb13-line)}
  .sb-v13-glass{left:10px;right:10px;top:8px;bottom:8px;width:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.7fr);gap:10px}
  .sb-v13-turnover{margin-top:0}.sb-v13-signal-list{grid-template-columns:repeat(5,1fr)}.sb-v13-signal-row:nth-child(5){grid-column:auto}.sb-v13-signal-row{height:39px;grid-template-columns:1fr;gap:2px;align-content:center}.sb-v13-signal-row em{display:none}
  .sb-v13-art-layer img{-webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 58%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.55) 58%,transparent 100%)}
}
@media(max-width:700px){
  [data-sb-v13-topstrip="1"]{padding-top:5px!important;padding-bottom:5px!important}
  .sb-v13-head{padding:0 11px}.sb-v13-main{padding:11px 12px}.sb-v13-slide h2{font-size:17px}.sb-v13-slide p{white-space:normal;min-height:28px}
  .sb-v13-metrics{grid-template-columns:repeat(2,1fr);row-gap:7px}.sb-v13-metrics>div{border:0;padding:0}
  .sb-v13-glass{display:block}.sb-v13-signal-list{grid-template-columns:1fr 1fr}.sb-v13-signal-row:nth-child(5){grid-column:1 / -1}.sb-v13-turnover{display:none}.sb-v13-foot{padding:0 10px}.sb-v13-foot>span{display:none}
}
@media(prefers-reduced-motion:reduce){#erp-system-briefing-v13 *{animation:none!important;transition:none!important}}

/* ============================================================
   V1.3.1 / VISUAL BOUNDARY HOTFIX
   Design correction from production review:
   - The vertical divider belongs immediately left of TODAY SIGNALS.
   - Album/product art lives to the LEFT of that divider.
   - The image's strongest edge is anchored at the divider and dissolves
     progressively toward the briefing copy on the left.
   - TODAY SIGNALS itself remains clean and image-free.
   ============================================================ */
@media (min-width:981px){
  #erp-system-briefing-v13 .sb-v13-stage{
    --sb13-signals-col:25%;
    position:relative;
  }

  /* Copy owns the left field. Leave breathing room before the art reaches full strength. */
  #erp-system-briefing-v13 .sb-v13-main{
    width:61%;
    position:relative;
    z-index:7;
  }

  /* The old visual wrapper no longer defines the divider. It becomes a full-stage
     positioning canvas so art and TODAY SIGNALS can occupy independent regions. */
  #erp-system-briefing-v13 .sb-v13-visual{
    position:absolute;
    z-index:3;
    inset:0;
    width:100%;
    overflow:hidden;
    border-left:0;
    pointer-events:none;
  }

  /* True column divider: exactly the left edge of TODAY SIGNALS. */
  #erp-system-briefing-v13 .sb-v13-stage::after{
    content:"";
    position:absolute;
    z-index:6;
    top:0;
    bottom:0;
    right:var(--sb13-signals-col);
    width:1px;
    background:rgba(215,209,198,.88);
    pointer-events:none;
  }

  /* Artwork is now a middle atmospheric field ending AT the divider.
     It never sits behind TODAY SIGNALS. */
  #erp-system-briefing-v13 .sb-v13-art{
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    left:47%;
    right:var(--sb13-signals-col);
    width:auto;
    overflow:hidden;
    border:0;
    background:linear-gradient(128deg,rgba(235,229,218,.34),rgba(248,244,236,.72));
    pointer-events:none;
  }

  /* Anchor the subject toward the divider. It is most legible at the right edge,
     then becomes increasingly soft / transparent as it travels left. */
  #erp-system-briefing-v13 .sb-v13-art-layer{
    inset:-12px -14px -12px -26px;
    transform-origin:right center;
  }
  #erp-system-briefing-v13 .sb-v13-art-layer img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center right;
    opacity:.29;
    filter:blur(8px) saturate(.72) contrast(.94) brightness(.99);
    transform:scale(1.065);
    transform-origin:right center;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 18%,rgba(0,0,0,.48) 43%,rgba(0,0,0,.82) 70%,#000 88%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.14) 18%,rgba(0,0,0,.48) 43%,rgba(0,0,0,.82) 70%,#000 88%,#000 100%);
  }
  #erp-system-briefing-v13 .sb-v13-art-wash{
    background:
      linear-gradient(90deg,var(--sb13-bg) 0%,rgba(248,244,236,.98) 17%,rgba(248,244,236,.78) 39%,rgba(248,244,236,.34) 65%,rgba(248,244,236,.06) 91%,rgba(248,244,236,0) 100%),
      linear-gradient(180deg,rgba(248,244,236,.12),rgba(248,244,236,.25));
  }

  /* The art now 'breathes in' from the divider itself rather than from the far-right
     edge of the module. The art container clips the motion at the boundary. */
  #erp-system-briefing-v13 .sb-v13-art-layer.is-new{
    animation:sbV131ArtIn 520ms cubic-bezier(.2,.76,.22,1) both;
  }
  #erp-system-briefing-v13 .sb-v13-art-layer.is-old{
    animation:sbV131ArtOut 390ms ease both;
  }
  @keyframes sbV131ArtIn{
    from{opacity:0;transform:translateX(16px) scale(1.025);filter:blur(7px)}
    to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}
  }
  @keyframes sbV131ArtOut{
    from{opacity:1;transform:translateX(0);filter:blur(0)}
    to{opacity:0;transform:translateX(-9px);filter:blur(9px)}
  }

  /* TODAY SIGNALS owns the right column. Its left edge is exactly the stage divider.
     Only the outer-right side keeps a small breathing margin. */
  #erp-system-briefing-v13 .sb-v13-glass{
    position:absolute;
    z-index:8;
    left:auto;
    right:12px;
    top:11px;
    bottom:10px;
    width:calc(var(--sb13-signals-col) - 12px);
    max-width:none;
    border-left:0;
    pointer-events:auto;
    background:rgba(248,244,236,.86);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
  }
}

@media (min-width:981px) and (max-width:1260px){
  #erp-system-briefing-v13 .sb-v13-stage{--sb13-signals-col:29%;}
  #erp-system-briefing-v13 .sb-v13-main{width:58%;}
  #erp-system-briefing-v13 .sb-v13-art{left:43%;}
}

/* ============================================================
   V1.3.2 / EDGE-FOCUS ART + TURNOVER SPACE + MOTION REFINEMENT
   Production review:
   - Keep album/product artwork recognizable; blur only feathered edges.
   - Remove SYSTEM ACTION from Today Signals and give turnover real space.
   - Add designed exit/entry choreography for briefing transitions.
   ============================================================ */

/* Transition choreography: old copy leaves first, then the next slide enters. */
#erp-system-briefing-v13 .sb-v13-slide{
  animation:sbV132CopyIn 360ms cubic-bezier(.22,.8,.26,1) both;
}
#erp-system-briefing-v13 .sb-v13-slide-no{animation:sbV132PieceIn 300ms 25ms cubic-bezier(.22,.8,.26,1) both}
#erp-system-briefing-v13 .sb-v13-slide h2{animation:sbV132PieceIn 360ms 55ms cubic-bezier(.22,.8,.26,1) both}
#erp-system-briefing-v13 .sb-v13-slide p{animation:sbV132PieceIn 360ms 90ms cubic-bezier(.22,.8,.26,1) both}
#erp-system-briefing-v13 .sb-v13-metrics{animation:sbV132PieceIn 380ms 125ms cubic-bezier(.22,.8,.26,1) both}
@keyframes sbV132CopyIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes sbV132PieceIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#erp-system-briefing-v13.sb-v132-leaving .sb-v13-slide{
  opacity:0;transform:translateY(-6px);transition:opacity 145ms ease,transform 165ms cubic-bezier(.4,0,1,1);
}
#erp-system-briefing-v13.sb-v132-leaving .sb-v13-art-layer.is-new{
  opacity:0;transform:translateX(-8px) scale(1.012);filter:blur(4px);transition:opacity 150ms ease,transform 165ms ease,filter 165ms ease;
}

@media (min-width:981px){
  /* Four signals only => 2x2. Turnover is now a first-class block below them. */
  #erp-system-briefing-v13 .sb-v13-glass{
    padding:9px 10px 9px;
    display:flex;
    flex-direction:column;
  }
  #erp-system-briefing-v13 .sb-v13-side-title{flex:0 0 auto;margin-bottom:6px}
  #erp-system-briefing-v13 .sb-v13-signal-list{
    flex:0 0 auto;
    grid-template-columns:1fr 1fr;
  }
  #erp-system-briefing-v13 .sb-v13-signal-row{
    height:29px;
  }
  #erp-system-briefing-v13 .sb-v13-signal-row:nth-child(5){grid-column:auto}
  #erp-system-briefing-v13 .sb-v13-turnover{
    flex:1 1 auto;
    min-height:0;
    margin-top:8px;
    padding-top:1px;
    border-top:1px solid rgba(215,209,198,.65);
  }
  #erp-system-briefing-v13 .sb-v13-turnover-label{
    margin:6px 0 5px;
    font-size:6.8px;
  }
  #erp-system-briefing-v13 .sb-v13-turnover-grid{
    min-height:34px;
    border-top:0;
    border-bottom:0;
    background:rgba(255,255,255,.09);
  }
  #erp-system-briefing-v13 .sb-v13-turnover-grid>div{
    height:34px;
    grid-template-columns:24px 1fr auto;
  }
  #erp-system-briefing-v13 .sb-v13-turnover-grid strong{font-size:13px;letter-spacing:-.02em}
  #erp-system-briefing-v13 .sb-v13-turnover-grid em{font-size:7px}

  /* Two-layer artwork: blurred halo below, recognizable artwork above. */
  #erp-system-briefing-v13 .sb-v13-art-layer{
    inset:-8px -8px -8px -18px;
  }
  #erp-system-briefing-v13 .sb-v13-art-layer img{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center right;
    transform-origin:right center;
  }
  #erp-system-briefing-v13 .sb-v132-art-bg{
    opacity:.18;
    filter:blur(17px) saturate(.78) contrast(.94) brightness(1.01);
    transform:scale(1.075);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,rgba(0,0,0,.55) 38%,#000 72%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 12%,rgba(0,0,0,.55) 38%,#000 72%,#000 100%);
  }
  #erp-system-briefing-v13 .sb-v132-art-focus{
    opacity:.58;
    filter:saturate(.78) contrast(.96) brightness(1.01);
    transform:scale(1.02);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.34) 31%,rgba(0,0,0,.78) 52%,#000 70%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.34) 31%,rgba(0,0,0,.78) 52%,#000 70%,#000 100%);
  }
  /* Edge feathering, not blanket blur. Top/bottom and left edge dissolve into the card. */
  #erp-system-briefing-v13 .sb-v13-art::before{
    content:"";position:absolute;z-index:7;inset:0;pointer-events:none;
    background:
      linear-gradient(90deg,var(--sb13-bg) 0%,rgba(248,244,236,.98) 10%,rgba(248,244,236,.73) 30%,rgba(248,244,236,.20) 55%,rgba(248,244,236,0) 78%),
      linear-gradient(180deg,var(--sb13-bg) 0%,rgba(248,244,236,0) 17%,rgba(248,244,236,0) 82%,var(--sb13-bg) 100%);
  }
  #erp-system-briefing-v13 .sb-v13-art-wash{
    z-index:8;
    background:linear-gradient(180deg,rgba(248,244,236,.09),rgba(248,244,236,.13));
  }

  /* Artwork breathes in from the Today Signals divider but stays legible. */
  #erp-system-briefing-v13 .sb-v13-art-layer.is-new{animation:sbV132ArtIn 620ms cubic-bezier(.18,.76,.22,1) both}
  #erp-system-briefing-v13 .sb-v13-art-layer.is-old{animation:sbV132ArtOut 410ms ease both}
  @keyframes sbV132ArtIn{
    from{opacity:0;transform:translateX(14px) scale(1.018)}
    60%{opacity:.92}
    to{opacity:1;transform:translateX(0) scale(1)}
  }
  @keyframes sbV132ArtOut{
    from{opacity:1;transform:translateX(0) scale(1)}
    to{opacity:0;transform:translateX(-10px) scale(1.012)}
  }

  /* Signals themselves remain stable while values settle softly. */
  #erp-system-briefing-v13 .sb-v13-signal-row strong,
  #erp-system-briefing-v13 .sb-v13-turnover-grid strong,
  #erp-system-briefing-v13 .sb-v13-turnover-grid em{
    animation:sbV132NumberIn 300ms 120ms ease both;
  }
  @keyframes sbV132NumberIn{from{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
}

/* Progress bar feels continuous rather than simply flashing per slide. */
#erp-system-briefing-v13 .sb-v13-progress i{
  animation-timing-function:linear!important;
}

@media(max-width:980px){
  #erp-system-briefing-v13 .sb-v13-signal-list{grid-template-columns:repeat(4,1fr)}
  #erp-system-briefing-v13 .sb-v13-signal-row:nth-child(5){grid-column:auto}
}
@media(max-width:700px){
  #erp-system-briefing-v13 .sb-v13-signal-list{grid-template-columns:1fr 1fr}
}

/* ============================================================
   V1.3.3 / CLEAR ART EDGE FEATHER + TURNOVER LAYOUT + KR DEFAULT
   - Artwork itself remains crisp. Only a low-opacity halo is blurred.
   - Edge feathering is produced by masks/overlays, not whole-image blur.
   - 30D turnover gets a dedicated full-width block that cannot be clipped.
   - Motion uses a short exit -> calm editorial reveal.
   ============================================================ */
@media (min-width:981px){
  #erp-system-briefing-v13 .sb-v13-stage{
    --sb13-signals-col:25%;
    min-height:164px;
    height:164px;
  }
  #erp-system-briefing-v13 .sb-v13-main{
    width:62%;
    min-height:164px;
    padding-top:14px;
    padding-bottom:12px;
  }
  #erp-system-briefing-v13 .sb-v13-art{
    left:48%;
    right:var(--sb13-signals-col);
    top:0;
    bottom:0;
    background:transparent;
  }
  #erp-system-briefing-v13 .sb-v13-art-layer{
    inset:0;
    overflow:hidden;
    filter:none!important;
  }
  #erp-system-briefing-v13 .sb-v13-art-layer img{
    left:auto;
    right:0;
    transform-origin:right center;
  }

  /* Halo: only this low-opacity layer is blurred. */
  #erp-system-briefing-v13 .sb-v132-art-bg{
    top:-10px;
    bottom:-10px;
    width:94%;
    height:calc(100% + 20px);
    opacity:.12;
    object-fit:cover;
    object-position:center right;
    filter:blur(18px) saturate(.82) contrast(.96) brightness(1.02)!important;
    transform:scale(1.055);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.20) 14%,rgba(0,0,0,.72) 42%,#000 74%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.20) 14%,rgba(0,0,0,.72) 42%,#000 74%,#000 100%);
  }

  /* Focus: crisp artwork. No blur at all. The left edge feathers into the card. */
  #erp-system-briefing-v13 .sb-v132-art-focus{
    top:7px;
    bottom:7px;
    width:auto;
    max-width:94%;
    height:calc(100% - 14px);
    opacity:.82;
    object-fit:contain;
    object-position:right center;
    filter:saturate(.86) contrast(.98) brightness(1.015)!important;
    transform:scale(1.005);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 11%,rgba(0,0,0,.82) 25%,#000 39%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 11%,rgba(0,0,0,.82) 25%,#000 39%,#000 100%);
  }

  /* Edge feather only: no opaque wash over the center of the cover. */
  #erp-system-briefing-v13 .sb-v13-art::before{
    content:"";
    position:absolute;
    z-index:7;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,var(--sb13-bg) 0%,rgba(248,244,236,.86) 8%,rgba(248,244,236,.36) 20%,rgba(248,244,236,0) 38%),
      linear-gradient(180deg,var(--sb13-bg) 0%,rgba(248,244,236,0) 10%,rgba(248,244,236,0) 90%,var(--sb13-bg) 100%);
  }
  #erp-system-briefing-v13 .sb-v13-art-wash{
    z-index:8;
    background:linear-gradient(180deg,rgba(248,244,236,.035),rgba(248,244,236,.055));
  }

  /* TODAY SIGNALS: fixed inside the stage, 2x2 signals + full turnover block. */
  #erp-system-briefing-v13 .sb-v13-glass{
    top:8px;
    bottom:8px;
    right:12px;
    width:calc(var(--sb13-signals-col) - 12px);
    padding:8px 10px;
    overflow:hidden;
    background:rgba(248,244,236,.91);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
  }
  #erp-system-briefing-v13 .sb-v13-side-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 5px;
    min-height:11px;
  }
  #erp-system-briefing-v13 .sb-v13-side-title>span{
    font-size:7px;font-weight:800;letter-spacing:.15em;color:var(--sb13-faint);
  }
  #erp-system-briefing-v13 .sb-v13-side-title>b{
    font-size:6px;line-height:1;font-weight:800;letter-spacing:.12em;color:var(--sb13-muted);
    border:1px solid var(--sb13-soft);padding:2px 4px;background:rgba(255,255,255,.18);
  }
  #erp-system-briefing-v13 .sb-v13-signal-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    flex:0 0 auto;
  }
  #erp-system-briefing-v13 .sb-v13-signal-row{
    height:25px;
    grid-template-columns:minmax(0,1fr) auto auto;
    padding:0 6px;
  }
  #erp-system-briefing-v13 .sb-v13-turnover{
    flex:0 0 auto;
    min-height:0;
    margin-top:7px;
    padding-top:6px;
    border-top:1px solid rgba(215,209,198,.72);
  }
  #erp-system-briefing-v13 .sb-v13-turnover-label{
    margin:0 0 5px;
    font-size:6.6px;
    font-weight:800;
    letter-spacing:.12em;
    color:var(--sb13-faint);
  }
  #erp-system-briefing-v13 .sb-v13-turnover-grid{display:none!important;}
  #erp-system-briefing-v13 .sb-v133-turnover-card{
    height:36px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) auto;
    align-items:center;
    column-gap:8px;
    padding:0 8px;
    border-top:1px solid var(--sb13-soft);
    border-bottom:1px solid var(--sb13-soft);
    background:rgba(255,255,255,.10);
  }
  #erp-system-briefing-v13 .sb-v133-turnover-card span{
    font-size:7px;font-weight:850;letter-spacing:.09em;color:var(--sb13-faint);
  }
  #erp-system-briefing-v13 .sb-v133-turnover-card strong{
    font-size:15px;line-height:1;font-weight:780;letter-spacing:-.025em;color:var(--sb13-text);
  }
  #erp-system-briefing-v13 .sb-v133-turnover-card em{
    font-size:8px;font-style:normal;font-weight:620;color:var(--sb13-muted);
  }

  /* Editorial transition: leave quickly, enter with a controlled stagger. */
  #erp-system-briefing-v13 .sb-v13-slide{
    animation:sbV133CopyIn 420ms cubic-bezier(.16,1,.3,1) both!important;
  }
  #erp-system-briefing-v13 .sb-v13-slide-no{animation:sbV133PieceIn 330ms 20ms cubic-bezier(.16,1,.3,1) both!important}
  #erp-system-briefing-v13 .sb-v13-slide h2{animation:sbV133PieceIn 400ms 55ms cubic-bezier(.16,1,.3,1) both!important}
  #erp-system-briefing-v13 .sb-v13-slide p{animation:sbV133PieceIn 420ms 95ms cubic-bezier(.16,1,.3,1) both!important}
  #erp-system-briefing-v13 .sb-v13-metrics{animation:sbV133PieceIn 440ms 135ms cubic-bezier(.16,1,.3,1) both!important}
  @keyframes sbV133CopyIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  @keyframes sbV133PieceIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  #erp-system-briefing-v13.sb-v133-leaving .sb-v13-slide{
    opacity:0!important;
    transform:translateY(-5px)!important;
    transition:opacity 145ms ease,transform 165ms cubic-bezier(.4,0,1,1)!important;
  }

  /* Image transition never blurs the focus layer; only opacity/position changes. */
  #erp-system-briefing-v13 .sb-v13-art-layer.is-new{
    animation:sbV133ArtIn 650ms cubic-bezier(.16,1,.3,1) both!important;
  }
  #erp-system-briefing-v13 .sb-v13-art-layer.is-old{
    animation:sbV133ArtOut 360ms ease both!important;
  }
  #erp-system-briefing-v13.sb-v133-leaving .sb-v13-art-layer.is-new{
    opacity:0!important;
    transform:translateX(-7px) scale(1.006)!important;
    filter:none!important;
    transition:opacity 150ms ease,transform 165ms ease!important;
  }
  @keyframes sbV133ArtIn{
    from{opacity:0;transform:translateX(16px) scale(1.018)}
    65%{opacity:1}
    to{opacity:1;transform:translateX(0) scale(1)}
  }
  @keyframes sbV133ArtOut{
    from{opacity:1;transform:translateX(0) scale(1)}
    to{opacity:0;transform:translateX(-8px) scale(1.008)}
  }
  #erp-system-briefing-v13 .sb-v133-turnover-card strong,
  #erp-system-briefing-v13 .sb-v133-turnover-card em{
    animation:sbV133NumberIn 340ms 110ms ease both;
  }
  @keyframes sbV133NumberIn{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
}

@media (min-width:981px) and (max-width:1260px){
  #erp-system-briefing-v13 .sb-v13-stage{--sb13-signals-col:29%;height:168px;min-height:168px}
  #erp-system-briefing-v13 .sb-v13-main{width:58%;min-height:168px}
  #erp-system-briefing-v13 .sb-v13-art{left:44%}
}

@media(max-width:980px){
  #erp-system-briefing-v13 .sb-v133-turnover-card{height:34px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;padding:0 7px;border-top:1px solid var(--sb13-soft);border-bottom:1px solid var(--sb13-soft)}
  #erp-system-briefing-v13 .sb-v133-turnover-card span{font-size:7px;font-weight:800;color:var(--sb13-faint)}
  #erp-system-briefing-v13 .sb-v133-turnover-card strong{font-size:13px}
  #erp-system-briefing-v13 .sb-v133-turnover-card em{font-size:7px;font-style:normal;color:var(--sb13-muted)}
}


/* V1.4 CONTEXT PANEL + ZERO-FLASH TRANSITION */
#erp-system-briefing-v13 .sb-v14-stage{position:relative;height:168px;min-height:168px;overflow:hidden;background:var(--sb13-bg);--sb14-context:25%}
#erp-system-briefing-v13 .sb-v14-copy{position:absolute;left:0;top:0;bottom:0;width:59%;z-index:7;overflow:hidden}
#erp-system-briefing-v13 .sb-v14-copy-slot{position:absolute;inset:0;padding:13px 20px 10px;display:flex;align-items:center;opacity:0;transform:translateY(8px);pointer-events:none;will-change:opacity,transform}
#erp-system-briefing-v13 .sb-v14-copy-slot.is-active{opacity:1;transform:translateY(0);transition:opacity 360ms cubic-bezier(.16,1,.3,1),transform 430ms cubic-bezier(.16,1,.3,1)}
#erp-system-briefing-v13 .sb-v14-copy-slot.is-exit{opacity:0;transform:translateY(-7px);transition:opacity 210ms ease,transform 260ms cubic-bezier(.4,0,1,1)}
#erp-system-briefing-v13 .sb-v14-slide{width:100%;min-width:0}.sb-v14-slide-no{font-size:8px;line-height:1;letter-spacing:.13em;font-weight:800;color:var(--sb13-faint);text-transform:uppercase;margin-bottom:8px}
#erp-system-briefing-v13 .sb-v14-slide h2{margin:0;font-size:clamp(19px,1.68vw,27px);line-height:1.06;letter-spacing:-.04em;font-weight:770;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#erp-system-briefing-v13 .sb-v14-slide p{margin:8px 0 9px;font-size:9.5px;line-height:1.5;color:var(--sb13-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#erp-system-briefing-v13 .sb-v14-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sb13-soft);padding-top:9px;max-width:760px}
#erp-system-briefing-v13 .sb-v14-metrics>div{padding:0 12px;min-width:0;border-right:1px solid var(--sb13-soft)}#erp-system-briefing-v13 .sb-v14-metrics>div:first-child{padding-left:0}#erp-system-briefing-v13 .sb-v14-metrics>div:last-child{border-right:0}
#erp-system-briefing-v13 .sb-v14-metrics span{display:block;font-size:7px;letter-spacing:.1em;color:var(--sb13-faint);margin-bottom:4px;white-space:nowrap}#erp-system-briefing-v13 .sb-v14-metrics strong{display:block;font-size:12px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:740}
#erp-system-briefing-v13 .sb-v14-art{position:absolute;z-index:3;left:48%;right:var(--sb14-context);top:0;bottom:0;overflow:hidden;background:linear-gradient(90deg,var(--sb13-bg),rgba(248,244,236,.34))}
#erp-system-briefing-v13 .sb-v14-art-slot{position:absolute;inset:0;opacity:0;transform:translateX(14px) scale(1.012);will-change:opacity,transform}
#erp-system-briefing-v13 .sb-v14-art-slot.is-active{opacity:1;transform:translateX(0) scale(1);transition:opacity 480ms ease,transform 560ms cubic-bezier(.16,1,.3,1)}#erp-system-briefing-v13 .sb-v14-art-slot.is-exit{opacity:0;transform:translateX(-8px) scale(1.006);transition:opacity 250ms ease,transform 300ms ease}
#erp-system-briefing-v13 .sb-v14-art-halo,#erp-system-briefing-v13 .sb-v14-art-focus{position:absolute;inset:-7px -5px -7px -16px;overflow:hidden;pointer-events:none}
#erp-system-briefing-v13 .sb-v14-art-halo img{width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.14;filter:blur(18px) saturate(.72);transform:scale(1.07)}
#erp-system-briefing-v13 .sb-v14-art-focus img{width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.50;filter:saturate(.84) contrast(.96) brightness(1.025);transform:scale(1.01);transform-origin:center right}
#erp-system-briefing-v13 .sb-v14-art-wash{position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--sb13-bg) 0%,rgba(248,244,236,.98) 11%,rgba(248,244,236,.75) 27%,rgba(248,244,236,.22) 49%,rgba(248,244,236,0) 67%),linear-gradient(180deg,var(--sb13-bg) 0%,rgba(248,244,236,0) 13%,rgba(248,244,236,0) 86%,var(--sb13-bg) 100%)}
#erp-system-briefing-v13 .sb-v14-art-fallback{display:none;position:absolute;inset:0}#erp-system-briefing-v13 .sb-v14-art-slot.no-image .sb-v14-art-halo,#erp-system-briefing-v13 .sb-v14-art-slot.no-image .sb-v14-art-focus{display:none}#erp-system-briefing-v13 .sb-v14-art-slot.no-image .sb-v14-art-fallback{display:block;opacity:.42}
#erp-system-briefing-v13 .sb-v14-art-fallback i{position:absolute;border:1px solid rgba(117,110,100,.14);transform:rotate(-14deg)}#erp-system-briefing-v13 .sb-v14-art-fallback i:first-child{width:190px;height:190px;right:-34px;top:-70px}#erp-system-briefing-v13 .sb-v14-art-fallback i:last-child{width:145px;height:145px;right:68px;top:38px}
#erp-system-briefing-v13 .sb-v14-context{position:absolute;z-index:10;right:0;top:0;bottom:0;width:var(--sb14-context);border-left:1px solid var(--sb13-line);background:rgba(248,244,236,.97);overflow:hidden}
#erp-system-briefing-v13 .sb-v14-context-slot{position:absolute;inset:0;padding:10px 12px 8px;opacity:0;transform:translateY(6px);will-change:opacity,transform}#erp-system-briefing-v13 .sb-v14-context-slot.is-active{opacity:1;transform:translateY(0);transition:opacity 390ms 70ms ease,transform 440ms 70ms cubic-bezier(.16,1,.3,1)}#erp-system-briefing-v13 .sb-v14-context-slot.is-exit{opacity:0;transform:translateY(-5px);transition:opacity 180ms ease,transform 230ms ease}
#erp-system-briefing-v13 .sb-v14-context-inner{height:100%;display:flex;flex-direction:column;min-width:0}#erp-system-briefing-v13 .sb-v14-context-head{height:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}
#erp-system-briefing-v13 .sb-v14-context-head span{font-size:6.7px;font-weight:850;letter-spacing:.15em;color:var(--sb13-faint)}#erp-system-briefing-v13 .sb-v14-context-head b{font-size:6px;line-height:1;font-weight:800;letter-spacing:.1em;color:var(--sb13-muted);border:1px solid var(--sb13-soft);padding:2px 4px}
#erp-system-briefing-v13 .sb-v14-context-hero{height:51px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:5px 0 8px;border-bottom:1px solid var(--sb13-soft);flex:0 0 auto}#erp-system-briefing-v13 .sb-v14-context-hero>span{font-size:7.5px;color:var(--sb13-muted);padding-bottom:3px;white-space:nowrap}#erp-system-briefing-v13 .sb-v14-context-hero>div{display:flex;align-items:baseline;gap:6px;min-width:0}#erp-system-briefing-v13 .sb-v14-context-hero strong{font-size:25px;line-height:.95;letter-spacing:-.045em;font-weight:770;white-space:nowrap}#erp-system-briefing-v13 .sb-v14-context-hero em{font-size:6.5px;font-style:normal;font-weight:780;letter-spacing:.09em;color:var(--sb13-faint);white-space:nowrap}
#erp-system-briefing-v13 .sb-v14-context-grid{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}#erp-system-briefing-v13 .sb-v14-context-grid>div{min-width:0;padding:6px 7px;border-bottom:1px solid var(--sb13-soft)}#erp-system-briefing-v13 .sb-v14-context-grid>div:nth-child(odd){border-right:1px solid var(--sb13-soft);padding-left:0}#erp-system-briefing-v13 .sb-v14-context-grid span{display:block;font-size:6px;letter-spacing:.08em;color:var(--sb13-faint);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#erp-system-briefing-v13 .sb-v14-context-grid strong{display:block;font-size:10.5px;line-height:1.05;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#erp-system-briefing-v13 .sb-v14-context-foot{height:21px;display:flex;align-items:center;border-top:1px solid var(--sb13-line);font-size:6.4px;font-weight:760;letter-spacing:.06em;color:var(--sb13-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}
#erp-system-briefing-v13.sb-v14-refreshing::after{content:'';position:absolute;z-index:20;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--sb13-accent),transparent);animation:sbV14Refresh 900ms linear infinite}@keyframes sbV14Refresh{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
#erp-system-briefing-v13 .sb-v14-empty{width:100%;color:var(--sb13-muted);font-size:10px}
@media(min-width:981px) and (max-width:1260px){#erp-system-briefing-v13 .sb-v14-stage{--sb14-context:29%;height:174px;min-height:174px}#erp-system-briefing-v13 .sb-v14-copy{width:57%}#erp-system-briefing-v13 .sb-v14-art{left:45%}#erp-system-briefing-v13 .sb-v14-context-hero strong{font-size:21px}}
@media(max-width:980px){#erp-system-briefing-v13 .sb-v14-stage{height:260px;min-height:260px;--sb14-context:100%}#erp-system-briefing-v13 .sb-v14-copy{left:0;right:0;top:0;height:145px;width:auto}#erp-system-briefing-v13 .sb-v14-art{left:48%;right:0;top:0;height:145px;bottom:auto}#erp-system-briefing-v13 .sb-v14-context{left:0;right:0;top:145px;bottom:0;width:auto;border-left:0;border-top:1px solid var(--sb13-line)}#erp-system-briefing-v13 .sb-v14-context-grid{grid-template-columns:repeat(4,1fr)}#erp-system-briefing-v13 .sb-v14-context-grid>div:nth-child(odd){border-right:1px solid var(--sb13-soft);padding-left:7px}#erp-system-briefing-v13 .sb-v14-context-hero{height:40px}#erp-system-briefing-v13 .sb-v14-context-hero strong{font-size:18px}}
@media(max-width:700px){#erp-system-briefing-v13 .sb-v14-copy-slot{padding:11px 12px}#erp-system-briefing-v13 .sb-v14-slide h2{font-size:18px}#erp-system-briefing-v13 .sb-v14-slide p{white-space:normal;max-height:28px;overflow:hidden}#erp-system-briefing-v13 .sb-v14-metrics{grid-template-columns:1fr 1fr;gap:5px}#erp-system-briefing-v13 .sb-v14-metrics>div{border:0!important;padding:0!important}}
@media(prefers-reduced-motion:reduce){#erp-system-briefing-v13 .sb-v14-copy-slot,#erp-system-briefing-v13 .sb-v14-art-slot,#erp-system-briefing-v13 .sb-v14-context-slot{transition:opacity 120ms linear!important;transform:none!important}}

/* ================================================================
   SYSTEM BRIEFING V1.5 — SEMANTIC VISUAL ENGINE
   No-image briefings receive type-aware editorial motion graphics.
   The palette deliberately reuses the existing warm paper / charcoal
   system and avoids neon, saturated gradients, or game-like effects.
   ================================================================ */
#erp-system-briefing-v13 .sb-v14-art-slot.has-image .sb-v15-semantic{display:none}
#erp-system-briefing-v13 .sb-v14-art-slot.no-image .sb-v14-art-halo,
#erp-system-briefing-v13 .sb-v14-art-slot.no-image .sb-v14-art-focus{display:none}
#erp-system-briefing-v13 .sb-v14-art-slot.no-image .sb-v15-semantic{display:block}
#erp-system-briefing-v13 .sb-v15-semantic{position:absolute;inset:0;z-index:4;display:none;overflow:hidden;color:rgba(35,32,28,.64)}
#erp-system-briefing-v13 .sb-v15-motion{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,rgba(248,244,236,0) 0%,rgba(248,244,236,.18) 34%,rgba(248,244,236,.46) 100%)}
#erp-system-briefing-v13 .sb-v15-motion::before{content:'';position:absolute;inset:13px 17px 18px 12px;border-top:1px solid rgba(69,64,57,.055);border-bottom:1px solid rgba(69,64,57,.055);pointer-events:none}
#erp-system-briefing-v13 .sb-v15-motion-caption{position:absolute;right:17px;bottom:11px;z-index:8;text-align:right;line-height:1.12;opacity:.64}
#erp-system-briefing-v13 .sb-v15-motion-caption b{display:block;font-size:7px;letter-spacing:.19em;font-weight:850;color:rgba(29,27,24,.74)}
#erp-system-briefing-v13 .sb-v15-motion-caption span{display:block;margin-top:3px;font-size:5.5px;letter-spacing:.1em;color:rgba(92,85,76,.58)}
#erp-system-briefing-v13 .sb-v15-svg{position:absolute;right:8px;top:5px;width:94%;height:92%;overflow:visible}
#erp-system-briefing-v13 .sb-v14-art-slot:not(.is-active) .sb-v15-motion *{animation-play-state:paused!important}
#erp-system-briefing-v13 .sb-v14-art-slot.is-active .sb-v15-motion *{animation-play-state:running}

/* Clear artwork remains clear; only the atmospheric duplicate is blurred. */
#erp-system-briefing-v13 .sb-v14-art-halo img{opacity:.10;filter:blur(19px) saturate(.68) contrast(.94);transform:scale(1.085)}
#erp-system-briefing-v13 .sb-v14-art-focus{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 16%,#000 40%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 16%,#000 40%,#000 100%)}
#erp-system-briefing-v13 .sb-v14-art-focus img{opacity:.61;filter:saturate(.88) contrast(.99) brightness(1.015);transform:scale(1.008)}
#erp-system-briefing-v13 .sb-v14-art-wash{background:linear-gradient(90deg,var(--sb13-bg) 0%,rgba(248,244,236,.97) 10%,rgba(248,244,236,.72) 25%,rgba(248,244,236,.16) 50%,rgba(248,244,236,0) 65%),linear-gradient(180deg,var(--sb13-bg) 0%,rgba(248,244,236,0) 9%,rgba(248,244,236,0) 90%,var(--sb13-bg) 100%)}

/* TURNOVER — two counter-rotating incomplete arrows. */
#erp-system-briefing-v13 .sb-v15-turnover-grid{position:absolute;width:158px;height:158px;right:24px;top:5px;border-radius:50%;background:radial-gradient(circle,transparent 0 18%,rgba(37,34,30,.035) 18.5% 19%,transparent 19.5% 39%,rgba(37,34,30,.04) 39.5% 40%,transparent 40.5% 100%)}
#erp-system-briefing-v13 .sb-v15-turnover .sb-v15-ring{fill:none;stroke:rgba(38,35,31,.52);stroke-width:1.5;stroke-linecap:round;transform-box:fill-box;transform-origin:center}
#erp-system-briefing-v13 .sb-v15-turnover .sb-v15-ring-b{stroke:rgba(105,98,88,.36);stroke-width:1.2}
#erp-system-briefing-v13 .sb-v15-turnover .sb-v15-arrow{fill:none;stroke-linejoin:round}
#erp-system-briefing-v13 .sb-v15-turnover .sb-v15-core{fill:rgba(37,34,30,.52)}
#erp-system-briefing-v13 .sb-v15-turnover .sb-v15-ring-a{animation:sbV15TurnA 10s linear infinite}
#erp-system-briefing-v13 .sb-v15-turnover .sb-v15-ring-b{animation:sbV15TurnB 13s linear infinite}
@keyframes sbV15TurnA{to{transform:rotate(360deg)}}
@keyframes sbV15TurnB{to{transform:rotate(-360deg)}}

/* ARRIVAL — crates align to a restrained pallet grid. */
#erp-system-briefing-v13 .sb-v15-arrival-rail{position:absolute;top:20px;bottom:37px;width:1px;background:rgba(48,44,39,.08)}
#erp-system-briefing-v13 .sb-v15-arrival-rail.r1{right:118px}#erp-system-briefing-v13 .sb-v15-arrival-rail.r2{right:44px}
#erp-system-briefing-v13 .sb-v15-crate{position:absolute;width:52px;height:38px;border:1px solid rgba(49,45,40,.36);background:rgba(250,247,241,.42);right:67px;top:34px;animation:sbV15Crate 6.8s cubic-bezier(.45,0,.18,1) infinite}
#erp-system-briefing-v13 .sb-v15-crate.c2{right:124px;top:62px;animation-delay:-2.3s;transform:scale(.88)}#erp-system-briefing-v13 .sb-v15-crate.c3{right:15px;top:71px;animation-delay:-4.6s;transform:scale(.78)}
#erp-system-briefing-v13 .sb-v15-crate i{position:absolute;background:rgba(49,45,40,.14)}#erp-system-briefing-v13 .sb-v15-crate i:first-child{left:50%;top:0;bottom:0;width:1px}#erp-system-briefing-v13 .sb-v15-crate i:last-child{left:0;right:0;top:50%;height:1px}
#erp-system-briefing-v13 .sb-v15-pallet{position:absolute;right:18px;bottom:31px;width:180px;height:9px;border-top:1px solid rgba(49,45,40,.36);display:flex;gap:7px}.sb-v15-pallet i{flex:1;border-left:1px solid rgba(49,45,40,.18);border-right:1px solid rgba(49,45,40,.18)}
#erp-system-briefing-v13 .sb-v15-arrival-scan{position:absolute;right:12px;top:24px;width:192px;height:1px;background:linear-gradient(90deg,transparent,rgba(57,53,47,.28),transparent);animation:sbV15Scan 5.4s ease-in-out infinite}
@keyframes sbV15Crate{0%,100%{transform:translateY(0);opacity:.45}44%,56%{transform:translateY(8px);opacity:.92}}
@keyframes sbV15Scan{0%,100%{transform:translateY(0);opacity:0}18%{opacity:.8}50%{transform:translateY(85px);opacity:.4}70%{opacity:0}}

/* SALES — editorial bars with a continuously traced line. */
#erp-system-briefing-v13 .sb-v15-sales .sb-v15-bars rect{fill:rgba(67,62,55,.10);stroke:rgba(67,62,55,.20);stroke-width:.7;transform-box:fill-box;transform-origin:center bottom;animation:sbV15BarPulse 7.2s ease-in-out infinite}
#erp-system-briefing-v13 .sb-v15-sales .sb-v15-bars rect:nth-child(2){animation-delay:-1.2s}.sb-v15-sales .sb-v15-bars rect:nth-child(3){animation-delay:-2.4s}.sb-v15-sales .sb-v15-bars rect:nth-child(4){animation-delay:-3.6s}.sb-v15-sales .sb-v15-bars rect:nth-child(5){animation-delay:-4.8s}.sb-v15-sales .sb-v15-bars rect:nth-child(6){animation-delay:-6s}
#erp-system-briefing-v13 .sb-v15-sales .sb-v15-trend{fill:none;stroke:rgba(35,32,28,.58);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:260;animation:sbV15Trace 6.4s cubic-bezier(.2,.65,.25,1) infinite}
#erp-system-briefing-v13 .sb-v15-sales .sb-v15-dots circle{fill:rgba(35,32,28,.58)}
@keyframes sbV15BarPulse{0%,100%{transform:scaleY(.84);opacity:.55}48%,58%{transform:scaleY(1);opacity:.94}}
@keyframes sbV15Trace{0%{stroke-dashoffset:260;opacity:.15}24%,72%{stroke-dashoffset:0;opacity:.88}100%{stroke-dashoffset:-260;opacity:.08}}

/* PROFIT — a calm margin curve and a low-opacity value band. */
#erp-system-briefing-v13 .sb-v15-profit-band{fill:rgba(89,81,71,.065)}
#erp-system-briefing-v13 .sb-v15-profit-line{fill:none;stroke:rgba(35,32,28,.58);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:300;animation:sbV15ProfitTrace 8.5s ease-in-out infinite}
#erp-system-briefing-v13 .sb-v15-profit-dot{fill:var(--sb13-bg);stroke:rgba(35,32,28,.58);stroke-width:1.5;animation:sbV15Dot 3.2s ease-in-out infinite}
@keyframes sbV15ProfitTrace{0%,8%{stroke-dashoffset:300;opacity:.3}38%,82%{stroke-dashoffset:0;opacity:.85}100%{stroke-dashoffset:-20;opacity:.25}}
@keyframes sbV15Dot{0%,100%{r:3.5;opacity:.46}50%{r:5.2;opacity:.9}}

/* INVENTORY / STOCK — level bars against a quiet safety threshold. */
#erp-system-briefing-v13 .sb-v15-stock-bars{position:absolute;right:21px;top:29px;width:187px;height:89px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid rgba(49,45,40,.14)}
#erp-system-briefing-v13 .sb-v15-stock-bars i{display:block;flex:1;height:var(--h);background:rgba(64,59,52,.085);border:1px solid rgba(64,59,52,.17);animation:sbV15StockBreath 6.6s ease-in-out infinite}.sb-v15-stock-bars i:nth-child(2n){animation-delay:-2.2s}.sb-v15-stock-bars i.low{background:rgba(65,57,49,.16);border-color:rgba(55,48,42,.34)}
#erp-system-briefing-v13 .sb-v15-stock-threshold{position:absolute;right:17px;top:81px;width:198px;border-top:1px dashed rgba(49,45,40,.28);z-index:3}.sb-v15-stock-threshold span{position:absolute;right:0;top:-11px;font-size:5px;letter-spacing:.1em;color:rgba(71,65,58,.55)}
@keyframes sbV15StockBreath{0%,100%{opacity:.44;transform:scaleY(.96)}50%{opacity:.92;transform:scaleY(1)}}

/* EVENT — low-frequency radar rings, no neon glow. */
#erp-system-briefing-v13 .sb-v15-radar{position:absolute;right:36px;top:17px;width:142px;height:142px;border:1px solid rgba(55,51,45,.10);border-radius:50%}
#erp-system-briefing-v13 .sb-v15-radar::before,#erp-system-briefing-v13 .sb-v15-radar::after{content:'';position:absolute;background:rgba(55,51,45,.07)}#erp-system-briefing-v13 .sb-v15-radar::before{left:50%;top:7%;bottom:7%;width:1px}#erp-system-briefing-v13 .sb-v15-radar::after{top:50%;left:7%;right:7%;height:1px}
#erp-system-briefing-v13 .sb-v15-radar .rr{position:absolute;border:1px solid rgba(55,51,45,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:sbV15Radar 7.5s ease-out infinite}.sb-v15-radar .r1{width:28px;height:28px}.sb-v15-radar .r2{width:28px;height:28px;animation-delay:-2.5s}.sb-v15-radar .r3{width:28px;height:28px;animation-delay:-5s}
#erp-system-briefing-v13 .sb-v15-radar-core{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(35,32,28,.58);transform:translate(-50%,-50%)}
#erp-system-briefing-v13 .sb-v15-radar-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(35,32,28,.46)}.sb-v15-radar-dot.d1{left:74%;top:34%}.sb-v15-radar-dot.d2{left:31%;top:70%}
@keyframes sbV15Radar{0%{width:26px;height:26px;opacity:.62}88%,100%{width:124px;height:124px;opacity:0}}

/* RELEASE — abstract sleeve + disc. */
#erp-system-briefing-v13 .sb-v15-sleeve{position:absolute;right:71px;top:24px;width:104px;height:104px;border:1px solid rgba(55,50,44,.28);background:rgba(255,255,255,.08);transform:rotate(-3deg)}
#erp-system-briefing-v13 .sb-v15-sleeve>i{position:absolute;left:11px;right:11px;bottom:12px;height:1px;background:rgba(55,50,44,.14)}
#erp-system-briefing-v13 .sb-v15-disc{position:absolute;right:19px;top:39px;width:82px;height:82px;border:1px solid rgba(55,50,44,.35);border-radius:50%;background:radial-gradient(circle,transparent 0 6px,rgba(55,50,44,.08) 7px 8px,transparent 9px 26px,rgba(55,50,44,.08) 27px 28px,transparent 29px);animation:sbV15Disc 12s linear infinite}
#erp-system-briefing-v13 .sb-v15-disc>i{position:absolute;width:6px;height:6px;border-radius:50%;border:1px solid rgba(55,50,44,.33);left:50%;top:50%;transform:translate(-50%,-50%)}
#erp-system-briefing-v13 .sb-v15-release-track{position:absolute;height:1px;background:rgba(55,50,44,.10);left:28px}.sb-v15-release-track.t1{right:154px;top:63px}.sb-v15-release-track.t2{right:177px;top:78px}
@keyframes sbV15Disc{to{transform:rotate(360deg)}}

/* BUY / restock — inward arrows and a measured stock stack. */
#erp-system-briefing-v13 .sb-v15-buy-stack{position:absolute;right:36px;bottom:34px;width:102px;height:72px;display:flex;align-items:flex-end;gap:4px}.sb-v15-buy-stack i{display:block;width:31%;border:1px solid rgba(54,49,43,.27);background:rgba(54,49,43,.06)}.sb-v15-buy-stack i:nth-child(1){height:38px}.sb-v15-buy-stack i:nth-child(2){height:57px}.sb-v15-buy-stack i:nth-child(3){height:46px}
#erp-system-briefing-v13 .sb-v15-buy-arrow{position:absolute;width:70px;height:1px;background:rgba(49,45,40,.27);right:151px}.sb-v15-buy-arrow::after{content:'';position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-right:1px solid rgba(49,45,40,.42);border-top:1px solid rgba(49,45,40,.42);transform:rotate(45deg)}.sb-v15-buy-arrow.a1{top:49px;animation:sbV15BuyFlow 5.6s ease-in-out infinite}.sb-v15-buy-arrow.a2{top:72px;animation:sbV15BuyFlow 5.6s -1.8s ease-in-out infinite}.sb-v15-buy-arrow.a3{top:95px;animation:sbV15BuyFlow 5.6s -3.6s ease-in-out infinite}
@keyframes sbV15BuyFlow{0%,100%{transform:translateX(-10px);opacity:.15}45%,60%{transform:translateX(12px);opacity:.72}}

/* Generic restrained orbit for future briefing types. */
#erp-system-briefing-v13 .sb-v15-generic-orbit{position:absolute;border:1px solid rgba(56,51,45,.18);border-radius:50%;right:35px;top:25px;animation:sbV15Generic 14s linear infinite}.sb-v15-generic-orbit.o1{width:132px;height:97px;transform:rotate(-16deg)}.sb-v15-generic-orbit.o2{width:97px;height:132px;right:54px;top:9px;animation-direction:reverse}.sb-v15-generic-core{position:absolute;right:98px;top:78px;width:5px;height:5px;border-radius:50%;background:rgba(35,32,28,.5)}
@keyframes sbV15Generic{to{transform:rotate(344deg)}}

/* New art slots enter as a complete visual field, then their internal motion continues. */
#erp-system-briefing-v13 .sb-v14-art-slot.no-image.is-active .sb-v15-semantic{animation:sbV15SemanticIn 520ms cubic-bezier(.16,1,.3,1) both}
@keyframes sbV15SemanticIn{from{opacity:0;transform:translateX(10px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}

@media(max-width:980px){
  #erp-system-briefing-v13 .sb-v15-motion-caption{right:10px;bottom:8px}
  #erp-system-briefing-v13 .sb-v15-svg{right:0;width:100%}
}
@media(prefers-reduced-motion:reduce){
  #erp-system-briefing-v13 .sb-v15-motion *{animation:none!important}
}

/* ================================================================
   SYSTEM BRIEFING V1.5.1 — TURNOVER ALIGNMENT HOTFIX
   A single concentric circular instrument anchored inside the art zone.
   The two arrows now share one centre and rotate in opposite directions.
   ================================================================ */
#erp-system-briefing-v13 .sb-v151-turnover .sb-v15-svg,
#erp-system-briefing-v13 .sb-v151-turnover .sb-v15-turnover-grid{
  display:none!important;
}
#erp-system-briefing-v13 .sb-v151-turnover-orbit{
  position:absolute;
  right:22px;
  top:9px;
  width:198px;
  height:142px;
  pointer-events:none;
  opacity:.95;
}
#erp-system-briefing-v13 .sb-v151-turnover-grid{
  position:absolute;
  left:50%;
  top:50%;
  width:126px;
  height:126px;
  transform:translate(-50%,-52%);
  border-radius:50%;
  background:
    radial-gradient(circle,
      transparent 0 16px,
      rgba(49,45,40,.035) 16.5px 17px,
      transparent 17.5px 32px,
      rgba(49,45,40,.042) 32.5px 33px,
      transparent 33.5px 49px,
      rgba(49,45,40,.036) 49.5px 50px,
      transparent 50.5px 100%);
}
#erp-system-briefing-v13 .sb-v151-turnover-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
#erp-system-briefing-v13 .sb-v151-ring{
  fill:none;
  transform-box:view-box;
  transform-origin:90px 66px;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#erp-system-briefing-v13 .sb-v151-ring circle{
  fill:none;
  stroke-dasharray:255 60;
}
#erp-system-briefing-v13 .sb-v151-ring-outer{
  stroke:rgba(40,36,32,.54);
  stroke-width:1.45;
  animation:sbV151TurnOuter 12s linear infinite;
}
#erp-system-briefing-v13 .sb-v151-ring-inner{
  stroke:rgba(108,100,89,.38);
  stroke-width:1.15;
  animation:sbV151TurnInner 15.5s linear infinite;
}
#erp-system-briefing-v13 .sb-v151-ring-inner circle{
  stroke-dasharray:168 48;
}
#erp-system-briefing-v13 .sb-v151-arrow{
  fill:none;
  stroke:currentColor;
}
#erp-system-briefing-v13 .sb-v151-core{
  fill:rgba(39,35,31,.56);
}
#erp-system-briefing-v13 .sb-v151-core-orbit{
  fill:none;
  stroke:rgba(59,54,48,.10);
  stroke-width:1;
}
#erp-system-briefing-v13 .sb-v151-axis{
  position:absolute;
  left:50%;
  top:50%;
  background:rgba(57,52,46,.045);
  transform:translate(-50%,-52%);
}
#erp-system-briefing-v13 .sb-v151-axis.x{width:150px;height:1px}
#erp-system-briefing-v13 .sb-v151-axis.y{width:1px;height:112px}
@keyframes sbV151TurnOuter{to{transform:rotate(360deg)}}
@keyframes sbV151TurnInner{to{transform:rotate(-360deg)}}

/* Keep the motion caption visually attached to the instrument rather than
   floating under the context divider. */
#erp-system-briefing-v13 .sb-v151-turnover .sb-v15-motion-caption{
  right:25px;
  bottom:9px;
}

@media(min-width:981px) and (max-width:1260px){
  #erp-system-briefing-v13 .sb-v151-turnover-orbit{right:10px;width:174px}
}
@media(max-width:980px){
  #erp-system-briefing-v13 .sb-v151-turnover-orbit{right:8px;top:4px;width:168px;height:132px}
  #erp-system-briefing-v13 .sb-v151-turnover .sb-v15-motion-caption{right:10px}
}
@media(prefers-reduced-motion:reduce){
  #erp-system-briefing-v13 .sb-v151-ring{animation:none!important}
}