/* /Components/Layout/MainLayout.razor.rz.scp.css */ /* ───────────────────────────────────────────────────────────────────────────── HORIZON SHELL — sidebar + top bar (spec 029, US1) Tokens come from six18.css; light/dark switch via . ───────────────────────────────────────────────────────────────────────────── */ .hz-layout[b-ms61e5j75x] { display: flex; height: 100vh; background: var(--hz-bg); color: var(--hz-text); overflow: hidden; } /* ── Sidebar ─────────────────────────────────────────────────────────────────── */ .hz-sidebar[b-ms61e5j75x] { flex: 0 0 250px; width: 250px; display: flex; flex-direction: column; gap: 1.25rem; padding: 1.5rem 1rem; background: var(--hz-sidebar); border-right: 1px solid var(--hz-border); overflow-y: auto; z-index: 30; } .hz-brand[b-ms61e5j75x] { display: flex; align-items: center; justify-content: center; padding: 0.25rem 0.5rem 1rem 0.5rem; border-bottom: 1px solid var(--hz-border); color: var(--hz-text); text-decoration: none; } /* Full 618 lockup, stacked as in the original logo (BrandLockup renders the mark inline so the digits' currentColor follows --hz-text in both modes). */ .hz-brand[b-ms61e5j75x] .hz-lockup { display: flex; flex-direction: column; align-items: center; gap: 0.45rem; } .hz-brand[b-ms61e5j75x] .hz-lockup__mark { width: 8.75rem; height: auto; } .hz-brand[b-ms61e5j75x] .hz-lockup__wordmark { font-family: var(--hz-font-display); font-weight: 600; font-size: 0.68rem; letter-spacing: 0.42em; text-indent: 0.42em; color: var(--hz-text); } .hz-nav[b-ms61e5j75x] { display: flex; flex-direction: column; gap: 0.3rem; } /* Re-homed nav items keep their original .botley-nav__link class (rendered both directly and by child components, so ::deep is required) — restyled here for a vertical sidebar. */ .hz-nav[b-ms61e5j75x] .botley-nav__link { display: flex; align-items: center; gap: 0.6rem; padding: 0.7rem 0.95rem; border-radius: var(--hz-radius-control); color: var(--hz-text-muted); text-decoration: none; font-weight: 600; font-size: 0.95rem; background: transparent; border: none; width: 100%; text-align: left; cursor: pointer; } .hz-nav[b-ms61e5j75x] .botley-nav__link:hover { color: var(--hz-text); background: var(--hz-brand-soft); } .hz-nav[b-ms61e5j75x] .botley-nav__link.active { color: var(--hz-brand-strong); background: var(--hz-brand-soft); font-weight: 700; position: relative; } .hz-nav[b-ms61e5j75x] .botley-nav__link.active::before { content: ""; position: absolute; left: -1rem; top: 0.4rem; bottom: 0.4rem; width: 4px; border-radius: 0 4px 4px 0; background: var(--hz-brand); } /* Trading sub-group (Order Stats dropdown) indents slightly. */ .hz-nav[b-ms61e5j75x] .trading-nav__dropdown { padding-left: 0.75rem; } .hz-nav[b-ms61e5j75x] .trading-nav__slot { font-size: 0.85rem; } /* Coinbase links live in their own labeled group, divided from the trading items above. */ .hz-nav[b-ms61e5j75x] .hz-nav__section { display: flex; flex-direction: column; gap: 0.3rem; margin-top: 0.6rem; padding-top: 0.7rem; border-top: 1px solid var(--hz-border); } .hz-nav[b-ms61e5j75x] .hz-nav__heading { padding: 0 0.95rem; margin-bottom: 0.1rem; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--hz-text-muted); } /* ── Main column ─────────────────────────────────────────────────────────────── */ .hz-main[b-ms61e5j75x] { flex: 1; display: flex; flex-direction: column; min-width: 0; } .hz-topbar[b-ms61e5j75x] { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 0.75rem; padding: 0.7rem 1.5rem; background: color-mix(in srgb, var(--hz-bg) 85%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--hz-border); } /* Appearance toggle (spec 037, FR-003) — crisp control, no pill. */ [b-ms61e5j75x] .hz-theme-toggle { font-size: 1rem; line-height: 1; padding: 0.4rem 0.6rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border-strong); background: var(--hz-card); color: var(--hz-text); cursor: pointer; } [b-ms61e5j75x] .hz-theme-toggle:hover { border-color: var(--hz-brand); color: var(--hz-brand-strong); } .hz-topbar__spacer[b-ms61e5j75x] { flex: 1; } .hz-nav-toggle[b-ms61e5j75x] { display: none; font-size: 1.25rem; line-height: 1; padding: 0.4rem 0.6rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border); background: var(--hz-card); color: var(--hz-text); cursor: pointer; } .hz-content[b-ms61e5j75x] { flex: 1; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; min-height: 0; padding: 0.5rem 1.5rem 2rem 1.5rem; } /* ── Mobile scrim (off-canvas sidebar) ───────────────────────────────────────── */ .hz-scrim[b-ms61e5j75x] { display: none; position: fixed; inset: 0; border: none; background: rgba(0, 0, 0, 0.55); z-index: 25; } @media (max-width: 900px) { .hz-sidebar[b-ms61e5j75x] { position: fixed; top: 0; bottom: 0; left: 0; transform: translateX(-100%); transition: transform 0.2s ease; box-shadow: var(--hz-shadow-card); } .hz-layout--nav-open .hz-sidebar[b-ms61e5j75x] { transform: translateX(0); } .hz-layout--nav-open .hz-scrim[b-ms61e5j75x] { display: block; } .hz-nav-toggle[b-ms61e5j75x] { display: inline-flex; } } /* ── Error UI (carried over) ─────────────────────────────────────────────────── */ #blazor-error-ui[b-ms61e5j75x] { color-scheme: light only; background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box; display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; } #blazor-error-ui .dismiss[b-ms61e5j75x] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; } /* /Components/Layout/NavMenu.razor.rz.scp.css */ .navbar-toggler[b-m8p7r5tb58] { appearance: none; cursor: pointer; width: 3.5rem; height: 2.5rem; color: white; position: absolute; top: 0.5rem; right: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1); } .navbar-toggler:checked[b-m8p7r5tb58] { background-color: rgba(255, 255, 255, 0.5); } .top-row[b-m8p7r5tb58] { min-height: 3.5rem; background-color: rgba(0,0,0,0.4); } .navbar-brand[b-m8p7r5tb58] { font-size: 1.1rem; } .bi[b-m8p7r5tb58] { display: inline-block; position: relative; width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; top: -1px; background-size: cover; } .bi-house-door-fill-nav-menu[b-m8p7r5tb58] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E"); } .bi-plus-square-fill-nav-menu[b-m8p7r5tb58] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E"); } .bi-list-nested-nav-menu[b-m8p7r5tb58] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E"); } .bi-clock-history-nav-menu[b-m8p7r5tb58] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.515 3.879A.5.5 0 0 0 8 4.5v4.207l3.248 1.856a.5.5 0 1 0 .496-.868L9 8.117V4.5a.5.5 0 0 0-.485-.621z'/%3E%3Cpath d='M8 1a7 7 0 1 0 4.546 12.31.5.5 0 1 0-.65-.76A6 6 0 1 1 14 8a.5.5 0 0 0 1 0A7 7 0 0 0 8 1z'/%3E%3Cpath d='M8 0a.5.5 0 0 1 .5.5V2a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 8 0z'/%3E%3C/svg%3E"); } .bi-display-nav-menu[b-m8p7r5tb58] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-display' viewBox='0 0 16 16'%3E%3Cpath d='M0 4s0-2 2-2h12s2 0 2 2v6s0 2-2 2h-4q0 1 .25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h1.75Q7 13 7 12H3s-2 0-2-2z'/%3E%3C/svg%3E"); } .nav-item[b-m8p7r5tb58] { font-size: 0.9rem; padding-bottom: 0.5rem; } .nav-item:first-of-type[b-m8p7r5tb58] { padding-top: 1rem; } .nav-item:last-of-type[b-m8p7r5tb58] { padding-bottom: 1rem; } .nav-item[b-m8p7r5tb58] .nav-link { color: #d7d7d7; background: none; border: none; border-radius: 4px; height: 3rem; display: flex; align-items: center; line-height: 3rem; width: 100%; } .nav-item[b-m8p7r5tb58] a.active { background-color: rgba(255,255,255,0.37); color: white; } .nav-item[b-m8p7r5tb58] .nav-link:hover { background-color: rgba(255,255,255,0.1); color: white; } .nav-scrollable[b-m8p7r5tb58] { display: none; } .navbar-toggler:checked ~ .nav-scrollable[b-m8p7r5tb58] { display: block; } @media (min-width: 641px) { .navbar-toggler[b-m8p7r5tb58] { display: none; } .nav-scrollable[b-m8p7r5tb58] { /* Never collapse the sidebar for wide screens */ display: block; /* Allow sidebar to scroll for tall menus */ height: calc(100vh - 3.5rem); overflow-y: auto; } } /* /Components/Layout/SafetyStatusBadge.razor.rz.scp.css */ .safety-badge[b-00yk578had] { display: inline-flex; align-items: center; min-height: 2.4rem; padding: 0 0.95rem; border-radius: var(--hz-radius-badge); font-weight: 700; text-decoration: none; letter-spacing: 0.02em; } .safety-badge--on[b-00yk578had] { border: 1px solid color-mix(in srgb, var(--hz-success) 45%, transparent); background: color-mix(in srgb, var(--hz-success) 14%, transparent); color: var(--hz-success); } .safety-badge--off[b-00yk578had] { border: 1px solid color-mix(in srgb, var(--hz-danger) 55%, transparent); background: color-mix(in srgb, var(--hz-danger) 14%, transparent); color: var(--hz-danger); animation: safety-badge-pulse-b-00yk578had 1.6s ease-in-out infinite; } .safety-badge--unavailable[b-00yk578had] { border: 1px solid color-mix(in srgb, var(--hz-warning) 45%, transparent); background: color-mix(in srgb, var(--hz-warning) 14%, transparent); color: var(--hz-warning); } @keyframes safety-badge-pulse-b-00yk578had { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--hz-danger) 35%, transparent); } 50% { box-shadow: 0 0 0 6px transparent; } } /* /Components/Layout/TradingNav.razor.rz.scp.css */ .trading-nav__group[b-a4otp5bmr4] { position: relative; display: inline-flex; } .trading-nav__toggle[b-a4otp5bmr4] { cursor: pointer; font: inherit; } .trading-nav__dropdown[b-a4otp5bmr4] { position: absolute; top: calc(100% + 0.4rem); left: 0; z-index: 30; display: flex; flex-direction: column; gap: 0.35rem; min-width: 16rem; max-height: 24rem; overflow-y: auto; padding: 0.6rem; border: 1px solid var(--hz-border-strong); border-radius: var(--hz-radius-card); background: var(--hz-raised); box-shadow: var(--hz-shadow-overlay); } .trading-nav__dropdown[b-a4otp5bmr4] .trading-nav__slot { border-radius: var(--hz-radius-control); } /* /Components/Pages/Backtest.razor.rz.scp.css */ .backtest-page[b-zyb425mgyw] { /* Horizon token mapping (029): the workspace palette now follows the active theme — light on light, dark on dark — via the shared tokens. */ --backtest-bg: var(--hz-bg); --backtest-panel: var(--hz-card); --backtest-panel-strong: var(--hz-raised); --backtest-panel-soft: var(--hz-bg); --backtest-border: var(--hz-border); --backtest-border-strong: var(--hz-border); --backtest-text: var(--hz-text); --backtest-muted: var(--hz-text-muted); --backtest-accent: var(--hz-brand); --backtest-accent-strong: var(--hz-brand-hover); --backtest-success: var(--hz-success); --backtest-danger: var(--hz-danger); display: flex; flex-direction: column; gap: 1rem; padding: 1rem; color: var(--backtest-text); } .backtest-section[b-zyb425mgyw] { border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); overflow: hidden; } .backtest-section__summary[b-zyb425mgyw] { cursor: pointer; padding: 1rem 1.1rem; font-weight: 700; color: var(--backtest-text); list-style: none; letter-spacing: 0.01em; } .backtest-section__summary[b-zyb425mgyw]::-webkit-details-marker { display: none; } .backtest-section__summary[b-zyb425mgyw]::before { content: "+"; display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; margin-right: 0.45rem; color: var(--backtest-accent); } .backtest-section__summary-content[b-zyb425mgyw] { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 0.85rem; } .backtest-section__summary-label[b-zyb425mgyw] { color: var(--backtest-text); } .backtest-section__summary-meta[b-zyb425mgyw] { color: var(--backtest-muted); font-size: 0.82rem; font-weight: 600; } .backtest-section[open] > .backtest-section__summary[b-zyb425mgyw] { border-bottom: 1px solid var(--backtest-border); } .backtest-section[open] > .backtest-section__summary[b-zyb425mgyw]::before { content: "−"; } .backtest-section__body[b-zyb425mgyw] { padding: 1rem; } .backtest-toolbar[b-zyb425mgyw] { display: flex; flex-wrap: wrap; gap: 0.9rem; align-items: end; padding: 1rem; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .backtest-toolbar label[b-zyb425mgyw] { display: flex; flex-direction: column; gap: 0.4rem; min-width: 11rem; font-size: 0.9rem; color: var(--backtest-muted); } .backtest-toolbar select[b-zyb425mgyw] { min-height: 2.7rem; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-control); padding: 0 0.85rem; background: var(--hz-card); color: var(--backtest-text); } .backtest-run-button[b-zyb425mgyw] { min-height: 2.7rem; padding: 0 1.2rem; border: 1px solid var(--hz-brand); border-radius: var(--hz-radius-control); background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 700; } .backtest-run-button:hover:not(:disabled)[b-zyb425mgyw] { background: var(--hz-brand-hover); border-color: var(--hz-brand-hover); } .backtest-run-button:disabled[b-zyb425mgyw] { opacity: 0.5; } .backtest-fib-settings-shell[b-zyb425mgyw] { display: flex; justify-content: stretch; width: 100%; } .backtest-error[b-zyb425mgyw], .backtest-state[b-zyb425mgyw], .backtest-summary-shell[b-zyb425mgyw] { padding: 0.95rem 1rem; border-radius: var(--hz-radius-control); } .backtest-export-toolbar[b-zyb425mgyw] { display: flex; flex-wrap: wrap; gap: 0.75rem; padding: 1rem; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .backtest-export-toolbar__link[b-zyb425mgyw] { display: inline-flex; align-items: center; min-height: 2.6rem; padding: 0 1rem; border: 1px solid var(--hz-brand); border-radius: var(--hz-radius-control); background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 700; text-decoration: none; } .backtest-export-toolbar__link:hover[b-zyb425mgyw] { background: var(--hz-brand-hover); border-color: var(--hz-brand-hover); } .backtest-export-toolbar__link--secondary[b-zyb425mgyw] { background: var(--hz-brand-soft); border-color: var(--hz-brand-soft); color: var(--hz-brand-strong); } .backtest-error[b-zyb425mgyw] { background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); border: 1px solid color-mix(in srgb, var(--hz-danger) 40%, transparent); } .backtest-state[b-zyb425mgyw], .backtest-summary-shell[b-zyb425mgyw] { background: var(--hz-card); border: 1px solid var(--backtest-border); color: var(--backtest-muted); } .backtest-stage-timings[b-zyb425mgyw] { display: grid; gap: 0.75rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--backtest-border); } .backtest-stage-timings__header[b-zyb425mgyw] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem 1rem; align-items: baseline; color: var(--backtest-text); } .backtest-stage-timings__list[b-zyb425mgyw] { display: grid; gap: 0.65rem; margin: 0; padding: 0; list-style: none; } .backtest-stage-timings__item[b-zyb425mgyw] { display: grid; grid-template-columns: minmax(0, 1.6fr) auto; gap: 0.2rem 1rem; padding: 0.75rem 0.85rem; border-radius: var(--hz-radius-control); border: 1px solid var(--backtest-border); background: var(--hz-raised); } .backtest-stage-timings__item--active[b-zyb425mgyw] { border-color: color-mix(in srgb, var(--hz-brand) 45%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hz-brand) 18%, transparent); } .backtest-stage-timings__stage[b-zyb425mgyw] { color: var(--backtest-text); font-weight: 700; } .backtest-stage-timings__duration[b-zyb425mgyw] { color: var(--backtest-accent); font-weight: 700; text-align: right; } .backtest-stage-timings__item--active .backtest-stage-timings__duration[b-zyb425mgyw] { color: var(--backtest-success); } .backtest-stage-timings__detail[b-zyb425mgyw] { grid-column: 1 / -1; color: var(--backtest-muted); font-size: 0.86rem; } .backtest-blocking-grid-shell[b-zyb425mgyw] { overflow-x: auto; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-control); background: var(--hz-card); } .backtest-blocking-grid-toolbar[b-zyb425mgyw] { display: flex; flex-wrap: wrap; align-items: end; gap: 0.75rem; } .backtest-blocking-grid-toolbar--actions[b-zyb425mgyw] { align-items: center; justify-content: space-between; } .backtest-blocking-grid-toolbar__field[b-zyb425mgyw] { display: flex; flex-direction: column; gap: 0.35rem; min-width: 11rem; color: var(--backtest-muted); font-size: 0.85rem; } .backtest-blocking-grid-toolbar__field input[b-zyb425mgyw], .backtest-blocking-grid-toolbar__field select[b-zyb425mgyw] { min-height: 2.5rem; padding: 0 0.85rem; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-control); background: var(--hz-card); color: var(--backtest-text); } .backtest-blocking-grid-toolbar__toggle[b-zyb425mgyw] { display: inline-flex; align-items: center; gap: 0.55rem; min-height: 2.5rem; color: var(--backtest-muted); font-size: 0.85rem; } .backtest-blocking-grid-toolbar__toggle input[b-zyb425mgyw] { width: 1rem; height: 1rem; } .backtest-blocking-grid[b-zyb425mgyw] { width: 100%; min-width: 44rem; border-collapse: collapse; } .backtest-blocking-grid th[b-zyb425mgyw], .backtest-blocking-grid td[b-zyb425mgyw] { padding: 0.85rem 0.9rem; border-bottom: 1px solid var(--backtest-border); text-align: left; vertical-align: top; } .backtest-blocking-grid th[b-zyb425mgyw] { color: var(--backtest-muted); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; background: var(--hz-raised); } .backtest-blocking-grid__row:last-child td[b-zyb425mgyw] { border-bottom: none; } .backtest-blocking-grid__row--disabled[b-zyb425mgyw] { opacity: 0.72; } .backtest-blocking-grid__rule[b-zyb425mgyw] { min-width: 24rem; color: var(--backtest-text); font-weight: 600; } .backtest-blocking-grid__actions[b-zyb425mgyw] { white-space: nowrap; } .backtest-blocking-grid__badge[b-zyb425mgyw] { display: inline-flex; align-items: center; min-height: 1.8rem; padding: 0 0.65rem; border-radius: var(--hz-radius-badge); border: 1px solid var(--backtest-border); font-size: 0.8rem; font-weight: 700; } .backtest-blocking-grid__badge--custom[b-zyb425mgyw] { color: var(--hz-brand-strong); background: var(--hz-brand-soft); } .backtest-blocking-grid__badge--reserved[b-zyb425mgyw] { color: var(--hz-warning); background: color-mix(in srgb, var(--hz-warning) 16%, transparent); } .backtest-blocking-grid__badge--active[b-zyb425mgyw], .backtest-blocking-grid__badge--enabled[b-zyb425mgyw] { color: var(--hz-success); background: color-mix(in srgb, var(--hz-success) 16%, transparent); } .backtest-blocking-grid__badge--disabled[b-zyb425mgyw] { color: var(--hz-danger); background: color-mix(in srgb, var(--hz-danger) 16%, transparent); } .backtest-blocking-grid__muted[b-zyb425mgyw] { color: var(--backtest-muted); } .backtest-blocking-grid-pager[b-zyb425mgyw] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; color: var(--backtest-muted); font-size: 0.9rem; } .backtest-layout[b-zyb425mgyw] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; } .backtest-chart-panel[b-zyb425mgyw], .backtest-results-panel[b-zyb425mgyw], .backtest-section--panel[b-zyb425mgyw] { min-width: 0; } .backtest-chart-panel[b-zyb425mgyw] { display: grid; gap: 0.9rem; min-height: 32rem; } .backtest-chart-tools[b-zyb425mgyw] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; gap: 0.75rem; } .backtest-chart-tools__selector[b-zyb425mgyw] { display: flex; flex-direction: column; gap: 0.35rem; min-width: 10rem; color: var(--backtest-muted); font-size: 0.85rem; } .backtest-chart-tools__selector select[b-zyb425mgyw] { min-height: 2.5rem; padding: 0 0.85rem; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-control); background: var(--hz-card); color: var(--backtest-text); } .backtest-chart-tools__button[b-zyb425mgyw] { min-height: 2.5rem; padding: 0 0.95rem; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-control); background: var(--hz-card); color: var(--backtest-text); font-weight: 700; } .backtest-chart-tools__button--active[b-zyb425mgyw] { border-color: var(--hz-brand); background: var(--hz-brand-soft); color: var(--hz-brand-strong); } .backtest-chart-tools__popover[b-zyb425mgyw] { padding: 0.2rem 0 0.4rem; } .backtest-panel-header[b-zyb425mgyw] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.65rem 1rem; align-items: baseline; padding: 0.85rem 1rem; border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-control); background: var(--hz-raised); } .backtest-panel-header__title[b-zyb425mgyw] { color: var(--backtest-text); font-weight: 700; } .backtest-panel-header__meta[b-zyb425mgyw] { color: var(--backtest-muted); font-size: 0.86rem; } .backtest-chart-panel[b-zyb425mgyw] .candle-chart-wrapper { min-height: 32rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); overflow: hidden; } .backtest-chart-tools__popover[b-zyb425mgyw] .grid-settings-editor__panel { background: var(--hz-card); border-color: var(--hz-border); } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0.95rem; width: 100%; max-width: none; max-height: none; padding: 0; background: transparent; border: 0; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-panel-levels { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)); gap: 0.75rem; max-height: none; overflow: visible; padding: 0; border: 0; background: transparent; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-level-header { display: none; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-level-row { grid-template-columns: 1.15rem 1.9rem minmax(0, 1fr); gap: 0.65rem; padding: 0.8rem 0.85rem; border-radius: var(--hz-radius-control); border: 1px solid var(--backtest-border); background: var(--hz-raised); } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-level-row:hover { background: var(--hz-brand-soft); border-color: var(--hz-brand); } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-col-label { color: var(--backtest-text); font-weight: 700; font-size: 0.92rem; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-level-row input.fib-col-color[type="color"] { width: 1.9rem; min-width: 1.9rem; height: 1.9rem; border-radius: 0.45rem; border: 1px solid var(--hz-border); } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-level-row input.fib-col-on[type="checkbox"] { width: 1rem; height: 1rem; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-custom-section { grid-column: 1 / -1; padding: 0.9rem 1rem; background: var(--hz-card); border: 1px dashed var(--backtest-border); border-radius: var(--hz-radius-control); } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-custom-header { color: var(--backtest-text); font-size: 0.92rem; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-custom-input { background: var(--hz-card); color: var(--backtest-text); border: 1px solid var(--backtest-border); border-radius: 0.65rem; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-custom-input::placeholder { color: var(--hz-text-muted); } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-add-custom-btn { border-radius: 0.65rem; background: var(--hz-success); color: var(--hz-on-brand); } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-custom-levels-list { display: flex; flex-wrap: wrap; gap: 0.55rem; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-custom-level-item { background: var(--hz-raised); border: 1px solid var(--backtest-border); border-radius: var(--hz-radius-badge); } .backtest-fib-settings-shell[b-zyb425mgyw] .grid-row, .backtest-fib-settings-shell[b-zyb425mgyw] .grid-option { min-height: 3rem; padding: 0.8rem 0.9rem; border-radius: var(--hz-radius-control); border: 1px solid var(--backtest-border); background: var(--hz-raised); } .backtest-fib-settings-shell[b-zyb425mgyw] .grid-row { justify-content: space-between; } .backtest-fib-settings-shell[b-zyb425mgyw] .grid-label, .backtest-fib-settings-shell[b-zyb425mgyw] .grid-option { color: var(--backtest-muted); } .backtest-fib-settings-shell[b-zyb425mgyw] .chart-select { min-width: 6.5rem; border: 1px solid var(--backtest-border); border-radius: 0.65rem; background: var(--hz-card); color: var(--backtest-text); padding: 0.45rem 0.65rem; } .backtest-fib-settings-shell[b-zyb425mgyw] .fib-clear-btn { grid-column: 1 / -1; margin-top: 0; min-height: 2.9rem; border-radius: var(--hz-radius-control); border: 1px solid color-mix(in srgb, var(--hz-danger) 32%, transparent); background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); } @media (max-width: 960px) { .backtest-layout[b-zyb425mgyw] { grid-template-columns: 1fr; } .backtest-export-toolbar__field[b-zyb425mgyw] { max-width: none; } .backtest-toolbar label[b-zyb425mgyw] { min-width: 100%; } .backtest-stage-timings__item[b-zyb425mgyw] { grid-template-columns: 1fr; } .backtest-stage-timings__duration[b-zyb425mgyw] { text-align: left; } .backtest-chart-panel[b-zyb425mgyw], .backtest-chart-panel[b-zyb425mgyw] .candle-chart-wrapper { min-height: 24rem; } } /* /Components/Pages/BacktestCompare.razor.rz.scp.css */ .backtest-compare-page[b-0wfjwznrl2] { color: var(--botley-text); display: grid; gap: 1rem; padding: 1rem; } .backtest-compare-toolbar[b-0wfjwznrl2], .backtest-compare-state[b-0wfjwznrl2], .backtest-compare-error[b-0wfjwznrl2], .backtest-compare-runs[b-0wfjwznrl2] { padding: 1rem; border-radius: var(--hz-radius-card); border: 1px solid var(--botley-border); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .backtest-compare-toolbar[b-0wfjwznrl2] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: end; } .backtest-compare-toolbar h1[b-0wfjwznrl2] { margin: 0 0 0.35rem; color: var(--botley-text); } .backtest-compare-toolbar p[b-0wfjwznrl2] { margin: 0; color: var(--botley-muted); } .backtest-compare-toolbar__controls[b-0wfjwznrl2] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; } .backtest-compare-toolbar__controls label[b-0wfjwznrl2] { display: grid; gap: 0.35rem; color: var(--botley-muted); font-size: 0.9rem; } .backtest-compare-toolbar__controls select[b-0wfjwznrl2], .backtest-compare-toolbar__controls button[b-0wfjwznrl2] { min-height: 2.5rem; border-radius: 0.6rem; } .backtest-compare-toolbar__controls select[b-0wfjwznrl2] { min-width: 18rem; border: 1px solid var(--botley-border); background: var(--hz-card); color: var(--botley-text); padding: 0 0.75rem; } .backtest-compare-toolbar__controls button[b-0wfjwznrl2] { border: 1px solid var(--hz-brand); padding: 0 0.9rem; background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; } .backtest-compare-toolbar__link[b-0wfjwznrl2] { display: inline-flex; align-items: center; min-height: 2.5rem; padding: 0 0.9rem; border-radius: 0.6rem; border: 1px solid var(--hz-brand); background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; text-decoration: none; } .backtest-compare-toolbar__link--secondary[b-0wfjwznrl2] { background: var(--hz-brand-soft); border-color: var(--hz-brand-soft); color: var(--hz-brand-strong); } .backtest-compare-error[b-0wfjwznrl2] { background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); border-color: color-mix(in srgb, var(--hz-danger) 45%, transparent); } .backtest-compare-state[b-0wfjwznrl2] { color: var(--botley-muted); } .backtest-compare-runs[b-0wfjwznrl2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; } .backtest-compare-run-card[b-0wfjwznrl2] { padding: 1rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border); background: var(--hz-raised); display: grid; gap: 0.85rem; } .backtest-compare-run-card--baseline[b-0wfjwznrl2] { border-color: var(--hz-brand); box-shadow: inset 0 0 0 1px var(--hz-brand); } .backtest-compare-run-card__header[b-0wfjwznrl2] { display: flex; justify-content: space-between; gap: 0.75rem; align-items: start; } .backtest-compare-run-card__header h2[b-0wfjwznrl2] { margin: 0 0 0.2rem; color: var(--botley-text); font-size: 1.05rem; } .backtest-compare-run-card__header p[b-0wfjwznrl2], .backtest-compare-run-card__parameter-set[b-0wfjwznrl2] { margin: 0; color: var(--botley-muted); } .backtest-compare-run-card__badge[b-0wfjwznrl2] { padding: 0.25rem 0.55rem; border-radius: var(--hz-radius-badge); background: var(--hz-brand); color: var(--hz-on-brand); font-size: 0.78rem; font-weight: 700; } .backtest-compare-run-card__meta[b-0wfjwznrl2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin: 0; } .backtest-compare-run-card__meta dt[b-0wfjwznrl2] { font-size: 0.78rem; text-transform: uppercase; color: var(--hz-text-muted); } .backtest-compare-run-card__meta dd[b-0wfjwznrl2] { margin: 0.2rem 0 0; color: var(--botley-text); font-weight: 600; } .backtest-compare-run-card__warnings[b-0wfjwznrl2] { margin: 0; padding-left: 1.1rem; color: var(--hz-warning); } .backtest-compare-run-card__action[b-0wfjwznrl2] { border: 1px solid var(--hz-brand); min-height: 2.4rem; padding: 0 0.9rem; border-radius: 0.6rem; background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; } .backtest-compare-run-card__action:disabled[b-0wfjwznrl2] { opacity: 0.65; } .backtest-compare-detail[b-0wfjwznrl2], .backtest-compare-detail--empty[b-0wfjwznrl2] { padding: 1rem; border-radius: var(--hz-radius-card); border: 1px solid var(--botley-border); background: var(--hz-card); box-shadow: var(--hz-shadow-card); display: grid; gap: 1rem; } .backtest-compare-detail__header h2[b-0wfjwznrl2] { margin: 0 0 0.25rem; color: var(--botley-text); } .backtest-compare-detail__header p[b-0wfjwznrl2] { margin: 0; color: var(--botley-muted); } @media (max-width: 720px) { .backtest-compare-run-card__meta[b-0wfjwznrl2] { grid-template-columns: 1fr; } .backtest-compare-toolbar__controls select[b-0wfjwznrl2] { min-width: 0; width: 100%; } } /* /Components/Pages/BacktestHistory.razor.rz.scp.css */ .backtest-history-page[b-b6qngd0fer] { color: var(--botley-text); display: grid; gap: 1rem; padding: 1rem; } .backtest-history-hero[b-b6qngd0fer], .backtest-history-toolbar[b-b6qngd0fer], .backtest-history-status[b-b6qngd0fer], .backtest-history-error[b-b6qngd0fer], .backtest-history-state[b-b6qngd0fer], .backtest-history-results[b-b6qngd0fer] { border: 1px solid var(--botley-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .backtest-history-hero[b-b6qngd0fer] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.1rem; } .backtest-history-hero h1[b-b6qngd0fer] { margin: 0 0 0.35rem; color: var(--botley-text); } .backtest-history-hero p[b-b6qngd0fer] { margin: 0; max-width: 48rem; color: var(--botley-muted); } .backtest-history-hero__controls[b-b6qngd0fer] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; } .backtest-history-view-toggle[b-b6qngd0fer] { display: inline-flex; gap: 0.4rem; padding: 0.35rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-bg); } .backtest-history-view-toggle__button[b-b6qngd0fer] { min-height: 2.35rem; border: 1px solid transparent; border-radius: 0.65rem; padding: 0 0.95rem; background: transparent; color: var(--botley-muted); font-weight: 700; } .backtest-history-view-toggle__button--active[b-b6qngd0fer] { border-color: var(--hz-brand); background: var(--hz-brand); color: var(--hz-on-brand); } .backtest-history-hero__link[b-b6qngd0fer] { display: inline-flex; align-items: center; min-height: 2.6rem; padding: 0 1rem; border: 1px solid var(--hz-brand); border-radius: var(--hz-radius-control); background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 700; text-decoration: none; } .backtest-history-toolbar[b-b6qngd0fer] { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.9rem; padding: 1rem; } .backtest-history-toolbar label[b-b6qngd0fer] { display: grid; gap: 0.35rem; color: var(--botley-muted); font-size: 0.9rem; } .backtest-history-toolbar input[b-b6qngd0fer], .backtest-history-toolbar select[b-b6qngd0fer], .backtest-history-toolbar button[b-b6qngd0fer] { min-height: 2.5rem; border-radius: 0.6rem; } .backtest-history-toolbar input[b-b6qngd0fer], .backtest-history-toolbar select[b-b6qngd0fer] { padding: 0 0.75rem; border: 1px solid var(--botley-border); background: var(--hz-card); color: var(--botley-text); } .backtest-history-toolbar__actions[b-b6qngd0fer] { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: end; } .backtest-history-toolbar__actions button[b-b6qngd0fer], .backtest-history-table button[b-b6qngd0fer], .backtest-history-row-actions a[b-b6qngd0fer] { border: 1px solid var(--hz-brand); border-radius: 0.7rem; padding: 0 0.9rem; background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; } .backtest-history-status[b-b6qngd0fer], .backtest-history-error[b-b6qngd0fer], .backtest-history-state[b-b6qngd0fer], .backtest-history-results[b-b6qngd0fer] { padding: 1rem; } .backtest-history-results[b-b6qngd0fer] { min-width: 0; overflow: hidden; } .backtest-history-status[b-b6qngd0fer] { background: color-mix(in srgb, var(--hz-success) 12%, transparent); color: var(--hz-success); border-color: color-mix(in srgb, var(--hz-success) 45%, transparent); } .backtest-history-error[b-b6qngd0fer] { background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); border-color: color-mix(in srgb, var(--hz-danger) 45%, transparent); } .backtest-history-state[b-b6qngd0fer], .backtest-history-results[b-b6qngd0fer] { color: var(--botley-muted); } .backtest-history-results__meta[b-b6qngd0fer] { font-size: 0.9rem; } .backtest-history-results__header[b-b6qngd0fer] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem; align-items: center; margin-bottom: 0.75rem; } .backtest-history-results__selection[b-b6qngd0fer] { margin-left: 0.75rem; color: var(--botley-accent); font-weight: 600; } .backtest-history-results__actions[b-b6qngd0fer] { display: flex; flex-wrap: wrap; gap: 0.75rem; } .backtest-history-results__actions button[b-b6qngd0fer], .backtest-history-results__actions .backtest-history-results__link[b-b6qngd0fer] { border: 1px solid var(--hz-brand); border-radius: 0.7rem; padding: 0 0.9rem; background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; min-height: 2.4rem; } .backtest-history-results__actions .backtest-history-results__link--secondary[b-b6qngd0fer] { background: var(--hz-brand-soft); border-color: var(--hz-brand-soft); color: var(--hz-brand-strong); } .backtest-history-results__actions .backtest-history-results__restore[b-b6qngd0fer], .backtest-history-row-actions .backtest-history-row-actions__restore[b-b6qngd0fer] { border-color: color-mix(in srgb, var(--hz-success) 45%, transparent); background: color-mix(in srgb, var(--hz-success) 16%, transparent); color: var(--hz-success); } .backtest-history-results__actions .backtest-history-results__archive[b-b6qngd0fer] { border-color: color-mix(in srgb, var(--hz-success) 45%, transparent); background: color-mix(in srgb, var(--hz-success) 12%, transparent); color: var(--hz-success); } .backtest-history-selection-message[b-b6qngd0fer] { margin-bottom: 0.75rem; padding: 0.75rem 0.9rem; border-radius: 0.65rem; border: 1px solid color-mix(in srgb, var(--hz-warning) 45%, transparent); background: color-mix(in srgb, var(--hz-warning) 14%, transparent); color: var(--hz-warning); } .backtest-history-table__scroll[b-b6qngd0fer] { overflow: auto; max-height: min(70vh, 46rem); } .backtest-history-table[b-b6qngd0fer] { width: 100%; border-collapse: collapse; } .backtest-history-table__select-all[b-b6qngd0fer] { display: inline-flex; align-items: center; gap: 0.4rem; } .backtest-history-table th[b-b6qngd0fer], .backtest-history-table td[b-b6qngd0fer] { padding: 0.75rem 0.6rem; border-top: 1px solid var(--hz-border); text-align: left; } .backtest-history-table thead th[b-b6qngd0fer] { position: sticky; top: 0; z-index: 2; border-top: none; color: var(--botley-text); background: var(--hz-raised); box-shadow: inset 0 -1px 0 var(--hz-border); } .backtest-history-table tbody tr:hover[b-b6qngd0fer] { background: var(--hz-brand-soft); } .backtest-history-table input[type="checkbox"][b-b6qngd0fer] { inline-size: 1rem; block-size: 1rem; accent-color: var(--botley-accent); } .backtest-history-row-actions[b-b6qngd0fer] { display: flex; flex-wrap: wrap; gap: 0.5rem; } .backtest-history-row-actions button[b-b6qngd0fer] { border: 1px solid var(--hz-brand-soft); border-radius: 0.7rem; padding: 0 0.9rem; background: var(--hz-brand-soft); color: var(--hz-brand-strong); font-weight: 600; display: inline-flex; align-items: center; } .backtest-history-results__actions .backtest-history-results__delete[b-b6qngd0fer], .backtest-history-row-actions .backtest-history-row-actions__delete[b-b6qngd0fer] { border-color: color-mix(in srgb, var(--hz-danger) 45%, transparent); background: color-mix(in srgb, var(--hz-danger) 14%, transparent); color: var(--hz-danger); } .backtest-history-results__actions button:disabled[b-b6qngd0fer], .backtest-history-row-actions button:disabled[b-b6qngd0fer] { opacity: 0.65; cursor: not-allowed; } @media (max-width: 960px) { .backtest-history-hero[b-b6qngd0fer] { align-items: stretch; } .backtest-history-hero__controls[b-b6qngd0fer] { width: 100%; justify-content: space-between; } .backtest-history-hero__link[b-b6qngd0fer] { justify-content: center; } .backtest-history-table__scroll[b-b6qngd0fer] { max-height: min(60vh, 40rem); } } /* /Components/Pages/BacktestReport.razor.rz.scp.css */ .backtest-report-page[b-q0tue9l293] { --report-text: var(--botley-text); --report-muted: var(--hz-text-muted); --report-soft: var(--hz-text-muted); --report-panel-border: var(--hz-border); --report-panel-bg: var(--hz-card); --report-panel-bg-soft: var(--hz-raised); --report-shadow: var(--hz-shadow-card); color: var(--report-text); display: grid; gap: clamp(1rem, 1.6vw, 1.4rem); max-width: 96rem; margin: 0 auto; padding: clamp(1rem, 1.8vw, 1.6rem); background: var(--hz-bg); } .backtest-report-shell[b-q0tue9l293] { display: grid; gap: clamp(1rem, 1.6vw, 1.35rem); } .backtest-report-layout[b-q0tue9l293] { display: grid; gap: clamp(1rem, 1.6vw, 1.25rem); align-items: start; } .backtest-report-layout--summary[b-q0tue9l293] { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } .backtest-report-layout--analysis[b-q0tue9l293] { grid-template-columns: minmax(0, 1.6fr) minmax(16rem, 21rem); } .backtest-report-layout__main[b-q0tue9l293], .backtest-report-layout__side[b-q0tue9l293] { display: grid; gap: clamp(1rem, 1.6vw, 1.25rem); align-content: start; } .backtest-report-layout--analysis .backtest-report-layout__side[b-q0tue9l293] { position: sticky; top: 1rem; justify-items: stretch; } [b-q0tue9l293] .backtest-report-toolbar, .backtest-report-state[b-q0tue9l293], .backtest-report-error[b-q0tue9l293], [b-q0tue9l293] .backtest-report-warnings, [b-q0tue9l293] .backtest-report-panel { border: 1px solid var(--report-panel-border); border-radius: var(--hz-radius-card); background: var(--report-panel-bg); box-shadow: var(--report-shadow); } [b-q0tue9l293] .backtest-report-toolbar { padding: clamp(1.3rem, 2vw, 1.75rem); display: grid; grid-template-columns: minmax(0, 1.2fr) auto; gap: 1rem 1.5rem; align-items: start; } [b-q0tue9l293] .backtest-report-toolbar__copy { display: grid; gap: 0.45rem; max-width: 44rem; } [b-q0tue9l293] .backtest-report-toolbar__eyebrow { display: inline-flex; width: fit-content; padding: 0.35rem 0.7rem; border-radius: var(--hz-radius-badge); border: 1px solid color-mix(in srgb, var(--hz-brand) 24%, transparent); background: var(--hz-brand-soft); color: var(--hz-brand-strong); font-size: 0.73rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } [b-q0tue9l293] .backtest-report-toolbar h1, [b-q0tue9l293] .backtest-report-panel h2, [b-q0tue9l293] .backtest-report-warnings h2 { margin: 0; color: var(--report-text); } [b-q0tue9l293] .backtest-report-toolbar h1 { font-size: clamp(2rem, 3.4vw, 2.85rem); line-height: 1.04; letter-spacing: -0.04em; } [b-q0tue9l293] .backtest-report-toolbar p, [b-q0tue9l293] .backtest-report-panel p { margin: 0; color: var(--report-muted); } [b-q0tue9l293] .backtest-report-toolbar p { max-width: 40rem; line-height: 1.6; font-size: 1rem; } [b-q0tue9l293] .backtest-report-toolbar__controls { display: grid; gap: 0.8rem; justify-items: end; } [b-q0tue9l293] .backtest-report-toolbar__actions, [b-q0tue9l293] .backtest-report-toolbar__links { display: flex; flex-wrap: wrap; gap: 0.65rem; justify-content: flex-end; } [b-q0tue9l293] .backtest-report-toolbar__link, [b-q0tue9l293] .backtest-report-toolbar__controls button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-brand); padding: 0 1rem; background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; text-decoration: none; transition: transform 0.12s ease, border-color 0.12s ease, background 0.12s ease; } [b-q0tue9l293] .backtest-report-toolbar__link:hover, [b-q0tue9l293] .backtest-report-toolbar__controls button:hover { transform: translateY(-1px); background: var(--hz-brand-hover); border-color: var(--hz-brand-hover); } [b-q0tue9l293] .backtest-report-toolbar__link--secondary { background: var(--hz-brand-soft); border-color: var(--hz-brand-soft); color: var(--hz-brand-strong); } [b-q0tue9l293] .backtest-report-toolbar__scope { padding: 0.4rem 0.8rem; border-radius: var(--hz-radius-badge); border: 1px solid color-mix(in srgb, var(--hz-brand) 24%, transparent); background: var(--hz-brand-soft); color: var(--hz-brand-strong); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; } .backtest-report-state[b-q0tue9l293], .backtest-report-error[b-q0tue9l293] { padding: 1rem 1.15rem; } .backtest-report-error[b-q0tue9l293] { background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); border-color: color-mix(in srgb, var(--hz-danger) 40%, transparent); } .backtest-report-state[b-q0tue9l293] { color: var(--report-muted); } [b-q0tue9l293] .backtest-report-warnings { padding: 1rem 1.15rem; border-color: color-mix(in srgb, var(--hz-warning) 35%, transparent); background: color-mix(in srgb, var(--hz-warning) 12%, transparent); } [b-q0tue9l293] .backtest-report-warnings ul { margin: 0; padding-left: 1.2rem; color: var(--hz-warning); display: grid; gap: 0.35rem; } [b-q0tue9l293] .backtest-report-panel { padding: 1.2rem 1.25rem; display: grid; gap: 1rem; } [b-q0tue9l293] .backtest-report-panel--note { align-content: start; background: var(--hz-raised); border-style: dashed; } [b-q0tue9l293] .backtest-report-panel__intro { display: grid; gap: 0.4rem; } [b-q0tue9l293] .backtest-report-panel__intro p { max-width: 46rem; line-height: 1.6; } [b-q0tue9l293] .backtest-report-basis__controls { display: grid; grid-template-columns: repeat(3, minmax(11rem, 14rem)) minmax(0, 1fr); gap: 1rem 1.25rem; align-items: start; } [b-q0tue9l293] .backtest-report-basis__rate { display: grid; gap: 0.45rem; color: var(--report-soft); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; } [b-q0tue9l293] .backtest-report-basis__input { display: inline-flex; align-items: center; gap: 0.6rem; min-height: 2.9rem; padding: 0.45rem 0.85rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border); background: var(--hz-card); color: var(--report-text); } [b-q0tue9l293] .backtest-report-basis__input input { width: 5.5rem; border: 0; outline: 0; background: transparent; color: var(--report-text); font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; } [b-q0tue9l293] .backtest-report-basis__input span { color: var(--report-muted); font-size: 0.8rem; letter-spacing: normal; text-transform: none; } [b-q0tue9l293] .backtest-report-basis__distribution { display: grid; gap: 0.95rem; min-width: 0; margin: 0; padding: 0.9rem 1rem 1rem; border-radius: var(--hz-radius-card); border: 1px solid var(--hz-border); background: var(--hz-raised); } [b-q0tue9l293] .backtest-report-basis__distribution legend { padding: 0 0.45rem; color: var(--report-soft); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } [b-q0tue9l293] .backtest-report-basis__distribution-grid { display: grid; grid-template-columns: repeat(4, minmax(4.75rem, 1fr)); gap: 0.85rem 0.9rem; } [b-q0tue9l293] .backtest-report-basis__distribution-grid label { display: grid; gap: 0.4rem; color: var(--report-soft); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; } [b-q0tue9l293] .backtest-report-basis__distribution-grid input { width: 100%; min-height: 2.9rem; padding: 0.45rem 0.75rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border); outline: 0; background: var(--hz-card); color: var(--report-text); font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; } [b-q0tue9l293] .backtest-report-basis__distribution-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem 1rem; padding-top: 0.15rem; } [b-q0tue9l293] .backtest-report-basis__distribution-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.8rem; padding: 0 1rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-brand); background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; } [b-q0tue9l293] .backtest-report-basis__distribution-actions span { color: var(--report-muted); font-size: 0.86rem; } [b-q0tue9l293] .backtest-report-basis__distribution .backtest-report-error { margin: 0; } [b-q0tue9l293] .backtest-report-panel h2, [b-q0tue9l293] .backtest-report-warnings h2 { font-size: 1.2rem; letter-spacing: -0.02em; } [b-q0tue9l293] .backtest-report-panel__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr)); gap: 0.9rem; margin: 0; } [b-q0tue9l293] .backtest-report-panel__grid > div { padding: 0.85rem 0.95rem; border-radius: var(--hz-radius-card); border: 1px solid var(--hz-border); background: var(--hz-raised); min-height: 4.75rem; } [b-q0tue9l293] .backtest-report-panel__grid dt { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--report-soft); } [b-q0tue9l293] .backtest-report-panel__grid dd { margin: 0.3rem 0 0; color: var(--report-text); font-weight: 600; font-size: 1rem; overflow-wrap: anywhere; } [b-q0tue9l293] .backtest-report-list { display: grid; gap: 0.75rem; margin: 0; padding: 0; list-style: none; } [b-q0tue9l293] .backtest-report-list li { display: grid; gap: 0.35rem; padding: 0.9rem 1rem; border-radius: var(--hz-radius-card); border: 1px solid var(--hz-border); background: var(--report-panel-bg-soft); } [b-q0tue9l293] .backtest-report-list strong { color: var(--report-text); } [b-q0tue9l293] .backtest-report-list span { color: var(--report-muted); } [b-q0tue9l293] .backtest-report-trade-grid__scroll { overflow: auto; max-height: 32rem; border-radius: var(--hz-radius-card); border: 1px solid var(--hz-border); background: var(--hz-card); } [b-q0tue9l293] .backtest-report-trade-grid__table { width: 100%; min-width: 58rem; border-collapse: collapse; font-size: 0.85rem; } [b-q0tue9l293] .backtest-report-trade-grid__table th, [b-q0tue9l293] .backtest-report-trade-grid__table td { padding: 0.85rem 0.9rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hz-border); } [b-q0tue9l293] .backtest-report-trade-grid__table thead th { position: sticky; top: 0; z-index: 1; background: var(--hz-raised); color: var(--report-soft); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; } [b-q0tue9l293] .backtest-report-trade-grid__table tbody tr:hover { background: var(--hz-brand-soft); } [b-q0tue9l293] .backtest-report-trade-grid__row--skipped { background: color-mix(in srgb, var(--hz-warning) 12%, transparent); } [b-q0tue9l293] .backtest-report-trade-grid__row--excluded, [b-q0tue9l293] .backtest-report-trade-grid__row--summary { background: color-mix(in srgb, var(--hz-text-muted) 10%, transparent); } [b-q0tue9l293] .backtest-report-trade-grid__detail { display: grid; gap: 0.28rem; } [b-q0tue9l293] .backtest-report-trade-grid__detail-line { color: var(--report-text); line-height: 1.4; } [b-q0tue9l293] .backtest-report-trade-grid__detail-line--calculation { color: var(--report-soft); font-size: 0.78rem; font-variant-numeric: tabular-nums; } [b-q0tue9l293] .backtest-report-curve { display: grid; gap: 0.85rem; } [b-q0tue9l293] .backtest-report-curve__header h3 { margin: 0; color: var(--report-text); font-size: 0.98rem; letter-spacing: -0.01em; } [b-q0tue9l293] .backtest-report-curve__header p { margin-top: 0.25rem; color: var(--report-soft); font-size: 0.84rem; } [b-q0tue9l293] .backtest-report-list--timeline { max-height: 28rem; overflow: auto; padding-right: 0.3rem; } [b-q0tue9l293] .backtest-report-list--timeline li { grid-template-columns: minmax(11rem, 1.5fr) auto minmax(7rem, auto) minmax(5rem, auto); align-items: center; gap: 0.7rem 1rem; } [b-q0tue9l293] .backtest-report-timeline__details { display: grid; gap: 0.18rem; } [b-q0tue9l293] .backtest-report-timeline__time, [b-q0tue9l293] .backtest-report-timeline__balance, [b-q0tue9l293] .backtest-report-timeline__multiple { font-variant-numeric: tabular-nums; } [b-q0tue9l293] .backtest-report-timeline__pivot, [b-q0tue9l293] .backtest-report-timeline__shares, [b-q0tue9l293] .backtest-report-timeline__note { color: var(--report-soft); font-size: 0.78rem; line-height: 1.35; } [b-q0tue9l293] .backtest-report-timeline__pivot { opacity: 0.82; word-break: break-word; } [b-q0tue9l293] .backtest-report-timeline__note { word-break: break-word; } [b-q0tue9l293] .backtest-report-timeline__balance, [b-q0tue9l293] .backtest-report-timeline__multiple { justify-self: end; font-weight: 600; } [b-q0tue9l293] .backtest-report-timeline__outcome { display: inline-flex; align-items: center; justify-content: center; padding: 0.3rem 0.65rem; border-radius: var(--hz-radius-badge); border: 1px solid color-mix(in srgb, var(--hz-brand) 24%, transparent); background: var(--hz-brand-soft); color: var(--hz-brand-strong); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } [b-q0tue9l293] .backtest-report-timeline__outcome[data-outcome='TP'] { border-color: color-mix(in srgb, var(--hz-success) 35%, transparent); background: color-mix(in srgb, var(--hz-success) 14%, transparent); color: var(--hz-success); } [b-q0tue9l293] .backtest-report-timeline__outcome[data-outcome='SL'] { border-color: color-mix(in srgb, var(--hz-danger) 35%, transparent); background: color-mix(in srgb, var(--hz-danger) 14%, transparent); color: var(--hz-danger); } [b-q0tue9l293] .backtest-report-timeline__outcome[data-outcome='FlaggedOut'] { border-color: color-mix(in srgb, var(--hz-warning) 35%, transparent); background: color-mix(in srgb, var(--hz-warning) 14%, transparent); color: var(--hz-warning); } [b-q0tue9l293] .backtest-report-table-wrapper { overflow: auto; border-radius: var(--hz-radius-card); border: 1px solid var(--hz-border); background: var(--hz-card); } [b-q0tue9l293] .backtest-report-panel--periods { max-height: min(82vh, 56rem); overflow: visible; } [b-q0tue9l293] .backtest-report-periods { min-height: 0; display: grid; gap: 0.8rem; } [b-q0tue9l293] .backtest-report-periods__toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem 1rem; } [b-q0tue9l293] .backtest-report-periods__toolbar p { color: var(--report-soft); font-size: 0.84rem; } [b-q0tue9l293] .backtest-report-periods__pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.65rem; } [b-q0tue9l293] .backtest-report-periods__page-size { display: inline-flex; align-items: center; gap: 0.45rem; color: var(--report-soft); font-size: 0.8rem; } [b-q0tue9l293] .backtest-report-periods__page-size select, [b-q0tue9l293] .backtest-report-periods__pagination button { min-height: 2.35rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border); background: var(--hz-card); color: var(--report-text); } [b-q0tue9l293] .backtest-report-periods__page-size select { padding: 0 0.7rem; } [b-q0tue9l293] .backtest-report-periods__pagination button { padding: 0 0.9rem; font-weight: 600; } [b-q0tue9l293] .backtest-report-periods__pagination button:disabled { opacity: 0.45; } [b-q0tue9l293] .backtest-report-periods__page-indicator { color: var(--report-text); font-size: 0.82rem; font-weight: 600; } [b-q0tue9l293] .backtest-report-table-wrapper--periods { max-height: min(48vh, 32rem); } [b-q0tue9l293] .backtest-report-table { width: 100%; min-width: 44rem; border-collapse: separate; border-spacing: 0; } [b-q0tue9l293] .backtest-report-table th, [b-q0tue9l293] .backtest-report-table td { padding: 0.85rem 0.8rem; border-bottom: 1px solid var(--hz-border); text-align: left; color: var(--report-text); } [b-q0tue9l293] .backtest-report-table th { position: sticky; top: 0; z-index: 1; background: var(--hz-raised); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--report-soft); } [b-q0tue9l293] .backtest-report-table td:first-child { font-weight: 600; white-space: nowrap; } [b-q0tue9l293] .backtest-report-table tbody tr:nth-child(odd) { background: color-mix(in srgb, var(--hz-text-muted) 5%, transparent); } [b-q0tue9l293] .backtest-report-table tbody tr:hover { background: var(--hz-brand-soft); } [b-q0tue9l293] .backtest-report-table tbody tr:last-child td { border-bottom: 0; } [b-q0tue9l293] .backtest-report-appendix { gap: 1rem; max-width: 21rem; width: 100%; } [b-q0tue9l293] .backtest-report-appendix__section { display: grid; gap: 0.75rem; padding: 1rem; border-radius: var(--hz-radius-card); border: 1px solid var(--hz-border); background: var(--hz-raised); min-width: 0; } [b-q0tue9l293] .backtest-report-appendix__section h3 { margin: 0; color: var(--report-soft); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.08em; } [b-q0tue9l293] .backtest-report-appendix__links { display: grid; gap: 0.6rem; } [b-q0tue9l293] .backtest-report-appendix__link { display: flex; align-items: center; min-height: 3rem; padding: 0.85rem 0.95rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border); background: var(--hz-card); color: var(--hz-brand-strong); font-weight: 600; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; } [b-q0tue9l293] .backtest-report-appendix .backtest-report-list li, [b-q0tue9l293] .backtest-report-appendix .backtest-report-list span { min-width: 0; overflow-wrap: anywhere; } [b-q0tue9l293] .backtest-report-appendix__link:hover { border-color: var(--hz-brand); background: var(--hz-brand-soft); } @media (max-width: 1120px) { .backtest-report-layout--summary[b-q0tue9l293], .backtest-report-layout--analysis[b-q0tue9l293] { grid-template-columns: 1fr; } .backtest-report-layout--analysis .backtest-report-layout__side[b-q0tue9l293] { position: static; } [b-q0tue9l293] .backtest-report-toolbar { grid-template-columns: 1fr; } [b-q0tue9l293] .backtest-report-toolbar__controls { justify-items: start; } [b-q0tue9l293] .backtest-report-toolbar__actions, [b-q0tue9l293] .backtest-report-toolbar__links { justify-content: flex-start; } } @media (max-width: 720px) { .backtest-report-page[b-q0tue9l293] { padding: 0.9rem; } [b-q0tue9l293] .backtest-report-basis__controls { grid-template-columns: 1fr; gap: 0.9rem; } [b-q0tue9l293] .backtest-report-basis__rate, [b-q0tue9l293] .backtest-report-basis__input { width: 100%; } [b-q0tue9l293] .backtest-report-basis__distribution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } [b-q0tue9l293] .backtest-report-basis__distribution-actions { align-items: stretch; } [b-q0tue9l293] .backtest-report-basis__distribution-actions button { width: 100%; } [b-q0tue9l293] .backtest-report-panel, [b-q0tue9l293] .backtest-report-toolbar, [b-q0tue9l293] .backtest-report-warnings, .backtest-report-state[b-q0tue9l293], .backtest-report-error[b-q0tue9l293] { border-radius: var(--hz-radius-card); } [b-q0tue9l293] .backtest-report-toolbar h1 { font-size: 1.8rem; } [b-q0tue9l293] .backtest-report-toolbar__actions { width: 100%; } [b-q0tue9l293] .backtest-report-panel--periods { max-height: none; } [b-q0tue9l293] .backtest-report-periods__toolbar, [b-q0tue9l293] .backtest-report-periods__pagination { align-items: stretch; } [b-q0tue9l293] .backtest-report-toolbar__link, [b-q0tue9l293] .backtest-report-toolbar__controls button { width: 100%; } [b-q0tue9l293] .backtest-report-panel__grid { grid-template-columns: 1fr; } [b-q0tue9l293] .backtest-report-list--timeline li { grid-template-columns: 1fr 1fr; align-items: start; } [b-q0tue9l293] .backtest-report-timeline__details { grid-column: 1 / -1; } [b-q0tue9l293] .backtest-report-timeline__balance, [b-q0tue9l293] .backtest-report-timeline__multiple { justify-self: start; } [b-q0tue9l293] .backtest-report-table { min-width: 34rem; } } @media print { @page { margin: 0.5in; } .backtest-report-page[b-q0tue9l293] { color: #111827; background: #ffffff; max-width: none; padding: 0; } .backtest-report-layout--summary[b-q0tue9l293], .backtest-report-layout--analysis[b-q0tue9l293] { grid-template-columns: 1fr; } .backtest-report-layout--analysis .backtest-report-layout__side[b-q0tue9l293] { position: static; } [b-q0tue9l293] .backtest-report-toolbar, .backtest-report-state[b-q0tue9l293], .backtest-report-error[b-q0tue9l293], [b-q0tue9l293] .backtest-report-warnings, [b-q0tue9l293] .backtest-report-panel, [b-q0tue9l293] .backtest-report-metric-grid, [b-q0tue9l293] .backtest-report-metric-grid__card, [b-q0tue9l293] .backtest-report-appendix__section, [b-q0tue9l293] .backtest-report-list li, [b-q0tue9l293] .backtest-report-panel__grid > div { background: #ffffff; box-shadow: none; color: #111827; border-color: rgba(17, 24, 39, 0.18); } [b-q0tue9l293] .backtest-report-toolbar__controls button, [b-q0tue9l293] .backtest-report-toolbar__link { display: none; } [b-q0tue9l293] .backtest-report-toolbar h1, [b-q0tue9l293] .backtest-report-panel h2, [b-q0tue9l293] .backtest-report-warnings h2, [b-q0tue9l293] .backtest-report-list strong, [b-q0tue9l293] .backtest-report-table th, [b-q0tue9l293] .backtest-report-table td, [b-q0tue9l293] .backtest-report-panel__grid dd, [b-q0tue9l293] .backtest-report-metric-grid__card strong, [b-q0tue9l293] .backtest-report-metric-grid__card span, [b-q0tue9l293] .backtest-report-curve__header h3, [b-q0tue9l293] .backtest-report-appendix__link { color: #111827; } [b-q0tue9l293] .backtest-report-toolbar p, [b-q0tue9l293] .backtest-report-panel p, [b-q0tue9l293] .backtest-report-list span, [b-q0tue9l293] .backtest-report-panel__grid dt, [b-q0tue9l293] .backtest-report-metric-grid__card small, [b-q0tue9l293] .backtest-report-appendix__section h3, [b-q0tue9l293] .backtest-report-table th, [b-q0tue9l293] .backtest-report-curve__header p, [b-q0tue9l293] .backtest-report-toolbar__eyebrow { color: #4b5563; } [b-q0tue9l293] .backtest-report-list--timeline { max-height: none; overflow: visible; padding-right: 0; } [b-q0tue9l293] .backtest-report-table th { position: static; background: #ffffff; } [b-q0tue9l293] .backtest-report-panel, [b-q0tue9l293] .backtest-report-metric-grid, [b-q0tue9l293] .backtest-report-table-wrapper, [b-q0tue9l293] .backtest-report-appendix__section { break-inside: avoid; page-break-inside: avoid; } } /* /Components/Pages/Chart.razor.rz.scp.css */ .chart-page[b-7npuhxjedp] { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; /* Frame the market-tuned dark chart as a deliberate Horizon card within the light shell (029 T029) — the canvas and its controls stay dark (FR-011). */ overflow: hidden; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); box-shadow: var(--hz-shadow-card); } .chart-page__chart-shell[b-7npuhxjedp] { flex: 1 1 auto; min-height: 30rem; display: flex; } .chart-page__chart-shell[b-7npuhxjedp] .candle-chart-wrapper { flex: 1 1 auto; min-height: 30rem; } .chart-loading-overlay[b-7npuhxjedp], .chart-no-data[b-7npuhxjedp] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; flex: 1; color: #9e9e9e; font-family: monospace; font-size: 14px; background: #181818; } .chart-loading-spinner[b-7npuhxjedp] { width: 28px; height: 28px; border: 3px solid #2d2d2d; border-top-color: #26a69a; border-radius: 50%; animation: spin-b-7npuhxjedp 0.8s linear infinite; } @keyframes spin-b-7npuhxjedp { to { transform: rotate(360deg); } } .chart-loading-status[b-7npuhxjedp] { color: #6e6e6e; font-size: 12px; max-width: 320px; text-align: center; } .live-update-warning[b-7npuhxjedp] { position: sticky; top: 0; z-index: 100; background: #3a2700; color: #ffb74d; font-family: monospace; font-size: 12px; text-align: center; padding: 4px 12px; border-bottom: 1px solid #7a5200; } @supports (-moz-appearance: none) { .chart-page[b-7npuhxjedp] { height: calc(100vh - 5rem); min-height: calc(100vh - 5rem); } } /* /Components/Pages/Coinbase/AllowedPairs.razor.rz.scp.css */ /* Allowed symbol×timeframe matrix (spec 031). Token-driven so it reads on light/dark. */ .pair-matrix-wrap[b-3ng9bcsavd] { overflow-x: auto; border-radius: var(--hz-radius-card); border: 1px solid var(--hz-border); display: inline-block; max-width: 100%; } .pair-matrix[b-3ng9bcsavd] { border-collapse: collapse; font-size: 0.85rem; } .pair-matrix th[b-3ng9bcsavd], .pair-matrix td[b-3ng9bcsavd] { border: 1px solid var(--hz-border); padding: 0.35rem 0.6rem; text-align: center; white-space: nowrap; } .pair-matrix thead th[b-3ng9bcsavd] { color: var(--hz-text-muted); font-weight: 700; background: var(--hz-card); } .pair-matrix .corner[b-3ng9bcsavd] { text-align: left; color: var(--hz-text-muted); } .pair-matrix .row-head[b-3ng9bcsavd] { text-align: left; color: var(--hz-text); font-weight: 600; background: var(--hz-card); } .pair-matrix tbody tr:hover td[b-3ng9bcsavd] { background: var(--hz-brand-soft); } /* /Components/Pages/Coinbase/EventSuggestions.razor.rz.scp.css */ /* Spec 036 US5 — inline minute-override panel, mirroring the IBKR event-suggestions page. */ .override-panel[b-xgrbbq37y2] { display: flex; flex-direction: column; gap: 0.3rem; } .override-row[b-xgrbbq37y2] { display: flex; align-items: center; gap: 0.35rem; } .override-label[b-xgrbbq37y2] { font-size: 0.75rem; /* Horizon muted token (theme-aware); the un-remapped --rz-text-secondary-color would be a near-white in the dark Radzen base theme (see Monitor.razor.css note). */ color: var(--hz-text-muted); white-space: nowrap; } .override-buttons[b-xgrbbq37y2] { display: flex; gap: 0.35rem; } /* /Components/Pages/Coinbase/Monitor.razor.rz.scp.css */ /* Spec 036 US3 — the admin live-trade monitor. Glanceable per-account cards with a clear header hierarchy (name → health → equity/P-L stats → data age), labeled sections, resizable Radzen grids, at-a-glance P/L color cues, and honest stale treatment (FR-029). Radzen grids scroll horizontally on phone widths instead of collapsing (FR-032/SC-011). Colors use the 618 theme tokens (--hz-*) directly, NOT the Radzen --rz-base-*/ --rz-text-secondary-color variables: the token layer (wwwroot/css/six18.css) only remaps a few --rz-* vars[b-b43a80esl5], so the un-remapped ones keep the base Radzen (light) values — which made white dark-mode text land on a light-grey head. The --hz-* tokens are defined and correct in both light and dark. */ .cb-monitor .cb-account[b-b43a80esl5] { background: var(--hz-card); color: var(--hz-text); border-color: var(--hz-border) !important; overflow: hidden; } .cb-monitor .cb-account__head[b-b43a80esl5] { background: var(--hz-bg); color: var(--hz-text); border-bottom: 1px solid var(--hz-border); padding: 0.65rem 0.9rem; } .cb-monitor .cb-account__name[b-b43a80esl5] { font-size: 1.05rem; font-weight: 700; color: var(--hz-text); } /* Header stats: label-above-value pairs so equity and open P/L read at a glance. */ .cb-monitor .cb-stat[b-b43a80esl5] { display: inline-flex; flex-direction: column; line-height: 1.15; font-size: 0.95rem; font-weight: 600; color: var(--hz-text); } .cb-monitor .cb-stat__label[b-b43a80esl5] { font-size: 0.68rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hz-text-muted); } /* Stale data must read as stale at a glance — never as live figures (FR-029). */ .cb-monitor .cb-stale[b-b43a80esl5] { opacity: 0.72; border-style: dashed !important; } .cb-monitor .cb-section[b-b43a80esl5] { padding: 0.5rem 0.9rem 0.75rem; } .cb-monitor .cb-section__label[b-b43a80esl5] { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--hz-text-muted); margin: 0.25rem 0 0.4rem; } .cb-monitor .cb-pnl[b-b43a80esl5] { font-variant-numeric: tabular-nums; } .cb-monitor .cb-gain[b-b43a80esl5] { color: var(--hz-success); font-weight: 700; } .cb-monitor .cb-loss[b-b43a80esl5] { color: var(--hz-danger); font-weight: 700; } .cb-monitor .cb-empty[b-b43a80esl5] { background: var(--hz-card); color: var(--hz-text); border: 1px dashed var(--hz-border); } .cb-monitor .cb-confirm[b-b43a80esl5] { background: var(--hz-card); color: var(--hz-text); border-color: var(--hz-warning) !important; } @media (max-width: 640px) { .cb-monitor .cb-account__head[b-b43a80esl5] { font-size: 0.875rem; gap: 0.5rem !important; } .cb-monitor .cb-section[b-b43a80esl5] { padding: 0.4rem 0.5rem 0.6rem; } } /* /Components/Pages/Dashboard.razor.rz.scp.css */ .dashboard[b-17jrn0akqj] { padding: 1.5rem; } .dashboard__stats[b-17jrn0akqj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1.1rem; max-width: 90rem; margin: 0 auto 1.25rem auto; } .dashboard__grid[b-17jrn0akqj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 1.1rem; max-width: 90rem; margin: 0 auto; } /* /Components/Pages/EventSuggestions.razor.rz.scp.css */ /* Event Blockout Suggestions Page Styles */ /* Toolbar wraps on narrow (tablet) widths instead of squeezing the controls, which previously clipped the Refresh button's label past its rounded edge. */ .event-toolbar[b-h8kyuwxmck] { flex-wrap: wrap; row-gap: 0.5rem; } .event-toolbar[b-h8kyuwxmck] .rz-button { flex-shrink: 0; white-space: nowrap; } .row-passed[b-h8kyuwxmck] { opacity: 0.6; background-color: var(--hz-bg) !important; } .row-applied[b-h8kyuwxmck] { background-color: var(--hz-success-soft) !important; } .row-conflict[b-h8kyuwxmck] { border-left: 3px solid var(--hz-warning); } .override-icon[b-h8kyuwxmck] { color: var(--hz-warning); margin-left: 4px; font-size: 0.85em; } .reserved-conflict-icon[b-h8kyuwxmck] { color: var(--hz-warning); margin-right: 4px; } .text-decoration-line-through[b-h8kyuwxmck] { text-decoration: line-through; } .text-muted[b-h8kyuwxmck] { color: var(--hz-text-muted) !important; } .fst-italic[b-h8kyuwxmck] { font-style: italic; } .fw-bold[b-h8kyuwxmck] { font-weight: 700; } .small[b-h8kyuwxmck] { font-size: 0.85em; } .ms-1[b-h8kyuwxmck] { margin-left: 0.25rem; } .gap-3[b-h8kyuwxmck] { gap: 1rem; } .mb-3[b-h8kyuwxmck] { margin-bottom: 1rem; } /* Override panel (inline Apply dialog) */ .override-panel[b-h8kyuwxmck] { display: flex; flex-direction: column; gap: 4px; padding: 4px 6px; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); background: var(--hz-raised); } .override-row[b-h8kyuwxmck] { display: flex; align-items: center; gap: 4px; } .override-label[b-h8kyuwxmck] { font-size: 0.75em; color: var(--hz-text-muted); white-space: nowrap; } /* Highlight row when navigated from a notification */ [b-h8kyuwxmck] .event-highlight-row { animation: event-highlight-pulse-b-h8kyuwxmck 3s ease-out; background-color: color-mix(in srgb, var(--hz-warning) 25%, transparent) !important; } .event-highlight-badge[b-h8kyuwxmck] { animation: event-highlight-pulse-b-h8kyuwxmck 3s ease-out; } @keyframes event-highlight-pulse-b-h8kyuwxmck { 0% { background-color: color-mix(in srgb, var(--hz-warning) 55%, transparent); } 100% { background-color: transparent; } } .override-buttons[b-h8kyuwxmck] { display: flex; gap: 4px; justify-content: flex-end; } /* /Components/Pages/MyDesktop.razor.rz.scp.css */ /* Secondary text uses the Horizon muted token so it stays readable in both modes (Bootstrap's `.text-muted` doesn't track the theme). */ .note[b-smaf623o2a] { color: var(--hz-text-muted); } /* The pairing deep link, rendered as a prominent click target (a user-gesture click on the botleyharness:// scheme reliably fires the OS handler + the browser's consent prompt). */ .launch-link[b-smaf623o2a] { display: inline-block; padding: .5rem 1.1rem; background: var(--rz-primary, #2a8af6); color: var(--hz-on-brand); border-radius: .25rem; text-decoration: none; font-weight: 600; } .launch-link:hover[b-smaf623o2a], .launch-link:focus[b-smaf623o2a] { filter: brightness(1.1); color: var(--hz-on-brand); text-decoration: none; } /* /Components/Shared/BacktestDatePicker.razor.rz.scp.css */ .backtest-date-picker[b-47f9qqiy5n] { position: relative; display: flex; flex-direction: column; gap: 0.4rem; min-width: 15rem; color: var(--backtest-muted); font-size: 0.9rem; } .backtest-date-picker__label[b-47f9qqiy5n] { font-size: 0.9rem; } .backtest-date-picker__controls[b-47f9qqiy5n] { display: flex; gap: 0.45rem; align-items: stretch; } .backtest-date-picker__toggle[b-47f9qqiy5n], .backtest-date-picker__clear[b-47f9qqiy5n], .backtest-date-picker__nav[b-47f9qqiy5n], .backtest-date-picker__day[b-47f9qqiy5n] { border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-card); color: var(--hz-text); } .backtest-date-picker__toggle[b-47f9qqiy5n], .backtest-date-picker__clear[b-47f9qqiy5n] { min-height: 2.7rem; padding: 0 0.85rem; } .backtest-date-picker__toggle[b-47f9qqiy5n] { flex: 1 1 auto; text-align: left; font-weight: 700; } .backtest-date-picker__clear[b-47f9qqiy5n] { flex: 0 0 auto; white-space: nowrap; } .backtest-date-picker__toggle:disabled[b-47f9qqiy5n], .backtest-date-picker__clear:disabled[b-47f9qqiy5n], .backtest-date-picker__nav:disabled[b-47f9qqiy5n], .backtest-date-picker__day:disabled[b-47f9qqiy5n] { opacity: 0.5; } .backtest-date-picker__meta[b-47f9qqiy5n] { color: var(--hz-text-muted); font-size: 0.78rem; } .backtest-date-picker__panel[b-47f9qqiy5n] { position: absolute; top: calc(100% + 0.35rem); left: 0; z-index: 20; width: min(21rem, 90vw); display: grid; gap: 0.85rem; padding: 0.95rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .backtest-date-picker__header[b-47f9qqiy5n] { display: grid; grid-template-columns: auto 1fr auto; gap: 0.65rem; align-items: center; color: var(--hz-text); } .backtest-date-picker__header strong[b-47f9qqiy5n] { text-align: center; } .backtest-date-picker__nav[b-47f9qqiy5n] { min-height: 2.25rem; padding: 0 0.75rem; } .backtest-date-picker__weekday-row[b-47f9qqiy5n], .backtest-date-picker__grid[b-47f9qqiy5n] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0.35rem; } .backtest-date-picker__weekday[b-47f9qqiy5n] { text-align: center; color: var(--hz-text-muted); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; } .backtest-date-picker__day[b-47f9qqiy5n] { min-height: 2.35rem; padding: 0; font-weight: 700; } .backtest-date-picker__day--selected[b-47f9qqiy5n] { border-color: var(--hz-brand); background: var(--hz-brand); color: var(--hz-on-brand); } .backtest-date-picker__day--disabled[b-47f9qqiy5n] { color: var(--hz-text-muted); opacity: 0.55; } .backtest-date-picker__day--outside-month[b-47f9qqiy5n] { border-style: dashed; } @media (max-width: 720px) { .backtest-date-picker[b-47f9qqiy5n] { min-width: 100%; } .backtest-date-picker__controls[b-47f9qqiy5n] { flex-wrap: wrap; } .backtest-date-picker__toggle[b-47f9qqiy5n], .backtest-date-picker__clear[b-47f9qqiy5n] { flex: 1 1 100%; } .backtest-date-picker__panel[b-47f9qqiy5n] { width: min(100%, 22rem); } } /* /Components/Shared/BacktestQueueStatus.razor.rz.scp.css */ .queue-status[b-awmqzno8k9] { display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem; border-radius: var(--hz-radius-control); border: 1px solid var(--hz-border); background: var(--hz-card); color: var(--hz-text); } .queue-status__header[b-awmqzno8k9] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; } .queue-status__details[b-awmqzno8k9] { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; font-size: 0.92rem; } .queue-status--queued[b-awmqzno8k9] { border-color: color-mix(in srgb, var(--hz-warning) 45%, transparent); background: color-mix(in srgb, var(--hz-warning) 12%, transparent); } .queue-status--running[b-awmqzno8k9] { border-color: color-mix(in srgb, var(--hz-info) 45%, transparent); background: color-mix(in srgb, var(--hz-info) 10%, transparent); } .queue-status--completed[b-awmqzno8k9] { border-color: color-mix(in srgb, var(--hz-success) 45%, transparent); background: color-mix(in srgb, var(--hz-success) 12%, transparent); } .queue-status--failed[b-awmqzno8k9] { border-color: color-mix(in srgb, var(--hz-danger) 45%, transparent); background: color-mix(in srgb, var(--hz-danger) 12%, transparent); } .queue-status__error[b-awmqzno8k9] { color: var(--hz-danger); } /* /Components/Shared/BacktestReportHeader.razor.rz.scp.css */ .backtest-report-header[b-57x7yulvlj] { display: grid; gap: clamp(0.95rem, 1.5vw, 1.3rem); align-content: start; } /* /Components/Shared/BacktestReportMetricGrid.razor.rz.scp.css */ .backtest-report-metric-grid[b-h0n2lxl63g] { display: grid; gap: 1rem; padding: 1.25rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); color: var(--hz-text); } .backtest-report-metric-grid--empty[b-h0n2lxl63g] { padding: 1rem 1.1rem; } .backtest-report-metric-grid__header[b-h0n2lxl63g] { display: flex; justify-content: space-between; gap: 1rem; align-items: start; } .backtest-report-metric-grid__header h2[b-h0n2lxl63g] { margin: 0; font-size: 1.2rem; letter-spacing: -0.02em; } .backtest-report-metric-grid__header p[b-h0n2lxl63g] { margin: 0.45rem 0 0; max-width: 40rem; color: var(--hz-text-muted); line-height: 1.55; } .backtest-report-metric-grid__items[b-h0n2lxl63g] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0.9rem; } .backtest-report-metric-grid__card[b-h0n2lxl63g] { display: grid; gap: 0.5rem; padding: 1rem 1rem 1.05rem; min-height: 9rem; align-content: start; border-radius: var(--hz-radius-card); background: var(--hz-raised); border: 1px solid var(--hz-border); } .backtest-report-metric-grid__card span[b-h0n2lxl63g], .backtest-report-metric-grid__card small[b-h0n2lxl63g] { font-size: 0.84rem; } .backtest-report-metric-grid__card span[b-h0n2lxl63g] { color: var(--hz-text-muted); font-weight: 600; letter-spacing: 0.01em; } .backtest-report-metric-grid__card strong[b-h0n2lxl63g] { font-size: 1.65rem; line-height: 1.05; color: var(--hz-text); letter-spacing: -0.03em; } .backtest-report-metric-grid__card small[b-h0n2lxl63g] { color: var(--hz-text-muted); line-height: 1.55; } .backtest-report-metric-grid__card[data-availability='Unavailable'][b-h0n2lxl63g] { border-color: color-mix(in srgb, var(--hz-warning) 30%, transparent); background: color-mix(in srgb, var(--hz-warning) 10%, transparent); } .backtest-report-metric-grid__card[data-availability='Unavailable'] strong[b-h0n2lxl63g] { color: var(--hz-warning); } .backtest-report-metric-grid__card--inconclusive[b-h0n2lxl63g] { border-color: color-mix(in srgb, var(--hz-info) 40%, transparent); } .backtest-report-metric-grid__card--inconclusive strong[b-h0n2lxl63g] { color: var(--hz-info); } @media (max-width: 720px) { .backtest-report-metric-grid[b-h0n2lxl63g] { padding: 1rem; } .backtest-report-metric-grid__card[b-h0n2lxl63g] { min-height: auto; } .backtest-report-metric-grid__card strong[b-h0n2lxl63g] { font-size: 1.35rem; } } /* /Components/Shared/BacktestTimeBreakdownSection.razor.rz.scp.css */ .backtest-time-breakdown-section[b-1gthndm1di] { display: grid; gap: 1rem; } .backtest-time-breakdown-section__controls[b-1gthndm1di] { display: flex; flex-wrap: wrap; gap: 0.9rem; align-items: end; margin: 0; padding: 1rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-card); } .backtest-time-breakdown-section__controls label[b-1gthndm1di] { display: grid; gap: 0.35rem; color: var(--hz-text); } .backtest-time-breakdown-section__controls input[b-1gthndm1di], .backtest-time-breakdown-section__controls select[b-1gthndm1di] { padding: 0.55rem 0.7rem; border: 1px solid var(--hz-border); border-radius: 0.65rem; background: var(--hz-card); color: var(--hz-text); } .backtest-time-breakdown-section__controls input[aria-invalid='true'][b-1gthndm1di] { border-color: var(--hz-warning); } .backtest-time-breakdown-section__validation[b-1gthndm1di] { padding: 0.8rem 1rem; border: 1px solid color-mix(in srgb, var(--hz-warning) 55%, transparent); border-radius: var(--hz-radius-control); background: color-mix(in srgb, var(--hz-warning) 14%, transparent); color: var(--hz-warning); } /* /Components/Shared/BacktestTimeBreakdownTable.razor.rz.scp.css */ .backtest-time-breakdown-table[b-eovzs26h9b] { border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-card); overflow: hidden; } .backtest-time-breakdown-table--empty[b-eovzs26h9b] { padding: 1rem; color: var(--hz-text-muted); } .backtest-time-breakdown-table__summary[b-eovzs26h9b], .backtest-time-breakdown-table__controls[b-eovzs26h9b], .backtest-time-breakdown-table__warning[b-eovzs26h9b], .backtest-time-breakdown-table__warnings[b-eovzs26h9b], .backtest-time-breakdown-table__empty-filter[b-eovzs26h9b] { padding: 1rem; } .backtest-time-breakdown-table__summary[b-eovzs26h9b] { display: grid; gap: 0.35rem; border-bottom: 1px solid var(--hz-border); color: var(--hz-text); } .backtest-time-breakdown-table__summary p[b-eovzs26h9b], .backtest-time-breakdown-table__empty-filter[b-eovzs26h9b] { margin: 0; } .backtest-time-breakdown-table__warning[b-eovzs26h9b] { border-bottom: 1px solid var(--hz-border); color: var(--hz-warning); } .backtest-time-breakdown-table__warnings[b-eovzs26h9b] { margin: 0; display: grid; gap: 0.35rem; border-bottom: 1px solid var(--hz-border); color: var(--hz-text-muted); } .backtest-time-breakdown-table__controls[b-eovzs26h9b] { display: flex; flex-wrap: wrap; gap: 0.9rem; align-items: end; border-bottom: 1px solid var(--hz-border); } .backtest-time-breakdown-table__controls label[b-eovzs26h9b], .backtest-time-breakdown-table__page-size[b-eovzs26h9b] { display: grid; gap: 0.35rem; color: var(--hz-text); font-size: 0.9rem; } .backtest-time-breakdown-table__controls input[b-eovzs26h9b], .backtest-time-breakdown-table__controls select[b-eovzs26h9b], .backtest-time-breakdown-table__pagination button[b-eovzs26h9b] { padding: 0.55rem 0.7rem; border: 1px solid var(--hz-border); border-radius: 0.65rem; background: var(--hz-card); color: var(--hz-text); } .backtest-time-breakdown-table__controls input[b-eovzs26h9b] { min-width: 11rem; } .backtest-time-breakdown-table__pagination[b-eovzs26h9b] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; margin-left: auto; } .backtest-time-breakdown-table__pagination-summary[b-eovzs26h9b], .backtest-time-breakdown-table__page-indicator[b-eovzs26h9b], .backtest-time-breakdown-table__empty-filter[b-eovzs26h9b] { color: var(--hz-text-muted); font-size: 0.82rem; } .backtest-time-breakdown-table__pagination button[b-eovzs26h9b] { cursor: pointer; font-weight: 600; } .backtest-time-breakdown-table__pagination button:disabled[b-eovzs26h9b] { cursor: default; opacity: 0.5; } .backtest-time-breakdown-table__scroll[b-eovzs26h9b] { overflow: auto; } .backtest-time-breakdown-table__grid[b-eovzs26h9b] { width: 100%; border-collapse: collapse; min-width: 0; } .backtest-time-breakdown-table__grid th[b-eovzs26h9b], .backtest-time-breakdown-table__grid td[b-eovzs26h9b] { padding: 0.75rem 0.9rem; border-bottom: 1px solid var(--hz-border); text-align: left; white-space: normal; overflow-wrap: anywhere; vertical-align: top; } .backtest-time-breakdown-table__grid thead[b-eovzs26h9b] { background: var(--hz-raised); color: var(--hz-text-muted); } .backtest-time-breakdown-table__grid tbody[b-eovzs26h9b] { color: var(--hz-text); } @media (max-width: 900px) { .backtest-time-breakdown-table__pagination[b-eovzs26h9b] { margin-left: 0; } } /* /Components/Shared/CandleChart.razor.rz.scp.css */ .candle-chart-wrapper[b-iyjvuqwc1z] { position: relative; width: 100%; height: 100%; min-height: 30rem; background: #181818; overflow: hidden; display: flex; flex-direction: column; border-radius: var(--hz-radius-control); } canvas[b-iyjvuqwc1z] { position: absolute; top: 0; left: 0; width: 100%; /* Leave 18px at bottom for scrollbar */ height: calc(100% - 18px); } /* Axis overlay sits above WebGL layer but passes pointer events through */ #axisOverlay[b-iyjvuqwc1z] { pointer-events: none; z-index: 1; } #candleChart[b-iyjvuqwc1z] { z-index: 0; } .candle-scrollbar[b-iyjvuqwc1z] { position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; appearance: none; -webkit-appearance: none; background: #181818; cursor: pointer; z-index: 5; margin: 0; padding: 0; accent-color: #26a69a; border-top: 1px solid #2d2d2d; } .chart-tooltip[b-iyjvuqwc1z] { position: absolute; top: 8px; left: 8px; display: flex; flex-direction: row; gap: 12px; background: rgba(24, 24, 24, 0.85); color: #d7d7d7; font-size: 12px; font-family: monospace; padding: 4px 8px; border-radius: 3px; pointer-events: none; z-index: 10; } .tooltip-time[b-iyjvuqwc1z] { color: #9e9e9e; margin-right: 4px; } .tooltip-up b[b-iyjvuqwc1z] { color: #26a69a; } .tooltip-down b[b-iyjvuqwc1z] { color: #ef5350; } .chart-spinner[b-iyjvuqwc1z] { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); color: #9e9e9e; font-size: 12px; font-family: monospace; pointer-events: none; z-index: 10; } .chart-load-error[b-iyjvuqwc1z] { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background: rgba(180, 30, 30, 0.85); color: #d7d7d7; font-size: 12px; font-family: monospace; padding: 4px 10px; border-radius: 3px; pointer-events: none; z-index: 10; } .chart-webgl-error[b-iyjvuqwc1z] { color: #ef5350; padding: 16px; font-family: monospace; } /* /Components/Shared/CandleColorSettingsEditor.razor.rz.scp.css */ .candle-color-settings-editor__row[b-ktqvhr5h3w] { min-width: 9rem; } .candle-color-settings-editor__input[b-ktqvhr5h3w] { width: 2.5rem; min-width: 2.5rem; height: 2rem; padding: 0; border: 1px solid #3a3a3a; border-radius: 0.4rem; background: #181818; cursor: pointer; } /* /Components/Shared/ChartControls.razor.rz.scp.css */ .chart-controls-shell[b-79cho1bk1m] { position: relative; z-index: 20; } .chart-controls[b-79cho1bk1m] { display: flex; flex-direction: row; gap: 8px; padding: 6px 8px; background: #1f1f1f; border-bottom: 1px solid #2d2d2d; flex-shrink: 0; align-items: center; } .chart-panel-popover[b-79cho1bk1m] { position: absolute; top: 100%; left: 0; right: 0; z-index: 30; max-height: min(60vh, 560px); overflow-y: auto; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45); } .fib-side-overlay[b-79cho1bk1m] { position: fixed; top: 46px; left: 0; bottom: 0; z-index: 40; width: min(360px, 92vw); padding: 0.5rem; background: rgba(13, 13, 13, 0.82); border-right: 1px solid #2d2d2d; backdrop-filter: blur(2px); overflow: hidden; transform: translateX(calc(-100% - 1rem)); opacity: 0; pointer-events: none; transition: transform 0.22s ease, opacity 0.22s ease; } .fib-side-overlay.is-open[b-79cho1bk1m] { transform: translateX(0); opacity: 1; pointer-events: auto; } .fib-side-overlay .fib-panel[b-79cho1bk1m] { display: flex; flex-direction: column; width: 100%; max-width: none; height: 100%; max-height: 100%; margin: 0; } .fib-side-overlay .fib-panel-levels[b-79cho1bk1m] { flex: 1; min-height: 0; max-height: none; } .chart-select[b-79cho1bk1m] { background: #181818; color: #d7d7d7; border: 1px solid #3a3a3a; border-radius: 3px; padding: 3px 8px; font-size: 13px; font-family: monospace; appearance: none; -webkit-appearance: none; cursor: pointer; outline: none; } .chart-select:hover[b-79cho1bk1m], .chart-select:focus[b-79cho1bk1m] { border-color: #555; } .ha-toggle[b-79cho1bk1m] { display: flex; align-items: center; gap: 5px; color: #9e9e9e; font-size: 13px; font-family: monospace; cursor: pointer; user-select: none; } .ha-toggle input[type="checkbox"][b-79cho1bk1m] { accent-color: #26a69a; cursor: pointer; width: 13px; height: 13px; } .ha-toggle:hover[b-79cho1bk1m] { color: #d7d7d7; } .grid-toggle-btn[b-79cho1bk1m] { background: #181818; color: #9e9e9e; border: 1px solid #3a3a3a; border-radius: 3px; padding: 2px 7px; font-size: 14px; cursor: pointer; line-height: 1.4; font-family: monospace; } .grid-toggle-btn:hover[b-79cho1bk1m] { border-color: #555; color: #d7d7d7; } .grid-panel[b-79cho1bk1m] { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px 20px; padding: 8px 12px; background: #1a1a1a; border: 1px solid #2d2d2d; align-items: center; } .grid-option[b-79cho1bk1m] { display: flex; align-items: center; gap: 5px; color: #9e9e9e; font-size: 12px; font-family: monospace; cursor: pointer; user-select: none; } .grid-option input[type="checkbox"][b-79cho1bk1m] { accent-color: #26a69a; cursor: pointer; width: 12px; height: 12px; } .grid-option:hover[b-79cho1bk1m] { color: #d7d7d7; } .grid-row[b-79cho1bk1m] { display: flex; align-items: center; gap: 6px; } .grid-label[b-79cho1bk1m] { color: #6e6e6e; font-size: 12px; font-family: monospace; min-width: 36px; } .grid-select[b-79cho1bk1m] { padding: 2px 6px; font-size: 12px; } .grid-range[b-79cho1bk1m] { width: 90px; accent-color: #26a69a; cursor: pointer; } .grid-range-val[b-79cho1bk1m] { color: #d7d7d7; font-size: 12px; font-family: monospace; min-width: 20px; text-align: right; } /* ── Fibonacci tool ──────────────────────────────────────────────────── */ .fib-tool-btn[b-79cho1bk1m] { background: #181818; color: #9e9e9e; border: 1px solid #3a3a3a; border-radius: 3px; padding: 2px 9px; font-size: 12px; cursor: pointer; font-family: monospace; line-height: 1.4; } .fib-tool-btn:hover[b-79cho1bk1m] { border-color: #555; color: #d7d7d7; } .fib-tool-btn-active[b-79cho1bk1m] { background: #1a3030; color: #26a69a; border-color: #26a69a; } .fib-panel[b-79cho1bk1m] { display: flex; flex-direction: column; gap: 8px; padding: 10px 14px; background: #1a1a1a; border-bottom: 1px solid #2d2d2d; font-size: 12px; font-family: monospace; color: #9e9e9e; } .fib-panel-row[b-79cho1bk1m] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .fib-panel-levels[b-79cho1bk1m] { display: flex; flex-direction: column; gap: 3px; } .fib-level-header[b-79cho1bk1m], .fib-level-row[b-79cho1bk1m] { display: grid; grid-template-columns: 24px 30px auto; gap: 4px 8px; align-items: center; font-size: 11px; } .fib-level-header[b-79cho1bk1m] { color: #666; border-bottom: 1px solid #2d2d2d; padding-bottom: 3px; margin-bottom: 2px; } .fib-col-on[b-79cho1bk1m] { justify-self: center; } .fib-col-color[b-79cho1bk1m] { width: 26px; height: 18px; padding: 0; border: none; cursor: pointer; background: none; } .fib-col-label[b-79cho1bk1m] { color: #c0c0c0; } .fib-level-table[b-79cho1bk1m] { display: grid; grid-template-columns: 20px 26px auto; gap: 3px 8px; align-items: center; } .fib-col-cb[b-79cho1bk1m] { justify-self: center; } .fib-col-clr[b-79cho1bk1m] { width: 26px; height: 18px; padding: 0; border: none; cursor: pointer; background: none; } .fib-col-lbl[b-79cho1bk1m] { color: #c0c0c0; font-size: 11px; } .fib-clear-btn[b-79cho1bk1m] { margin-top: 4px; background: #2a1a1a; color: #e57373; border: 1px solid #5a2a2a; border-radius: 3px; padding: 3px 10px; font-size: 11px; cursor: pointer; font-family: monospace; } .fib-clear-btn:hover[b-79cho1bk1m] { background: #3a2020; border-color: #e57373; } /* /Components/Shared/ComparisonContextBanner.razor.rz.scp.css */ .comparison-context-banner[b-8m6po8ihly] { padding: 1rem; border-radius: var(--hz-radius-card); border: 1px solid color-mix(in srgb, var(--hz-warning) 45%, transparent); background: color-mix(in srgb, var(--hz-warning) 14%, transparent); color: var(--hz-warning); box-shadow: var(--hz-shadow-card); } .comparison-context-banner__header h2[b-8m6po8ihly] { margin: 0 0 0.25rem; font-size: 1rem; } .comparison-context-banner__header p[b-8m6po8ihly] { margin: 0 0 0.75rem; } .comparison-context-banner ul[b-8m6po8ihly] { margin: 0; padding-left: 1.1rem; } /* /Components/Shared/ComparisonParameterDiff.razor.rz.scp.css */ .comparison-parameter-diff[b-izod0hrzkd], .comparison-parameter-diff--empty[b-izod0hrzkd] { padding: 1rem; border-radius: var(--hz-radius-card); border: 1px solid var(--botley-border); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .comparison-parameter-diff__header h2[b-izod0hrzkd] { margin: 0 0 0.25rem; color: var(--botley-text); } .comparison-parameter-diff__header p[b-izod0hrzkd] { margin: 0 0 0.9rem; color: var(--botley-muted); } .comparison-parameter-diff__scroll[b-izod0hrzkd] { overflow: auto; max-height: min(70vh, 42rem); } .comparison-parameter-diff table[b-izod0hrzkd] { width: 100%; border-collapse: collapse; } .comparison-parameter-diff th[b-izod0hrzkd], .comparison-parameter-diff td[b-izod0hrzkd] { padding: 0.75rem 0.6rem; border-top: 1px solid var(--hz-border); text-align: left; vertical-align: top; } .comparison-parameter-diff thead th[b-izod0hrzkd] { position: sticky; top: 0; z-index: 2; border-top: none; color: var(--botley-text); background: var(--hz-raised); box-shadow: inset 0 -1px 0 var(--hz-border); } .comparison-parameter-diff__value[b-izod0hrzkd] { color: var(--botley-text); font-weight: 700; } .comparison-parameter-diff__status[b-izod0hrzkd] { display: inline-flex; margin-top: 0.35rem; padding: 0.2rem 0.45rem; border-radius: var(--hz-radius-badge); font-size: 0.78rem; font-weight: 700; } .comparison-parameter-diff__status--baseline[b-izod0hrzkd], .comparison-parameter-diff__status--same[b-izod0hrzkd] { background: var(--hz-brand-soft); color: var(--hz-brand-strong); } .comparison-parameter-diff__status--changed[b-izod0hrzkd] { background: color-mix(in srgb, var(--hz-warning) 18%, transparent); color: var(--hz-warning); } .comparison-parameter-diff__status--unavailable[b-izod0hrzkd] { background: color-mix(in srgb, var(--hz-danger) 16%, transparent); color: var(--hz-danger); } /* /Components/Shared/ComparisonSummaryTable.razor.rz.scp.css */ .comparison-summary-table[b-pdhl7uqe9y], .comparison-summary-table--empty[b-pdhl7uqe9y] { padding: 1rem; border-radius: var(--hz-radius-card); border: 1px solid var(--botley-border); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .comparison-summary-table__header h2[b-pdhl7uqe9y] { margin: 0 0 0.25rem; color: var(--botley-text); } .comparison-summary-table__header p[b-pdhl7uqe9y] { margin: 0 0 0.9rem; color: var(--botley-muted); } .comparison-summary-table__scroll[b-pdhl7uqe9y] { overflow: auto; max-height: min(70vh, 42rem); } .comparison-summary-table table[b-pdhl7uqe9y] { width: 100%; border-collapse: collapse; } .comparison-summary-table th[b-pdhl7uqe9y], .comparison-summary-table td[b-pdhl7uqe9y] { padding: 0.75rem 0.6rem; border-top: 1px solid var(--hz-border); text-align: left; vertical-align: top; } .comparison-summary-table thead th[b-pdhl7uqe9y] { position: sticky; top: 0; z-index: 2; border-top: none; color: var(--botley-text); background: var(--hz-raised); box-shadow: inset 0 -1px 0 var(--hz-border); } .comparison-summary-table thead small[b-pdhl7uqe9y] { display: block; margin-top: 0.2rem; color: var(--hz-text-muted); font-weight: 400; } .comparison-summary-table__value[b-pdhl7uqe9y] { color: var(--botley-text); font-weight: 700; } .comparison-summary-table__delta[b-pdhl7uqe9y] { margin-top: 0.25rem; color: var(--botley-muted); font-size: 0.85rem; } /* /Components/Shared/DashboardTile.razor.rz.scp.css */ /* Horizon light card (029 T023). Token-driven so it follows [data-appearance]; semantic status-pill colors are preserved (FR-006). */ .dashboard-tile[b-ivqiwiyg4x] { display: flex; flex-direction: column; gap: 0.6rem; padding: 1.25rem 1.5rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); color: var(--hz-text); text-decoration: none; transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; } .dashboard-tile:hover[b-ivqiwiyg4x] { border-color: var(--hz-brand); transform: translateY(-2px); } .dashboard-tile__header[b-ivqiwiyg4x] { display: flex; justify-content: space-between; align-items: center; gap: 0.6rem; } .dashboard-tile__title[b-ivqiwiyg4x] { font-weight: 700; letter-spacing: 0.01em; color: var(--hz-text); } .dashboard-tile__status[b-ivqiwiyg4x] { padding: 0.15rem 0.65rem; border-radius: var(--hz-radius-badge); font-size: 0.75rem; font-weight: 600; } .dashboard-tile--ok .dashboard-tile__status[b-ivqiwiyg4x] { background: color-mix(in srgb, var(--hz-success) 14%, transparent); color: var(--hz-success); } .dashboard-tile--empty .dashboard-tile__status[b-ivqiwiyg4x] { background: var(--hz-brand-soft); color: var(--hz-text-muted); } .dashboard-tile--unavailable .dashboard-tile__status[b-ivqiwiyg4x] { background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); } .dashboard-tile__headline[b-ivqiwiyg4x] { font-size: 1.35rem; font-weight: 700; color: var(--hz-text); } .dashboard-tile__details[b-ivqiwiyg4x] { margin: 0; padding-left: 1.1rem; color: var(--hz-text-muted); font-size: 0.85rem; display: flex; flex-direction: column; gap: 0.25rem; } /* /Components/Shared/EventNotificationToast.razor.rz.scp.css */ .event-notification-container[b-d54qvqborp] { position: fixed; top: 1rem; right: 1rem; z-index: 9999; display: flex; flex-direction: column; gap: 0.5rem; max-width: 380px; } /* Token-driven (spec 037 T017): raised surface with a semantic left bar instead of the old full-color gradient fills — impact severity keeps its color meaning (FR-008). */ .event-notification-toast[b-d54qvqborp] { padding: 0.75rem 1rem; border-radius: var(--hz-radius-card); background: var(--hz-raised); color: var(--hz-text); border: 1px solid var(--hz-border-strong); border-left-width: 3px; box-shadow: var(--hz-shadow-overlay); cursor: pointer; transition: transform 0.2s ease, opacity 0.2s ease; } .event-notification-toast:hover[b-d54qvqborp] { transform: translateY(-2px); opacity: 0.95; } .event-notification-toast.impact-high[b-d54qvqborp] { border-left-color: var(--hz-danger); } .event-notification-toast.impact-medium[b-d54qvqborp] { border-left-color: var(--hz-warning); } .event-notification-toast.impact-low[b-d54qvqborp] { border-left-color: var(--hz-success); } .event-notification-toast.impact-unknown[b-d54qvqborp] { border-left-color: var(--hz-border-strong); } .notification-header[b-d54qvqborp] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.25rem; } .notification-impact-badge[b-d54qvqborp] { font-family: var(--hz-font-mono); font-size: 0.7rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: var(--hz-radius-badge); text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; } .notification-impact-badge.impact-high[b-d54qvqborp] { background: var(--hz-danger-soft); color: var(--hz-danger); } .notification-impact-badge.impact-medium[b-d54qvqborp] { background: var(--hz-warning-soft); color: var(--hz-warning); } .notification-impact-badge.impact-low[b-d54qvqborp] { background: var(--hz-success-soft); color: var(--hz-success); } .notification-impact-badge.impact-unknown[b-d54qvqborp] { background: var(--hz-brand-soft); color: var(--hz-text-muted); } .notification-title[b-d54qvqborp] { font-weight: 600; font-size: 0.9rem; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notification-dismiss[b-d54qvqborp] { background: none; border: none; color: inherit; font-size: 1.2rem; line-height: 1; padding: 0; margin-left: 0.5rem; opacity: 0.6; cursor: pointer; } .notification-dismiss:hover[b-d54qvqborp] { opacity: 1; } .notification-body[b-d54qvqborp] { margin-top: 0.2rem; padding-left: 0.2rem; } .notification-meta[b-d54qvqborp] { font-size: 0.78rem; color: var(--hz-text-muted); } /* /Components/Shared/GridSettingsEditor.razor.rz.scp.css */ .grid-settings-editor__panel[b-tup00qvk2z] { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px 20px; padding: 8px 12px; background: #1a1a1a; border: 1px solid #2d2d2d; border-radius: var(--hz-radius-control); align-items: center; } .grid-settings-editor__option[b-tup00qvk2z] { display: flex; align-items: center; gap: 5px; color: #9e9e9e; font-size: 12px; font-family: monospace; cursor: pointer; user-select: none; } .grid-settings-editor__option input[type="checkbox"][b-tup00qvk2z] { accent-color: #26a69a; cursor: pointer; width: 12px; height: 12px; } .grid-settings-editor__option:hover[b-tup00qvk2z] { color: #d7d7d7; } .grid-settings-editor__row[b-tup00qvk2z] { display: flex; align-items: center; gap: 6px; } .grid-settings-editor__label[b-tup00qvk2z] { color: #6e6e6e; font-size: 12px; font-family: monospace; min-width: 36px; } .grid-settings-editor__select[b-tup00qvk2z] { padding: 2px 6px; font-size: 12px; background: #181818; color: #d7d7d7; border: 1px solid #3a3a3a; border-radius: 3px; font-family: monospace; } .grid-settings-editor__range[b-tup00qvk2z] { width: 90px; accent-color: #26a69a; cursor: pointer; } .grid-settings-editor__value[b-tup00qvk2z] { color: #d7d7d7; font-size: 12px; font-family: monospace; min-width: 20px; text-align: right; } .grid-settings-editor__actions[b-tup00qvk2z] { display: flex; align-items: center; margin-left: auto; } .grid-settings-editor__reset[b-tup00qvk2z] { padding: 4px 8px; font-size: 12px; font-family: monospace; color: #d7d7d7; background: #202020; border: 1px solid #3a3a3a; border-radius: 4px; cursor: pointer; } .grid-settings-editor__reset:hover[b-tup00qvk2z] { border-color: #4f9088; color: #f3f3f3; } .grid-settings-editor__warning[b-tup00qvk2z] { flex-basis: 100%; padding: 6px 8px; border: 1px solid #5b3a16; border-radius: 0.5rem; background: rgba(99, 63, 22, 0.35); color: #f3cb8f; font-size: 12px; font-family: monospace; } /* /Components/Shared/ParameterPanel.razor.rz.scp.css */ .parameter-panel[b-7qqgz2no9z] { display: grid; gap: 1rem; padding: 1rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-card); color: var(--hz-text); } .parameter-panel__header h2[b-7qqgz2no9z] { margin: 0; font-size: 1rem; } .parameter-panel__header p[b-7qqgz2no9z] { margin: 0.35rem 0 0; color: var(--hz-text-muted); font-size: 0.92rem; } .parameter-panel__preset-row[b-7qqgz2no9z] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 0.9rem; align-items: end; } .parameter-panel__grid[b-7qqgz2no9z] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0.9rem; } .parameter-panel__toggle-group[b-7qqgz2no9z] { display: grid; gap: 0.75rem; margin: 0; padding: 0.9rem 1rem 1rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); } .parameter-panel__toggle-group legend[b-7qqgz2no9z] { padding: 0 0.35rem; font-weight: 700; color: var(--hz-text); } .parameter-panel__toggle-group p[b-7qqgz2no9z] { margin: 0; color: var(--hz-text-muted); font-size: 0.9rem; } .parameter-panel__toggle[b-7qqgz2no9z] { display: flex; align-items: center; gap: 0.6rem; color: var(--hz-text); font-size: 0.92rem; } .parameter-panel__toggle input[b-7qqgz2no9z] { width: auto; margin: 0; } .parameter-panel__field[b-7qqgz2no9z] { display: grid; gap: 0.35rem; font-size: 0.92rem; color: var(--hz-text); } .parameter-panel__field span[b-7qqgz2no9z] { font-weight: 600; } .parameter-panel__field input[b-7qqgz2no9z], .parameter-panel__field select[b-7qqgz2no9z] { width: 100%; padding: 0.6rem 0.7rem; border: 1px solid var(--hz-border); border-radius: 0.7rem; background: var(--hz-card); color: var(--hz-text); } .parameter-panel__field input:focus[b-7qqgz2no9z], .parameter-panel__field select:focus[b-7qqgz2no9z] { outline: 2px solid color-mix(in srgb, var(--hz-brand) 30%, transparent); border-color: var(--hz-brand); } .parameter-panel__preset-actions[b-7qqgz2no9z] { display: flex; flex-wrap: wrap; gap: 0.6rem; } .parameter-panel__action[b-7qqgz2no9z] { min-height: 2.75rem; padding: 0 0.9rem; border: 1px solid var(--hz-brand); border-radius: 0.7rem; background: var(--hz-brand); color: var(--hz-on-brand); font-weight: 600; } .parameter-panel__action:hover:not(:disabled)[b-7qqgz2no9z] { background: var(--hz-brand-hover); border-color: var(--hz-brand-hover); color: var(--hz-on-brand); } .parameter-panel__action:disabled[b-7qqgz2no9z] { opacity: 0.6; } .parameter-panel__action--danger[b-7qqgz2no9z] { border-color: var(--hz-danger); background: var(--hz-danger); color: #fff; } .parameter-panel__error[b-7qqgz2no9z] { color: var(--hz-danger); font-size: 0.8rem; } .parameter-panel__field--wide[b-7qqgz2no9z] { grid-column: 1 / -1; } .parameter-panel__sweep[b-7qqgz2no9z] { display: grid; gap: 1rem; padding: 1rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-bg); } .parameter-panel__sweep-header[b-7qqgz2no9z] { display: flex; flex-wrap: wrap; gap: 0.9rem; justify-content: space-between; align-items: end; } .parameter-panel__sweep-header h3[b-7qqgz2no9z] { margin: 0; font-size: 0.98rem; } .parameter-panel__sweep-header p[b-7qqgz2no9z] { margin: 0.35rem 0 0; color: var(--hz-text-muted); font-size: 0.9rem; } .parameter-panel__sweep-actions[b-7qqgz2no9z] { display: flex; flex-wrap: wrap; gap: 0.6rem; } .parameter-panel__sweep-note[b-7qqgz2no9z] { padding: 0.75rem 0.9rem; border: 1px solid color-mix(in srgb, var(--hz-brand) 25%, transparent); border-radius: var(--hz-radius-control); background: var(--hz-brand-soft); color: var(--hz-text); font-size: 0.9rem; } .parameter-panel__sweep-note--warning[b-7qqgz2no9z] { border-color: color-mix(in srgb, var(--hz-danger) 35%, transparent); background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); } .parameter-panel__sweep-editors[b-7qqgz2no9z] { display: grid; gap: 0.9rem; } .parameter-panel__sweep-editor[b-7qqgz2no9z] { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.9rem; align-items: end; padding: 0.9rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-raised); } .parameter-panel__sweep-remove[b-7qqgz2no9z] { justify-self: start; } .parameter-panel__sweep-preview[b-7qqgz2no9z] { display: grid; gap: 0.4rem; padding: 0.8rem 0.9rem; border: 1px solid color-mix(in srgb, var(--hz-brand) 22%, transparent); border-radius: var(--hz-radius-control); background: var(--hz-brand-soft); color: var(--hz-text); font-weight: 600; } @media (max-width: 960px) { .parameter-panel__preset-row[b-7qqgz2no9z] { grid-template-columns: 1fr; } .parameter-panel__sweep-header[b-7qqgz2no9z] { align-items: start; } } /* /Components/Shared/ResultsTable.razor.rz.scp.css */ .results-table-empty[b-4vzdskk6tt], .results-table-shell[b-4vzdskk6tt] { border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-card); } .results-table-empty[b-4vzdskk6tt] { padding: 1rem; color: var(--hz-text-muted); } .results-table-shell[b-4vzdskk6tt] { display: flex; flex-direction: column; overflow: hidden; } .results-table__header[b-4vzdskk6tt] { padding: 1rem; border-bottom: 1px solid var(--hz-border); } .results-table__header h2[b-4vzdskk6tt] { margin: 0; font-size: 1rem; color: var(--hz-text); } .results-table__header p[b-4vzdskk6tt] { margin: 0.35rem 0 0; color: var(--hz-text-muted); font-size: 0.82rem; } .results-table__scroll[b-4vzdskk6tt] { overflow: auto; max-height: min(60vh, 44rem); } .results-table__controls[b-4vzdskk6tt] { display: flex; flex-wrap: wrap; gap: 0.9rem; align-items: end; padding: 1rem; border-bottom: 1px solid var(--hz-border); } .results-table__controls label[b-4vzdskk6tt] { display: grid; gap: 0.35rem; color: var(--hz-text); font-size: 0.9rem; } .results-table__controls select[b-4vzdskk6tt], .results-table__controls input[b-4vzdskk6tt], .results-table__clear[b-4vzdskk6tt] { padding: 0.55rem 0.7rem; border: 1px solid var(--hz-border); border-radius: 0.65rem; background: var(--hz-card); color: var(--hz-text); } .results-table__filter-input[b-4vzdskk6tt] { min-width: 7.5rem; } .results-table__clear[b-4vzdskk6tt] { cursor: pointer; font-weight: 600; } .results-table__pagination[b-4vzdskk6tt] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; margin-left: auto; } .results-table__pagination-summary[b-4vzdskk6tt], .results-table__page-indicator[b-4vzdskk6tt] { color: var(--hz-text-muted); font-size: 0.82rem; } .results-table__page-size[b-4vzdskk6tt] { display: grid; gap: 0.35rem; color: var(--hz-text); font-size: 0.9rem; } .results-table__page-button[b-4vzdskk6tt] { padding: 0.55rem 0.7rem; border: 1px solid var(--hz-border); border-radius: 0.65rem; background: var(--hz-card); color: var(--hz-text); cursor: pointer; font-weight: 600; } .results-table__page-button:disabled[b-4vzdskk6tt] { cursor: default; opacity: 0.5; } .results-table__clear:disabled[b-4vzdskk6tt] { cursor: default; opacity: 0.5; } .results-table-empty--inline[b-4vzdskk6tt] { border: 0; border-radius: 0; border-top: 1px solid var(--hz-border); } .results-table[b-4vzdskk6tt] { width: 100%; border-collapse: collapse; min-width: 62rem; } .results-table th[b-4vzdskk6tt], .results-table td[b-4vzdskk6tt] { padding: 0.75rem 0.9rem; border-bottom: 1px solid var(--hz-border); text-align: left; white-space: nowrap; } .results-table thead[b-4vzdskk6tt] { background: var(--hz-raised); color: var(--hz-text-muted); } .results-table thead th[b-4vzdskk6tt] { position: sticky; top: 0; z-index: 2; background: var(--hz-raised); box-shadow: inset 0 -1px 0 var(--hz-border); } .results-table__sort[b-4vzdskk6tt] { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; cursor: pointer; } .results-table__toggle-cell[b-4vzdskk6tt] { width: 5.5rem; vertical-align: top; } .results-table__toggle[b-4vzdskk6tt] { min-width: 4.5rem; padding: 0.45rem 0.65rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-badge); background: var(--hz-card); color: var(--hz-text); font-size: 0.78rem; font-weight: 700; cursor: pointer; } .results-table__row[b-4vzdskk6tt] { cursor: pointer; } .results-table__row:hover[b-4vzdskk6tt] { background: var(--hz-brand-soft); } .results-table__row--selected[b-4vzdskk6tt] { background: var(--hz-brand-soft); } .results-table__details[b-4vzdskk6tt] { background: var(--hz-bg); } .results-table__details td[b-4vzdskk6tt] { white-space: normal; } .results-table__zone-cell[b-4vzdskk6tt], .results-table__event-cell[b-4vzdskk6tt], .results-table__notes-cell[b-4vzdskk6tt] { white-space: normal; vertical-align: top; } .results-table__zone-cell[b-4vzdskk6tt] { min-width: 12rem; } .results-table__event-cell[b-4vzdskk6tt] { min-width: 10rem; } .results-table__event-cell--sl .results-table__primary[b-4vzdskk6tt] { color: var(--hz-danger); } .results-table__event-cell--inconclusive .results-table__primary[b-4vzdskk6tt] { color: var(--hz-info); } .results-table__notes-cell[b-4vzdskk6tt] { min-width: 16rem; } .results-table__primary[b-4vzdskk6tt] { color: var(--hz-text); font-weight: 600; } .results-table__secondary[b-4vzdskk6tt], .results-table__note[b-4vzdskk6tt] { margin-top: 0.3rem; font-size: 0.78rem; line-height: 1.35; color: var(--hz-text-muted); } .results-table__note--muted[b-4vzdskk6tt] { color: var(--hz-text-muted); } .results-table__details-body[b-4vzdskk6tt] { display: grid; gap: 1rem; padding: 0.25rem 0; } .results-table__details-body h3[b-4vzdskk6tt] { margin: 0 0 0.65rem; font-size: 0.88rem; color: var(--hz-text); } .results-table__definition-list[b-4vzdskk6tt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.75rem; margin: 0; } .results-table__definition-list--compact[b-4vzdskk6tt] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; } .results-table__definition-list div[b-4vzdskk6tt] { display: grid; gap: 0.2rem; } .results-table__definition-list dt[b-4vzdskk6tt] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hz-text-muted); } .results-table__definition-list dd[b-4vzdskk6tt] { margin: 0; color: var(--hz-text); font-size: 0.84rem; } .results-table__debug-grid[b-4vzdskk6tt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 0.75rem; } .results-table__debug-card[b-4vzdskk6tt] { display: grid; gap: 0.65rem; padding: 0.8rem 0.9rem; border: 1px solid var(--hz-border); border-radius: 0.7rem; background: var(--hz-raised); } .results-table__math[b-4vzdskk6tt] { display: grid; gap: 0.35rem; } .results-table__math-label[b-4vzdskk6tt] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hz-text-muted); } .results-table__math-step[b-4vzdskk6tt] { font-size: 0.78rem; line-height: 1.4; color: var(--hz-text); } /* /Components/Shared/StatCard.razor.rz.scp.css */ /* 618 statistic card (spec 037 T021, design/pages/dashboard.html). Token-driven; follows [data-appearance]. The gold gradient keyline is the brand gesture. */ .stat-card[b-18a5qrzxiw] { position: relative; overflow: hidden; display: flex; align-items: center; gap: 1rem; padding: 1rem 1.15rem; background: var(--hz-card); border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); box-shadow: var(--hz-shadow-card); } .stat-card[b-18a5qrzxiw]::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--hz-brand-gradient); } .stat-card__icon[b-18a5qrzxiw] { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: var(--hz-radius-control); flex-shrink: 0; background: var(--hz-brand-soft); color: var(--hz-brand-strong); } .stat-card__icon[b-18a5qrzxiw] .rz-icon, .stat-card__icon[b-18a5qrzxiw] .notranslate { font-size: 1.5rem; color: inherit; } .stat-card__icon--success[b-18a5qrzxiw] { background: color-mix(in srgb, var(--hz-success) 14%, transparent); color: var(--hz-success); } .stat-card__icon--warning[b-18a5qrzxiw] { background: color-mix(in srgb, var(--hz-warning) 16%, transparent); color: var(--hz-warning); } .stat-card__icon--danger[b-18a5qrzxiw] { background: color-mix(in srgb, var(--hz-danger) 12%, transparent); color: var(--hz-danger); } .stat-card__icon--info[b-18a5qrzxiw] { background: color-mix(in srgb, var(--hz-info) 12%, transparent); color: var(--hz-info); } .stat-card__body[b-18a5qrzxiw] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; } .stat-card__label[b-18a5qrzxiw] { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; /* muted (not faint): small uppercase labels must clear WCAG AA (T029 audit) */ color: var(--hz-text-muted); } .stat-card__value[b-18a5qrzxiw] { font-family: var(--hz-font-mono); font-variant-numeric: tabular-nums; font-size: 1.45rem; font-weight: 500; line-height: 1.15; color: var(--hz-text); } .stat-card__trend[b-18a5qrzxiw] { font-family: var(--hz-font-mono); font-variant-numeric: tabular-nums; font-size: 0.75rem; color: var(--hz-text-muted); } /* /Components/Shared/SummaryStatistics.razor.rz.scp.css */ .summary-statistics[b-wcjq65xb04] { display: grid; gap: 1rem; padding: 1rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); background: var(--hz-card); color: var(--hz-text); } .summary-statistics--empty[b-wcjq65xb04] { padding: 0.9rem 1rem; } .summary-statistics__header[b-wcjq65xb04] { display: flex; justify-content: space-between; gap: 1rem; align-items: start; } .summary-statistics__header h2[b-wcjq65xb04] { margin: 0; font-size: 1rem; } .summary-statistics__header p[b-wcjq65xb04] { margin: 0.35rem 0 0; font-size: 0.92rem; } .summary-statistics__meta[b-wcjq65xb04] { margin-top: 0.45rem; font-size: 0.82rem; color: var(--hz-text-muted); } .summary-statistics__badge[b-wcjq65xb04] { display: inline-flex; align-items: center; padding: 0.35rem 0.6rem; border-radius: var(--hz-radius-badge); background: var(--hz-brand); color: var(--hz-on-brand); font-size: 0.78rem; font-weight: 700; } .summary-statistics__grid[b-wcjq65xb04] { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 0.8rem; } .summary-statistics__card[b-wcjq65xb04] { display: grid; gap: 0.3rem; padding: 0.8rem 0.9rem; border-radius: 0.7rem; background: var(--hz-raised); border: 1px solid var(--hz-border); } .summary-statistics__card span[b-wcjq65xb04], .summary-statistics__card small[b-wcjq65xb04] { font-size: 0.82rem; } .summary-statistics__card small[b-wcjq65xb04] { color: var(--hz-text-muted); } .summary-statistics__card strong[b-wcjq65xb04] { font-size: 1.15rem; color: var(--hz-text); } /* /Components/Shared/TradingControlPanel.razor.rz.scp.css */ .trading-controls[b-fm9hzo1uqs] { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.1rem; padding: 1rem 1.25rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); } .trading-controls__safety[b-fm9hzo1uqs] { display: flex; align-items: center; gap: 0.6rem; } /* ── Start progress stepper ──────────────────────────────────────────────────── */ .start-progress[b-fm9hzo1uqs] { list-style: none; margin: 0.25rem 0 1.1rem 0; padding: 1rem 1.25rem; border: 1px solid var(--hz-border); border-radius: var(--hz-radius-card); background: var(--hz-card); box-shadow: var(--hz-shadow-card); display: grid; gap: 0.55rem; max-width: 32rem; } .start-progress__step[b-fm9hzo1uqs] { display: flex; align-items: center; gap: 0.7rem; color: var(--hz-text-muted); } .start-progress__num[b-fm9hzo1uqs] { display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 1px solid var(--hz-border); font-size: 0.85rem; font-weight: 700; flex: 0 0 auto; } .start-progress__step--done[b-fm9hzo1uqs] { color: var(--hz-text); } .start-progress__step--done .start-progress__num[b-fm9hzo1uqs] { background: var(--hz-success); border-color: var(--hz-success); color: #fff; } .start-progress__step--active[b-fm9hzo1uqs] { color: var(--hz-text); font-weight: 600; } .start-progress__step--active .start-progress__num[b-fm9hzo1uqs] { background: var(--hz-brand); border-color: var(--hz-brand); color: var(--hz-on-brand); animation: start-progress-pulse-b-fm9hzo1uqs 1.2s ease-in-out infinite; } .start-progress__step--failed[b-fm9hzo1uqs] { color: var(--hz-danger); font-weight: 600; } .start-progress__step--failed .start-progress__num[b-fm9hzo1uqs] { background: var(--hz-danger); border-color: var(--hz-danger); color: #fff; } .start-progress__error[b-fm9hzo1uqs] { margin: -0.6rem 0 1.1rem 0; color: var(--hz-danger); font-size: 0.9rem; } @keyframes start-progress-pulse-b-fm9hzo1uqs { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--hz-brand) 55%, transparent); } 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--hz-brand) 0%, transparent); } }