/* Modernise Legacy Software page */
.ba{position:relative;margin-top:36px;height:430px;border-radius:8px;overflow:hidden;border:1px solid var(--line-dark);user-select:none;touch-action:pan-y}
.ba-old,.ba-new{position:absolute;inset:0}
.ba-old{background:#C0C0C0;color:#000;font:13px/1.3 "Courier New",Courier,monospace;padding:0}
.o-bar{display:flex;justify-content:space-between;background:#000080;color:#fff;font:bold 12px/1 Tahoma,Arial,sans-serif;padding:6px 8px}
.o-menu{font:12px/1 Tahoma,Arial,sans-serif;padding:6px 8px;border-bottom:1px solid #808080}
.o-form{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;padding:12px}
.o-form label{font-weight:bold}
.o-form span{background:#fff;border:2px inset #ddd;padding:1px 4px}
.o-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0 12px;border:1px solid #808080;background:#fff}
.o-grid div{padding:3px 4px;border:1px solid #d8d8d8}
.o-grid div:nth-child(-n+4){background:#808080;color:#fff;font-weight:bold}
.o-status{position:absolute;left:0;right:0;bottom:0;background:#000;color:#0f0;font-size:11px;padding:6px 8px}
.ba-new{background:var(--ink);padding:18px;display:grid;align-content:start;gap:14px;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.n-top{display:flex;justify-content:space-between;align-items:center}
.n-top b{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}
.n-name{font-size:24px;font-weight:700;letter-spacing:-.02em;display:grid}
.n-name small{font:400 13px/1.5 var(--sans);color:var(--muted-dark);letter-spacing:0}
.n-bal{border:1px solid var(--line-dark);border-radius:8px;padding:12px 14px;display:grid}
.n-bal small{font-size:12px;color:var(--muted-dark)}
.n-bal b{font-size:28px;letter-spacing:-.02em}
.n-rows{display:grid;border-top:1px solid var(--line-dark)}
.n-rows div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line-dark);font-size:14px}
.n-rows em{grid-column:1/-1;font:normal 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.n-rows em.ok{color:var(--maya)}.n-rows em.warn{color:#F5B94A}
.ba-line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--maya);pointer-events:none}
.ba-line i{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--maya);color:var(--ink);display:grid;place-items:center;font-style:normal;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ba-range:focus-visible + *{outline:none}
.ba:focus-within{outline:2px solid var(--maya);outline-offset:3px}
.mig{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mig b{display:block;font-size:clamp(1.3rem,1rem + 1.4vw,2rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mig small{font-size:12px;color:var(--muted-dark)}
.mig-note{margin:14px 0 0;color:var(--muted-dark);min-height:1.6em}
@media (min-width:900px){
  .ba{height:440px}
  .ba-new{padding:28px 32px}
  .sol-body .wrap{display:grid;grid-template-columns:4fr 8fr;gap:64px}
  .shifts{margin-top:0}
  .shifts li{grid-template-columns:1fr 2fr;gap:32px;align-items:baseline}
}