.job-info-panel{border:1px solid var(--color-border, #d7e3ef);border-radius:var(--radius-sm, .5rem);background:linear-gradient(180deg,var(--color-surface-muted, #f7fbff) 0%,var(--color-surface, #ffffff) 100%);box-shadow:var(--shadow-sm, 0 2px 8px rgba(23, 56, 89, .08))}.job-info-toggle{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;padding:.65rem .9rem;color:var(--color-text-strong, #16384e);font-weight:600;cursor:pointer}.job-info-toggle:hover{background:var(--color-primary-soft, rgba(71, 147, 199, .14))}.job-info-toggle:focus{outline:0;box-shadow:inset 0 0 0 2px #4793c759}.job-info-label{display:inline-flex;align-items:center;gap:.5rem}.job-info-hint{color:var(--color-text-muted, #6c757d);font-size:.84rem;font-weight:400;margin-right:.25rem}.job-info-chevron{color:var(--color-primary, #4793c7);transition:transform .2s ease}.job-info-toggle[aria-expanded=true] .job-info-chevron{transform:rotate(180deg)}.job-info-content{display:none;padding:0 .9rem .75rem;overflow-x:auto}.job-info-content.is-open{display:block}#job-info-table{width:100%;margin:0}.job-info-table{border-radius:.25rem}.heatmap-scheme{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--color-text-muted, #6c757d);z-index:2}.heatmap-scheme select{width:auto;font-size:12px;padding-top:2px;padding-bottom:2px;background-color:var(--color-surface, #fff);color:var(--color-text, #1f2a33);border-color:var(--color-border, #d7e3ef)}.tooltip-mapchart{position:absolute;text-align:center;padding:8px;font:12px sans-serif;background:var(--color-surface-muted, whitesmoke);color:var(--color-text, #1f2a33);border:1px solid var(--color-border, #d7e3ef);border-radius:8px;pointer-events:none;opacity:.95}.button-outer-wrapper{min-height:60vh;display:flex;align-items:center;justify-content:center}.primary--button{width:500px;min-height:40px;border:none;background-color:transparent;border-radius:50px;box-shadow:#0000004f 0 4px 12px inset,#0000004d 0 18px 36px -18px inset;position:relative;cursor:pointer}.primary--button:after{content:"Toggle to change";font-size:15px;color:#ffffffb8;min-height:40px;width:250px;display:flex;justify-content:center;align-items:center;border-radius:50px;box-shadow:#0000001a 0 4px 12px;background-color:var(--color-primary, #4793c7);position:absolute;top:50%;transform:translateY(-50%);transition:transform 1s}.primary--button:before{content:"HEAT MAP";font-size:20px;position:absolute;top:50%;left:300px;right:unset;transform:translateY(-50%);color:var(--color-text-strong, #000);text-transform:uppercase;transition:content 1s}.turn-on .primary--button:before{content:"BUBBLE PLOT";right:300px;left:unset;transition:content 1s}.turn-on .primary--button:after{content:"Toggle to change";font-size:15px;color:#ffffffb8;min-height:40px;width:250px;display:flex;justify-content:center;align-items:center;border-radius:50px;box-shadow:#0000001a 0 4px 12px;background-color:var(--color-primary, #4793c7);position:absolute;top:50%;transform:translate(240px,-50%);transition:transform 1s}@media(max-width:768px){.tooltip-piechart{max-width:240px}}.piechart-wrap{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.25rem}.tooltip-piechart{position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .12s ease,transform .12s ease;padding:10px 12px;max-width:360px;border-radius:6px;background:var(--color-surface, #fff);color:var(--color-text, #1f2a33);border:1px solid var(--color-primary-soft-strong, rgba(71, 147, 199, .35));box-shadow:var(--shadow-sm, 0 0 6px rgba(0, 0, 0, .12));font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.35}.tooltip-piechart .tt-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;margin-bottom:4px}.tooltip-piechart .tt-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.tooltip-piechart .tt-desc{color:var(--color-text-muted, #5b6b76);margin-bottom:8px}.tooltip-piechart .tt-metric{display:flex;justify-content:space-between;gap:12px;font-weight:600}.piechart-legend text{font-family:Helvetica Neue,Arial,sans-serif;fill:var(--color-text, #1f2a33)}.piechart-legend .muted{fill:var(--color-text-muted, #6c757d);font-weight:500}.piechart-legend .disabled{opacity:.6}.piechart-legend .chip{rx:4}.piechart-legend .item.is-no-data text{font-weight:800}.piechart-legend .item.is-no-data .chip{stroke:var(--color-primary, #4793c7);stroke-width:1.5px}.piechart-legend .item.is-no-data.is-off{opacity:.45}.piechart-legend .item.is-no-data.is-off .chip{fill:var(--color-border, #c9d6df);stroke:var(--color-text-muted, #6c757d)}.piechart-legend .item{-webkit-user-select:none;user-select:none}.piechart-legend .row-bg{fill:transparent}.piechart-legend .item:hover .row-bg{fill:var(--color-primary-soft, rgba(71, 147, 199, .14))}.piechart-legend .item.is-inert:hover .row-bg{fill:transparent}.piechart-legend .item.is-no-data{cursor:pointer}.piechart-legend .item:not(.is-no-data){cursor:default}.piechart-legend .toggle-track{fill:var(--color-surface-muted, #e9f4ff);stroke:var(--color-primary, #4793c7);stroke-width:1.2px}.piechart-legend .toggle-track.on{fill:var(--color-primary, #4793c7);stroke:var(--color-primary, #4793c7)}.piechart-legend .toggle-knob{fill:var(--color-surface, #ffffff)}.piechart-legend .toggle-hint{fill:var(--color-text-muted, #6c757d);font-weight:700;font-size:11px;opacity:.9}.piechart-slice{transition:opacity .12s ease}#my_dataviz{font-family:Arial,sans-serif;border:0}.line{stroke:var(--color-primary, #4793c7);stroke-width:2}.area{fill:url(#gradient);opacity:.5}.tooltip-timechart,.tooltip-raw-date{position:absolute;background-color:var(--color-surface, #fff);color:var(--color-text, #1f2a33);border:1px solid var(--color-border, #ccc);padding:5px;border-radius:3px;box-shadow:var(--shadow-sm, 0 0 6px rgba(0, 0, 0, .1));pointer-events:none;font-size:12px}.tooltip-line{stroke:var(--color-err, #b23a48);stroke-width:1;stroke-dasharray:2,2}.x-axis path,.x-axis line{shape-rendering:crispEdges}.y-axis path,.y-axis line{shape-rendering:crispEdges}.x-axis text,.y-axis text{font-size:14px}.d3-slider .track{stroke:var(--color-primary, #4793c7);stroke-width:2px}.d3-slider .handle{fill:var(--color-primary, #4793c7);stroke:var(--color-surface, #fff);stroke-width:2px;r:7px}.d3-slider .range{fill:var(--color-primary, #4793c7);opacity:.3}