/* 4.5.0: the Dashboard, as locked (K8VeGwGV7NUV94Dxy5tFhd): the Engine's slate, cream panels beside Mel, one teal light for what waits on you, clay for late */
#nx .nx-dash { position: absolute; left: var(--nx-rail); right: var(--nx-mel); top: var(--nx-top); bottom: 0; background: radial-gradient(120% 90% at 38% 48%, #4E5862 0%, #424B54 50%, #394148 100%); color: var(--nx-cream); pointer-events: auto; overflow-y: auto; overflow-x: hidden; opacity: 0; visibility: hidden; scrollbar-width: thin; }
#nx.nx-dash-on .nx-dash { visibility: visible; }
#nx.nx-dash-on .nx-mark, #nx.nx-dash-on .nx-carry { display: none !important; }
#nx .nx-dash button { font: inherit; color: inherit; text-align: left; }
#nx .nx-dash .dh-in { padding: 26px 28px 48px; max-width: 1080px; display: flex; flex-direction: column; gap: 12px; font: 400 13.5px/1.45 var(--nx-sans); transition: opacity 250ms cubic-bezier(0,0,0,1); }
#nx .nx-dash.nx-dim .dh-in { opacity: .5; }
#nx .dh-line { font-size: 27px; font-weight: 700; letter-spacing: -.015em; line-height: 1.2; text-wrap: balance; }
#nx .dh-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--nx-on-slate-2); font-size: 13.5px; margin-top: -4px; }
#nx .dh-lt { color: var(--nx-led); font-weight: 600; display: inline-flex; align-items: center; gap: 7px; } #nx .dh-lt::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--nx-led); box-shadow: 0 0 8px var(--nx-led); }
#nx .dh-sec { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--nx-on-slate-2); margin-top: 10px; border-radius: 6px; scroll-margin-top: 16px; }
#nx .dh-sec.dh-flash { animation: dh-flash 1.2s cubic-bezier(0,0,0,1) 1; }
@keyframes dh-flash { 0% { color: var(--nx-led); } 100% { color: var(--nx-on-slate-2); } }
#nx .dh-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--nx-led); box-shadow: 0 0 8px var(--nx-led); animation: dh-breathe 1.6s ease-in-out 1; }
@keyframes dh-breathe { 50% { transform: scale(1.6); box-shadow: 0 0 14px var(--nx-led); } }
#nx .dh-g2 { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 12px; }
#nx .dh-g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
#nx .dh-pn { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 12px; background: rgba(255,247,233,.06); box-shadow: inset 0 0 0 1px rgba(255,247,233,.1); min-width: 0; }
#nx button.dh-pn, #nx .dh-tl, #nx .dh-tr, #nx .dh-fold, #nx .dh-wy { transition: background-color 160ms, transform 160ms cubic-bezier(0,0,0,1), box-shadow 160ms; }
#nx button.dh-pn:hover, #nx .dh-tl:hover, #nx button.dh-tr:hover, #nx button.dh-fold:hover { background: rgba(255,247,233,.1); }
#nx button.dh-pn:active, #nx .dh-tl:active, #nx button.dh-tr:active { transform: scale(.995); }
#nx .dh-hd { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; } #nx .dh-hd .dh-tag { margin-left: auto; } #nx .dh-hd .dh-r { margin-left: auto; font-weight: 500; } #nx .dh-hd.dh-mt { margin-top: 8px; }
#nx .dh-num { display: block; font-size: 30px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums; } #nx .dh-num small { font-size: 14px; font-weight: 500; color: var(--nx-on-slate-2); letter-spacing: 0; } #nx .dh-num.dh-sm { font-size: 24px; }
#nx .dh-mu { color: var(--nx-on-slate-2); font-size: 12.5px; }
#nx .dh-prog { display: block; height: 10px; border-radius: 99px; background: rgba(255,247,233,.12); position: relative; margin: 2px 0; } #nx .dh-prog b { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 99px; background: var(--nx-cream); } #nx .dh-prog i { position: absolute; top: -5px; bottom: -5px; width: 2px; border-radius: 2px; background: var(--nx-on-slate-2); }
#nx .dh-gl { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 0 0; border-top: 1px solid rgba(255,247,233,.08); font-size: 13px; }
#nx .dh-gl.dh-gl2 { grid-template-columns: minmax(0, 1fr) auto; } #nx .dh-gl.dh-nb { border-top: 0; padding-top: 0; }
#nx .dh-gl .nx-f { width: 22px; height: 22px; margin: 0; } #nx .dh-ic { width: 22px; height: 22px; border-radius: 50%; background: rgba(255,247,233,.1); display: inline-block; }
#nx .dh-tag { font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 99px; background: rgba(255,247,233,.1); color: var(--nx-on-slate-2); white-space: nowrap; } #nx .dh-tag.ok { background: rgba(101,205,210,.18); color: var(--nx-led); }
#nx .dh-clay { color: #E2A07F; font-weight: 600; } #nx .dh-led { color: var(--nx-led); font-weight: 600; }
#nx .dh-btn { display: inline-flex; align-items: center; gap: 7px; font: 600 12.5px var(--nx-sans) !important; padding: 7px 14px; border-radius: 5px; background: var(--nx-cream); color: var(--nx-slate) !important; white-space: nowrap; transition: transform 160ms cubic-bezier(0,0,0,1), background-color 160ms; }
#nx .dh-btn i { width: 7px; height: 7px; border-radius: 50%; background: var(--nx-led); } #nx .dh-btn:hover { background: #fff; } #nx .dh-btn:active { transform: scale(.96); }
#nx .dh-btn.ghost { background: transparent; color: var(--nx-cream) !important; box-shadow: inset 0 0 0 1px rgba(255,247,233,.3); } #nx .dh-btn.ghost:hover { background: rgba(255,247,233,.1); }
#nx .dh-wy { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto auto; gap: 11px; align-items: center; padding: 9px 12px; border-radius: 9px; background: rgba(255,247,233,.06); box-shadow: inset 0 0 0 1px rgba(255,247,233,.09), inset 3px 0 0 var(--nx-led); }
#nx .dh-wt { min-width: 0; display: flex; flex-direction: column; } #nx .dh-wt b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #nx .dh-s { color: var(--nx-on-slate-2); font-size: 12px; }
#nx .dh-fw { width: 30px; height: 30px; display: grid; place-items: center; } #nx .dh-fw .nx-f { width: 30px; height: 30px; margin: 0; } #nx .dh-fw .nx-f.nx-agb { width: 18px; height: 18px; }
#nx .dh-stack { display: flex; height: 30px; border-radius: 8px; overflow: hidden; gap: 3px; }
#nx .dh-stack button { display: flex; align-items: center; padding: 0 10px; font-size: 12px !important; font-weight: 700 !important; white-space: nowrap; overflow: hidden; min-width: 0; transition: filter 160ms, transform 160ms; }
#nx .dh-stack button:hover { filter: brightness(1.08); } #nx .dh-stack button:active { transform: scaleY(.94); }
#nx .dh-stack .a { background: rgba(255,247,233,.82); color: var(--nx-slate) !important; } #nx .dh-stack .p { background: rgba(255,247,233,.32); } #nx .dh-stack .y { background: var(--nx-led); color: #123 !important; }
#nx .dh-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 6px; } #nx .dh-col { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#nx .dh-dn { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 9px; align-items: center; font-size: 12.5px; padding: 5px 0 0; border-top: 1px solid rgba(255,247,233,.07); }
#nx .dh-dn .nx-f { width: 22px; height: 22px; margin: 0; } #nx .dh-dn .nx-f.nx-agb { width: 16px; height: 16px; margin: 3px; } #nx .dh-t { color: var(--nx-on-slate-2); font-variant-numeric: tabular-nums; }
#nx .dh-more, #nx .dh-lk { color: var(--nx-led) !important; font-weight: 600 !important; font-size: 12.5px !important; width: fit-content; } #nx .dh-more:hover, #nx .dh-lk:hover { text-decoration: underline; text-underline-offset: 3px; }
#nx .dh-tl { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 10px; background: rgba(255,247,233,.06); box-shadow: inset 0 0 0 1px rgba(255,247,233,.1); min-width: 0; }
#nx .dh-src { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; color: var(--nx-on-slate-2); } #nx .dh-src .nx-f { width: 18px; height: 18px; margin: 0 0 0 auto; }
#nx .dh-tl b { font-size: 22px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; } #nx .dh-tl b.dh-off { font-size: 15px; }
#nx .dh-ch { font-size: 12px; color: var(--nx-on-slate-2); } #nx .dh-ch em { font-style: normal; color: var(--nx-cream); font-weight: 600; }
#nx .dh-tl.off { background: transparent; box-shadow: inset 0 0 0 1px rgba(255,247,233,.25); border: 1px dashed rgba(255,247,233,.25); } #nx .dh-rc { align-self: flex-start; margin-top: 4px; }
#nx .dh-team { border-radius: 12px; background: rgba(255,247,233,.06); box-shadow: inset 0 0 0 1px rgba(255,247,233,.1); overflow: hidden; display: flex; flex-direction: column; }
#nx .dh-tr { display: grid; grid-template-columns: 34px minmax(140px, 1.6fr) 70px 60px minmax(0, 1fr) 140px; gap: 10px; align-items: center; padding: 9px 14px; border-top: 1px solid rgba(255,247,233,.07); font-size: 13px; font-variant-numeric: tabular-nums; width: 100%; }
#nx .dh-tr.dh-th { border-top: 0; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--nx-on-slate-2); padding-block: 10px 6px; }
#nx .dh-tr b { font-weight: 600; display: block; } #nx .dh-tr .nx-f { width: 30px; height: 30px; margin: 0; }
#nx .dh-busy { display: inline-flex; gap: 3px; align-items: center; color: var(--nx-on-slate-2); font-size: 12px; } #nx .dh-busy i { width: 5px; height: 12px; border-radius: 2px; background: rgba(255,247,233,.2); } #nx .dh-busy i.f { background: var(--nx-cream); } #nx .dh-busy i:last-of-type { margin-right: 4px; }
#nx .dh-fold { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-top: 1px solid rgba(255,247,233,.07); color: var(--nx-on-slate-2); font-size: 12.5px; width: 100%; }
#nx .dh-fold.dh-quiet { opacity: .8; } #nx .dh-fs { display: inline-flex; margin-right: 6px; } #nx .dh-fs .nx-f { width: 22px; height: 22px; margin: 0 -7px 0 0; box-shadow: 0 0 0 2px var(--nx-slate); }

/* the cream panel, beside Mel */
#nx .dh-panel { position: absolute; right: var(--nx-mel); top: var(--nx-top); bottom: 0; width: 440px; z-index: 40; pointer-events: auto; background: var(--nx-cream); color: #1E2B3C; box-shadow: -18px 0 40px rgba(20,24,28,.3); overflow: hidden; font: 400 13.5px/1.45 var(--nx-sans); visibility: hidden; }
#nx .dh-panel button { font: inherit; color: inherit; text-align: left; }
#nx .dh-pin { position: absolute; inset: 0; overflow-y: auto; padding: 18px 20px 24px; display: flex; flex-direction: column; gap: 11px; }
#nx .dh-x { position: absolute; right: 12px; top: 10px; width: 30px; height: 30px; border-radius: 6px; font-size: 20px !important; line-height: 1; color: #66747F !important; display: grid; place-items: center; text-align: center !important; } #nx .dh-x:hover { background: rgba(30,43,60,.07); }
#nx .dh-ptg { display: flex; gap: 6px; flex-wrap: wrap; } #nx .dh-ptg span { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 99px; background: var(--nx-cream-2); color: #66747F; }
#nx .dh-ptt { font-size: 21px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; padding-right: 30px; display: block; }
#nx .dh-pmu { color: #66747F; font-size: 12.5px; }
#nx .dh-psec { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #66747F; margin-top: 4px; }
#nx .dh-prow { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px rgba(30,43,60,.08); font-size: 12.5px; width: 100%; transition: box-shadow 160ms, transform 160ms cubic-bezier(0,0,0,1); }
#nx button.dh-prow:hover { box-shadow: 0 0 0 2px var(--nx-slate); } #nx button.dh-prow:active { transform: scale(.99); }
#nx .dh-prow b { font-weight: 600; display: block; } #nx .dh-panel .dh-s { color: #66747F; font-size: 11.5px; } #nx .dh-prow .nx-f { width: 26px; height: 26px; margin: 0; } #nx .dh-prow .nx-f.nx-agb { width: 18px; height: 18px; margin: 4px; }
#nx .dh-chev { color: #137f7a; font-weight: 700; } #nx .dh-prow.dh-hid { display: none; } #nx .dh-panel .dh-ic { width: 26px; height: 26px; background: rgba(30,43,60,.08); } #nx .dh-pmore { color: #137f7a !important; font-weight: 600 !important; font-size: 12.5px !important; width: fit-content; padding: 2px 2px; } #nx .dh-pmore:hover { text-decoration: underline; text-underline-offset: 3px; } #nx .dh-min { font-weight: 700; font-variant-numeric: tabular-nums; }
#nx .dh-late { font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 99px; background: rgba(184,107,75,.14); color: #A45A3B; white-space: nowrap; }
#nx .dh-res { display: flex; flex-direction: column; gap: 2px; padding: 11px 13px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px rgba(30,43,60,.1); } #nx .dh-rh { display: flex; align-items: center; gap: 8px; } #nx .dh-rh .dh-late { margin-left: auto; }
#nx .dh-pr { display: flex; gap: 10px; align-items: center; } #nx .dh-pr .nx-f { width: 26px; height: 26px; margin: 0; flex: none; } #nx .dh-pr .nx-f.nx-agb { width: 20px; height: 20px; margin: 3px; }
#nx .dh-ph .nx-f { width: 52px; height: 52px; } #nx .dh-ph > span { display: flex; flex-direction: column; }
#nx .dh-mail { background: #fff; border-radius: 8px; box-shadow: 0 0 0 1px rgba(30,43,60,.1); padding: 12px 14px; font-size: 12.5px; line-height: 1.55; transition: box-shadow 160ms; } #nx .dh-mail.ed { box-shadow: 0 0 0 2px #137f7a; } #nx .dh-mt { outline: none; }
#nx .dh-to { font-size: 11.5px; color: #66747F; margin-bottom: 6px; }
#nx .dh-pchips { display: flex; gap: 6px; flex-wrap: wrap; } #nx .dh-pchips span { font-size: 12px; font-weight: 600; padding: 4px 11px; border-radius: 99px; background: var(--nx-cream-2); color: #66747F; } #nx .dh-pchips span.on { background: var(--nx-slate); color: var(--nx-cream); } #nx .dh-pchips span.cl { color: #A45A3B; }
#nx .dh-pact { margin-top: auto; padding-top: 6px; display: flex; gap: 8px; flex-wrap: wrap; }
#nx .dh-pb { font: 600 12.5px var(--nx-sans) !important; padding: 8px 14px; border-radius: 5px; box-shadow: inset 0 0 0 1px rgba(30,43,60,.28); color: #1E2B3C !important; transition: transform 160ms cubic-bezier(0,0,0,1), background-color 160ms; } #nx .dh-pb:hover { background: rgba(30,43,60,.06); } #nx .dh-pb:active { transform: scale(.96); }
#nx .dh-pb.pri { background: var(--nx-slate); color: var(--nx-cream) !important; box-shadow: none; } #nx .dh-pb.pri:hover { background: #353C43; }
#nx .dh-sum { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 12px; border-top: 2px solid rgba(30,43,60,.12); font-weight: 600; } #nx .dh-sum b { font-size: 18px; }

/* Undo, at the bottom of the page */
#nx .dh-toast { position: absolute; left: calc(var(--nx-rail) + (100% - var(--nx-rail) - var(--nx-mel)) / 2); bottom: 26px; transform: translate(-50%, 14px); z-index: 60; display: flex; align-items: center; gap: 14px; padding: 9px 10px 9px 16px; border-radius: 10px; background: var(--nx-cream); color: #1E2B3C; font: 600 13px var(--nx-sans); box-shadow: 0 12px 30px rgba(20,24,28,.35); opacity: 0; pointer-events: none; }
#nx .dh-toast.on { pointer-events: auto; } #nx .dh-toast button { font: 700 13px var(--nx-sans); color: #137f7a; padding: 4px 8px; border-radius: 5px; } #nx .dh-toast button:hover { background: rgba(19,127,122,.1); }

@media (max-width: 1180px){ #nx .dh-g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } #nx .dh-tr { grid-template-columns: 34px minmax(120px, 1.4fr) 60px 46px minmax(0, 1fr) 120px; } }
@media (prefers-reduced-motion: reduce) { #nx .dh-dot, #nx .dh-sec.dh-flash { animation: none; } }