.contract-chart-tools{flex-wrap:wrap;justify-content:flex-end;gap:9px 14px}.contract-legend{flex-wrap:wrap}.contract-drag-hint{padding:6px 9px;border:1px solid #a7e1e9;border-radius:6px;background:#e5f8fb;color:#087e90;font-weight:850}.contract-optimize{height:32px;border:1px solid #96decf;border-radius:6px;background:#e4fbf6;color:#06836c;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.contract-optimize:hover{background:#d3f7ed}.contract-drag-overlay{cursor:crosshair;touch-action:none}
.contract-window-result{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid #b8e5e7;border-radius:9px;background:#f2fbfc;padding:12px 15px;margin:7px 0;color:#385e70;font-size:11px}.contract-window-heading{display:flex;flex-direction:column;gap:3px;min-width:190px}.contract-window-heading>span{color:#0096a5;font-size:9px;font-weight:950;letter-spacing:.1em}.contract-window-heading strong{color:#103c55;font-size:13px}.contract-window-heading small{color:#628193;font-size:10px}.contract-window-metrics{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:13px;flex:1}.contract-window-metrics>span{display:flex;flex-direction:column;gap:4px;padding-left:12px;border-left:1px solid #d2e8ec}.contract-window-metrics small{color:#6b8796;font-size:9px}.contract-window-metrics b{font-size:15px;color:#0b3e58;white-space:nowrap}.contract-window-metrics b.long,.contract-window-metrics b.positive{color:#009e81}.contract-window-metrics b.short{color:#df5361}.contract-window-metrics em{font-style:normal;font-size:9px;font-weight:600;color:#7891a0}.contract-window-result>p{width:100%;margin:0;color:#6c8797;font-size:9px}.contract-optimize-note{width:100%;margin:0;color:#a96c0a!important}
.contract-window-trades{margin:9px 0 2px;border:1px solid #c8e9ed;border-radius:9px;background:#fff;overflow:hidden}.contract-window-trades-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px}.contract-window-trades-head strong{font-size:12px;color:#16435a}.contract-window-trades-head span{font-size:9px;color:#7a93a0}.contract-window-trades .table-wrap{max-height:260px;overflow:auto}.contract-window-trades table{width:100%;border-collapse:collapse;font-size:10px}.contract-window-trades th,.contract-window-trades td{text-align:left;padding:8px 12px;border-top:1px solid #e1eef1}.contract-window-trades th{background:#e5f7fa;color:#2d6279;font-weight:900}.contract-window-trades .positive{color:#009a7f}.contract-window-trades .negative{color:#df4b60}.contract-trade-result{border-radius:4px;padding:3px 7px;font-size:9px;font-weight:800}.contract-trade-result.win{background:#e2f8ef;color:#008b70}.contract-trade-result.loss{background:#ffeaee;color:#d8495d}
html[data-theme="dark"] .contract-drag-hint{background:#12404b;border-color:#276b75;color:#9fe7e9}html[data-theme="dark"] .contract-optimize{background:#15463f;border-color:#328371;color:#92e5d0}html[data-theme="dark"] .contract-window-result,html[data-theme="dark"] .contract-window-trades{background:#102f3a;border-color:#275464;color:#c4dce2}html[data-theme="dark"] .contract-window-heading strong,html[data-theme="dark"] .contract-window-metrics b,html[data-theme="dark"] .contract-window-trades-head strong{color:#eaf7fa}html[data-theme="dark"] .contract-window-metrics>span{border-color:#315664}html[data-theme="dark"] .contract-window-metrics b.positive,html[data-theme="dark"] .contract-window-metrics b.long{color:#5dd7ba}html[data-theme="dark"] .contract-window-metrics b.short{color:#ff7d8d}html[data-theme="dark"] .contract-window-trades th{background:#173e4a;color:#b5e5ec}html[data-theme="dark"] .contract-window-trades td{border-color:#294b56}
@media(max-width:1100px){.contract-window-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-window-result{align-items:flex-start}.contract-window-trades-head{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.contract-chart-tools{justify-content:flex-start}.contract-drag-hint{white-space:normal}.contract-window-result{padding:10px}.contract-window-metrics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.contract-window-metrics>span:nth-child(odd){padding-left:0;border-left:0}.contract-window-metrics b{font-size:13px}.contract-window-trades .table-wrap{max-width:calc(100vw - 46px)}}
.contract-analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px;align-items:stretch}.contract-analysis-grid .contract-seasonal-chart{min-width:0}.contract-analysis-grid .contract-window-result{margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:16px;background:#fff}.contract-window-result .contract-window-heading{padding-bottom:12px;border-bottom:1px solid #d9ebef}.contract-window-consistency{display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px;background:#e4f8f5;color:#087b6a}.contract-window-consistency strong{font-size:30px}.contract-window-consistency span{font-size:11px;line-height:1.5}.contract-analysis-grid .contract-window-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:none}.contract-analysis-grid .contract-window-metrics>span{min-height:65px;padding:9px;border:1px solid #d8edf0;border-radius:8px;background:#f6fbfc}.contract-analysis-grid .contract-window-metrics b{font-size:14px;white-space:normal}.contract-analysis-grid .contract-window-metrics em{display:block}.contract-window-performance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.contract-window-performance[hidden]{display:none}.contract-performance-card{border:1px solid #c8e9ed;border-radius:9px;padding:13px;background:#fff;min-width:0}.contract-performance-card header{display:flex;justify-content:space-between;gap:8px}.contract-performance-card header strong,.contract-performance-card header small{display:block}.contract-performance-card header strong{font-size:13px;color:#153d55}.contract-performance-card header small{margin-top:4px;font-size:10px;color:#68869a}.contract-performance-card header b{font-size:15px}.contract-cumulative-bars,.contract-year-bars{height:125px;display:flex;align-items:flex-end;gap:3px;margin-top:10px;border-bottom:1px solid #c4dae0}.contract-cumulative-bars>span{flex:1;min-width:2px;background:#18b5c5}.contract-cumulative-bars>span.loss{background:#ed6971}.contract-year-bars>div{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.contract-year-bars>div span{width:75%;background:#0ba98f;min-height:3px}.contract-year-bars>div span.loss{background:#ef5b68}.contract-year-bars>div small{font-size:9px;color:#668197;margin-top:2px}.contract-window-trades{margin-top:12px}html[data-theme="dark"] .contract-analysis-grid .contract-window-result,html[data-theme="dark"] .contract-performance-card{background:#102f3a;border-color:#275464}html[data-theme="dark"] .contract-window-consistency{background:#16483f;color:#a5e8d7}html[data-theme="dark"] .contract-analysis-grid .contract-window-metrics>span{background:#173b46;border-color:#2a5965}html[data-theme="dark"] .contract-performance-card header strong{color:#eaf7fa}html[data-theme="dark"] .contract-window-result .contract-window-heading{border-color:#315664}
@media(max-width:1200px){.contract-analysis-grid{grid-template-columns:minmax(0,1fr) 255px}.contract-analysis-grid .contract-window-metrics{grid-template-columns:1fr}.contract-analysis-grid .contract-window-metrics>span{min-height:48px}}
@media(max-width:900px){.contract-analysis-grid{grid-template-columns:1fr}.contract-analysis-grid .contract-window-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-window-performance{grid-template-columns:1fr}}

.contract-trade-breakdown{border:1px solid #bfe3e9;border-radius:10px;background:#f8fdfe;padding:13px 16px;margin-top:12px}
.contract-trade-breakdown[hidden]{display:none}
.contract-trade-breakdown-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.contract-trade-breakdown-head strong{color:#143c55;font-size:13px}
.contract-trade-breakdown-head small{color:#7190a0;font-size:10px}
.contract-trade-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(210px,1.4fr);gap:10px}
.contract-trade-step,.contract-trade-formula{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;border:1px solid #d5eaf0;border-radius:8px;padding:10px 12px;background:#fff}
.contract-trade-step>span,.contract-trade-formula>small{font-size:9px;letter-spacing:.06em;font-weight:850;color:#688797}
.contract-trade-step>strong{font-size:11px;color:#123d56}
.contract-trade-step>b{font-size:17px;color:#123d56}
.contract-trade-step.short{border-color:#ffc6ce;background:#fff4f5}.contract-trade-step.short>strong{color:#e6465b}
.contract-trade-step.long{border-color:#a9e4d4;background:#effbf7}.contract-trade-step.long>strong{color:#009c7e}
.contract-trade-step.exit{background:#f2fbfd}
.contract-trade-formula{border-color:#a8e5d7;background:#eaf9f4}
.contract-trade-formula>strong{font-size:14px;color:#008b72;line-height:1.35}
.contract-trade-formula>span{font-size:9px;line-height:1.35;color:#5c7e88}
.contract-window-trades table{min-width:860px}
html[data-theme="dark"] .contract-trade-breakdown{background:#102f3a;border-color:#275464}
html[data-theme="dark"] .contract-trade-breakdown-head strong,html[data-theme="dark"] .contract-trade-step>strong,html[data-theme="dark"] .contract-trade-step>b{color:#eaf7fa}
html[data-theme="dark"] .contract-trade-step{background:#173b46;border-color:#315a66}
html[data-theme="dark"] .contract-trade-step.short{background:#422935;border-color:#8b495a}
html[data-theme="dark"] .contract-trade-step.long,html[data-theme="dark"] .contract-trade-formula{background:#174238;border-color:#2b806c}
html[data-theme="dark"] .contract-trade-formula>strong{color:#5dd7ba}
@media(max-width:780px){.contract-trade-breakdown-head{flex-direction:column}.contract-trade-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-trade-formula{grid-column:1/-1}.contract-trade-step>b{font-size:14px}}

.contract-seasonal-chart{position:relative}
.contract-chart-tooltip{position:absolute;z-index:3;display:flex;flex-direction:column;gap:5px;min-width:215px;max-width:230px;border:1px solid #20425a;border-radius:8px;padding:10px 12px;background:rgba(8,31,45,.96);color:#ecf7fa;box-shadow:0 9px 22px rgba(9,38,51,.22);pointer-events:none;font-size:11px;line-height:1.25}
.contract-chart-tooltip[hidden]{display:none}
.contract-chart-tooltip>strong{font-size:12px;color:#fff;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.16)}
.contract-chart-tooltip>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.contract-chart-tooltip b{margin-left:auto;color:#fff}
.contract-chart-tooltip i{display:inline-block;width:12px;height:3px;border-radius:2px;background:#fff;flex:none}
.contract-chart-tooltip i.seasonal{background:#4382ff}
.contract-chart-tooltip .contract-tooltip-signal{display:block;margin-top:4px;padding:4px 6px;border-radius:4px;background:rgba(0,177,151,.16);color:#a8eee2;font-weight:850}

.contract-profit-highlight{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 10px;padding:16px 21px;border:1px solid #86decf;border-radius:11px;background:linear-gradient(110deg,#e9faf6,#f7fefe);box-shadow:0 6px 18px rgba(10,114,104,.08)}
.contract-profit-highlight[hidden]{display:none}
.contract-profit-highlight-copy,.contract-profit-highlight-value{display:flex;flex-direction:column}
.contract-profit-highlight-copy{gap:5px}
.contract-profit-highlight-eyebrow{color:#078777;font-size:10px;font-weight:900;letter-spacing:.09em}
.contract-profit-highlight-copy strong{color:#123d55;font-size:17px;line-height:1.25}
.contract-profit-highlight-copy small{color:#527487;font-size:11px}
.contract-profit-highlight-value{align-items:flex-end;gap:3px;text-align:right}
.contract-profit-highlight-value b{font-size:30px;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
.contract-profit-highlight-value b.positive{color:#009d80}
.contract-profit-highlight-value b.negative{color:#e44d61}
.contract-profit-highlight-value span{color:#627f90;font-size:10px}
html[data-theme="dark"] .contract-profit-highlight{border-color:#287566;background:linear-gradient(110deg,#123b37,#0d2b38);box-shadow:0 8px 24px rgba(0,0,0,.18)}
html[data-theme="dark"] .contract-profit-highlight-copy strong{color:#eef9fb}
html[data-theme="dark"] .contract-profit-highlight-eyebrow{color:#69e1ca}
html[data-theme="dark"] .contract-profit-highlight-copy small,html[data-theme="dark"] .contract-profit-highlight-value span{color:#9cb9c4}
html[data-theme="dark"] .contract-profit-highlight-value b.positive{color:#5de0b9}
html[data-theme="dark"] .contract-profit-highlight-value b.negative{color:#ff7d8d}
@media(max-width:700px){.contract-profit-highlight{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.contract-profit-highlight-copy strong{font-size:15px}.contract-profit-highlight-value{align-items:flex-start;text-align:left}.contract-profit-highlight-value b{font-size:26px}}

/* Selected contract result combines the historical total and the trade steps. */
.contract-profit-highlight{display:block;margin:0 0 10px;padding:12px 16px;border:1px solid #bddfe3;border-radius:10px;background:#f8fcfc;box-shadow:none}
.contract-profit-highlight[hidden]{display:none}
.contract-profit-highlight-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}
.contract-profit-highlight-copy{gap:3px}
.contract-profit-highlight-eyebrow{font-size:9px;color:#42847f;letter-spacing:.06em}
.contract-profit-highlight-copy strong{font-size:15px}
.contract-profit-highlight-copy small{font-size:10px}
.contract-profit-highlight-value b{font-size:23px}
.contract-profit-highlight-value span{font-size:9px}
.contract-profit-highlight .contract-trade-breakdown{margin:10px 0 0;padding:10px 0 0;border:0;border-top:1px solid #dbeaec;border-radius:0;background:transparent}
.contract-profit-highlight .contract-trade-breakdown-head{margin-bottom:7px}
.contract-profit-highlight .contract-trade-breakdown-head strong{font-size:11px}
.contract-profit-highlight .contract-trade-steps{gap:8px}
.contract-profit-highlight .contract-trade-step,.contract-profit-highlight .contract-trade-formula{padding:8px 10px}
.contract-profit-highlight .contract-trade-step>b{font-size:15px}
.contract-profit-highlight .contract-trade-formula>strong{font-size:12px}
html[data-theme="dark"] .contract-profit-highlight{background:#102b35;border-color:#2a505c;box-shadow:none}
html[data-theme="dark"] .contract-profit-highlight .contract-trade-breakdown{background:transparent;border-color:#2a505c}
@media(max-width:700px){.contract-profit-highlight{padding:11px}.contract-profit-highlight-summary{align-items:flex-start;flex-direction:column;gap:8px}.contract-profit-highlight-value{align-items:flex-start;text-align:left}.contract-profit-highlight-value b{font-size:22px}.contract-profit-highlight .contract-trade-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-profit-highlight .contract-trade-formula{grid-column:1/-1}}

/* Compact result strip; detailed entry and exit remain available on demand. */
.contract-profit-highlight{padding:10px 14px;margin:0 0 8px}
.contract-profit-highlight-summary{gap:12px}
.contract-profit-highlight-copy{gap:2px}
.contract-profit-highlight-eyebrow{font-size:8px}
.contract-profit-highlight-copy strong{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;font-weight:800}
.contract-profit-highlight-copy strong i{font-size:10px;font-style:normal;color:#009c7e}
.contract-profit-highlight-copy strong i.short{color:#e25063}
.contract-profit-highlight-value{gap:0}
.contract-profit-highlight-value b{font-size:21px}
.contract-profit-highlight-value span{font-size:9px}
.contract-trade-details{margin-top:6px;border-top:1px solid #e0edf0}
.contract-trade-details summary{display:inline-block;margin-top:6px;color:#447b8d;font-size:10px;font-weight:800;cursor:pointer;list-style:none}
.contract-trade-details summary::-webkit-details-marker{display:none}
.contract-trade-details summary::after{content:'  ▾';color:#139e9c}
.contract-trade-details[open] summary::after{content:'  ▴'}
.contract-profit-highlight .contract-trade-breakdown{margin-top:6px;padding-top:8px}
html[data-theme="dark"] .contract-trade-details{border-color:#2a505c}
html[data-theme="dark"] .contract-trade-details summary{color:#a6d7df}
@media(max-width:700px){.contract-profit-highlight{padding:9px 11px}.contract-profit-highlight-summary{gap:5px}.contract-profit-highlight-copy strong{font-size:11px}.contract-profit-highlight-value b{font-size:20px}}

/* Two-line historical result strip above the contract summary. */
.contract-profit-highlight{padding:8px 14px}
.contract-profit-highlight-summary{min-height:22px;flex-wrap:nowrap}
.contract-profit-highlight-copy{min-width:0;flex-direction:row;align-items:baseline;gap:12px;white-space:nowrap}
.contract-profit-highlight-copy strong{flex-wrap:nowrap;white-space:nowrap}
.contract-profit-highlight-value{flex-direction:row;align-items:baseline;gap:6px;white-space:nowrap}
.contract-profit-highlight-value b{font-size:19px}
.contract-profit-detail{display:flex;align-items:baseline;gap:15px;min-width:0;margin-top:5px;padding-top:5px;border-top:1px solid #dbeaec;color:#385e70;font-size:11px;white-space:nowrap;overflow-x:auto}
.contract-profit-detail b{font-size:9px;color:#648190}
.contract-profit-detail small{font-size:9px;color:#78919d;margin-left:auto}
.contract-profit-arrow{color:#09a99d;font-weight:900}
html[data-theme="dark"] .contract-profit-detail{border-color:#2a505c;color:#c9e3e8}
html[data-theme="dark"] .contract-profit-detail b{color:#a5bfca}
@media(max-width:700px){.contract-profit-highlight-summary{align-items:center;flex-direction:row;gap:8px}.contract-profit-highlight-copy{gap:5px;overflow:hidden}.contract-profit-highlight-eyebrow{display:none}.contract-profit-highlight-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px}.contract-profit-highlight-value{flex-direction:column;align-items:flex-end;gap:0}.contract-profit-highlight-value b{font-size:17px}.contract-profit-highlight-value span{font-size:8px}.contract-profit-detail{gap:10px;font-size:10px}}

/* Historical result is one continuous row; narrow screens can swipe sideways. */
.contract-profit-highlight{display:flex;align-items:center;gap:14px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:8px 14px;min-height:44px;scrollbar-width:thin}
.contract-profit-highlight-summary{flex:none;min-height:0;gap:12px}
.contract-profit-highlight-copy{flex:none;min-width:max-content;gap:7px;overflow:visible}
.contract-profit-highlight-copy strong{display:flex;flex:none;overflow:visible;text-overflow:clip;gap:5px}
.contract-profit-highlight-value{flex:none;flex-direction:row;align-items:baseline;gap:5px;text-align:left}
.contract-profit-highlight-value b{font-size:19px}
.contract-profit-detail{flex:none;display:flex;align-items:baseline;gap:13px;margin:0;padding:0 0 0 14px;border:0;border-left:1px solid #dbeaec;overflow:visible}
.contract-profit-detail small{margin-left:0}
html[data-theme="dark"] .contract-profit-detail{border-color:#2a505c}
@media(max-width:700px){.contract-profit-highlight{display:flex;align-items:center;gap:10px;padding:8px 11px}.contract-profit-highlight-summary{flex:none;flex-direction:row;align-items:center;gap:8px}.contract-profit-highlight-copy{min-width:max-content;gap:5px;overflow:visible}.contract-profit-highlight-eyebrow{display:inline;font-size:8px}.contract-profit-highlight-copy strong{display:flex;font-size:10px;overflow:visible;text-overflow:clip}.contract-profit-highlight-value{flex-direction:row;align-items:baseline;gap:3px;text-align:left}.contract-profit-highlight-value b{font-size:17px}.contract-profit-detail{gap:10px;padding-left:10px}}

/* Use the calendar dashboard's card hierarchy for single-contract results. */
.contract-analysis-grid .contract-window-result{border:0;background:transparent!important;padding:0;gap:10px}
.contract-window-result>.contract-window-heading{padding:9px 12px;border:1px solid var(--border,#b8e5e7);border-radius:9px;background:var(--panel,#fff)}
.contract-window-result>.panel{margin:0;padding:13px;border-radius:10px}
.contract-window-result .consistency-card h2,.contract-window-result .contract-side-profile h2,.contract-window-result .contract-side-direction h2{font-size:14px;margin:0}
.contract-window-result .donut{width:120px;height:120px;margin:14px auto;border-radius:50%;display:grid;place-items:center}
.contract-window-result .donut strong{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--panel,#fff);color:var(--text,#103c55);font-size:24px}
.contract-window-result .donut-legend{display:flex;justify-content:center;gap:14px;font-size:10px}
.contract-side-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.contract-side-kpis .panel{padding:14px 6px;text-align:center;margin:0}
.contract-side-kpis strong{display:block;font-size:22px;line-height:1.3}
.contract-side-kpis small,.contract-side-profile small,.contract-side-direction small{display:block;color:var(--muted,#68869a);font-size:10px;margin-top:6px}
.contract-side-profile>div{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:10px;margin-top:12px}
.contract-side-profile b{font-size:18px}
.contract-side-direction strong{display:block;margin-top:10px;font-size:14px}
html[data-theme="dark"] .contract-window-result .panel{background:var(--panel,#102f3a);border-color:#275464}
@media(max-width:1200px){.contract-side-kpis strong{font-size:18px}}

/* Keep the chart and result rail within the available viewport width. */
.contract-seasonal-panel,.contract-analysis-grid{min-width:0;max-width:100%;box-sizing:border-box}
.contract-analysis-grid{grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:start}
.contract-analysis-grid .contract-window-result{min-width:0;width:100%;flex-wrap:nowrap;box-sizing:border-box}
.contract-analysis-grid .contract-seasonal-chart{height:490px;min-width:0;overflow:hidden}
.contract-analysis-grid .contract-seasonal-chart svg{width:100%;min-width:0;max-width:100%}
.contract-window-result>.contract-window-heading{min-width:0;padding:7px 10px}
.contract-window-result>.panel{padding:10px}
.contract-window-result .donut{width:110px;height:110px;margin:10px auto}
.contract-window-result .donut strong{width:76px;height:76px}
.contract-side-kpis .panel{padding:10px 5px;min-width:0}
.contract-side-kpis strong{font-size:20px}
.contract-side-direction small{line-height:1.4}
@media(max-width:1200px) and (min-width:901px){.contract-analysis-grid{grid-template-columns:minmax(0,1fr) minmax(0,250px)}}
@media(max-width:900px){.contract-analysis-grid{grid-template-columns:minmax(0,1fr)}.contract-analysis-grid .contract-seasonal-chart{height:390px}.contract-analysis-grid .contract-window-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.contract-window-result>.contract-window-heading{grid-column:1/-1}.contract-side-kpis{align-self:start}}
@media(max-width:540px){.contract-analysis-grid .contract-window-result{display:flex}.contract-analysis-grid .contract-seasonal-chart{overflow-x:auto}.contract-analysis-grid .contract-seasonal-chart svg{min-width:620px;max-width:none}}

.contract-performance-svg{width:100%;min-width:0;margin-top:10px}.contract-performance-svg svg{display:block;width:100%;height:auto;min-height:165px}

.contract-trade-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}
.contract-trade-summary article{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:58px;border:1px solid var(--border,#bfe6ec);border-radius:7px;background:var(--panel,#fff)}
.contract-trade-summary strong{font-size:17px}.contract-trade-summary small{font-size:10px;color:var(--muted,#68869a)}
.contract-performance-card header>b{padding:7px 10px;border:1px solid #a9e0df;border-radius:6px;background:var(--panel,#f1fcfa);align-self:start;white-space:nowrap}
@media(max-width:700px){.contract-trade-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-trade-summary article:last-child{grid-column:1/-1}}


/* Single contracts use the calendar dashboard layout and shared card styles. */
.contract-dashboard-shell{padding:0!important;margin-top:12px;min-width:0}
.contract-dashboard-shell .workspace{min-width:0}
.contract-dashboard-shell .contract-seasonal-chart{height:415px;min-width:0;overflow:hidden}
.contract-dashboard-shell .contract-seasonal-chart svg{width:100%;min-width:0;max-width:100%}
.contract-dashboard-shell #contract-window-performance[hidden],.contract-dashboard-shell #contract-window-trades[hidden],.contract-summary[hidden]{display:none}
.contract-dashboard-shell #contract-window-performance{margin-top:10px}
.contract-dashboard-shell #contract-window-trades{margin-top:10px}
.contract-dashboard-shell .table-wrap{max-height:none;overflow-x:auto}
.contract-dashboard-shell table{min-width:1080px}
.contract-dashboard-shell .contract-chart-tools{max-width:100%;min-width:0}
.contract-dashboard-shell .contract-chart-tools .contract-legend{font-size:10px}
.contract-dashboard-shell .selected-window{margin-left:auto;padding:8px 12px;border:1px solid var(--line);border-radius:7px;color:var(--teal);font-weight:850;font-size:11px}
.contract-dashboard-shell .insights-rail{min-width:0}
.contract-dashboard-shell .kpi-pair strong{font-size:22px}
@media(max-width:900px){.contract-dashboard-shell .contract-seasonal-chart{height:390px}}
@media(max-width:620px){.contract-dashboard-shell .contract-seasonal-chart{height:330px}.contract-dashboard-shell .kpi-pair strong{font-size:18px}.contract-dashboard-shell table{min-width:1080px}}

.contract-browser-lower[hidden]{display:none}.contract-dashboard-shell .kpi-pair strong{font-size:20px}.contract-dashboard-shell .contract-panel-head{gap:10px;flex-wrap:wrap}.contract-dashboard-shell .contract-chart-tools{margin-left:auto}.contract-dashboard-shell .contract-seasonal-panel{padding:11px 13px 10px}

/* Keep space between the final analysis card and methodology. */
#contract-browser-page>.methodology{margin-top:20px}
#contract-browser-page>.methodology #contract-method-point{display:block;margin-bottom:6px;font-size:30px}
#contract-browser-page>.methodology #contract-method-point+span{display:block}