#axis-context{margin:.35rem 0 0;color:#bdc8d2;font-size:13px;line-height:1.4}
#range-toggle,.contract-actions button,#use-today,#fit-iv{color:#d3dde5;background:transparent;border:1px solid #343e47;border-radius:8px;padding:7px 10px;font:inherit;cursor:pointer}
#range-toggle{font-size:12px;white-space:nowrap}
.contract-actions{display:flex;flex-wrap:wrap;gap:6px}
.contract-actions button,#use-today,#fit-iv{font-size:12px}
.contract-caption,.contract-spec,#fit-status,#catalog-status{color:#c1ccd5;font-size:13px;line-height:1.5;margin:4px 0 12px}
.contract-spec a{color:#c4d7e5;text-underline-offset:3px}
#catalog-status:empty,#fit-status:empty{display:none}
.major-guide{stroke:#cad7e2;stroke-opacity:.16;stroke-width:.7;stroke-dasharray:1 5}
#workspace.settlement-only :is(.scene-time,.mobile-time-control,[data-view="surface"],.scenario-extras,#mesh-camera-help){display:none!important}
#range-toggle[hidden]{display:none!important}
@media(max-width:700px){#axis-context{font-size:12px;max-width:210px}#range-toggle{padding:5px 7px}#workspace .contract-actions button{min-height:40px}}

#confirm-personal{font:inherit;color:#c4d4e8;text-align:left;background:none;border:0;padding:9px 0;cursor:pointer}
#confirm-personal[hidden]{display:none}
#bid-pnl{display:block;font-size:13px;color:#c4d4e8}

.warrant-entry{display:grid;gap:16px}
.warrant-entry .warrant-source{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#b6c4ce}
.warrant-source button{border:0;background:transparent;color:#dce8f0;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px 0}
.warrant-block{display:grid;gap:10px;min-width:0}
.warrant-terms{margin-block-start:8px}
.warrant-block h3{margin:0;font-size:16px;font-weight:550;color:#e9eef2}
.warrant-entry .warrant-hint{margin:0;color:#b4c0ca;font-size:12px;line-height:1.5}
.warrant-cost{margin:0;display:flex;align-items:baseline;justify-content:space-between;font-size:13px;color:#bdc8cf}
.warrant-cost output{font-variant-numeric:tabular-nums;color:#edf2f4}
.workspace .parameters .warrant-entry .field>span,.workspace .parameters .warrant-entry summary{font-size:13px}
.warrant-entry details[open]>.field,.warrant-entry details[open]>.field-grid{margin-block:10px}

#workspace[data-kind=varant] #reset{display:none}
.warrant-entry .field small{font-size:12px;line-height:1.4;color:#b4c0ca}

#warrant-demo-label{position:absolute;right:12px;bottom:1px;z-index:4;color:#b6c4ce;font:12px/16px var(--font);pointer-events:none}
#workspace.sample-warrant-chart :is(#scene-source,#outcome-source){display:none}

#open-warrant-market{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:5px 10px;border:1px solid #364149;border-radius:7px;background:transparent;color:#d8e1e6;font:500 13px/1.25 var(--font);white-space:nowrap;cursor:pointer}
#open-warrant-market[hidden]{display:none}
#open-warrant-market .icon{display:block;width:16px;height:16px}
#open-warrant-market:hover{background:#11181d;color:#fff}
#open-warrant-market:focus-visible{outline:2px solid #bad8ec;outline-offset:2px}
@media(max-width:700px){#open-warrant-market{min-height:44px}}
@media(max-width:350px){#open-warrant-market{padding:5px 8px}#open-warrant-market>span{display:none}}

.warrant-side{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.warrant-side button{min-height:44px;border:1px solid #343e47;border-radius:8px;background:transparent;color:#c1cbd4;font:inherit;font-weight:550}
.warrant-side button[aria-pressed=true]{border-color:currentColor}
.warrant-side [data-side=call][aria-pressed=true]{background:#11382b;color:#95efbd}
.warrant-side [data-side=put][aria-pressed=true]{background:#45202a;color:#ffadbc}
.warrant-side button:focus-visible{outline:2px solid #dce6ef;outline-offset:2px}

.warrant-entry input[type=date]{color-scheme:dark}
.warrant-entry input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9}

#workspace .scenario-extras[hidden]{display:none!important}
.warrant-estimate{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:14px;color:#dce5eb}
.warrant-estimate input{width:18px;height:18px;accent-color:#bdced8}
#workspace .scene-heading .scene-secondary-tools{margin:4px 0 0;gap:8px}
#workspace .scene-heading .scene-secondary-tools button{border:0;background:none;padding:3px 4px;font-size:12px}
@media(max-width:700px){#workspace .scene-heading .scene-secondary-tools button{min-height:44px}}
#warrant-report{font-size:13px;color:#ccd7df}
#warrant-report h4{font-size:13px;margin:16px 0 6px}
#warrant-report dl{margin:0}
#warrant-report dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 0}
#warrant-report dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#warrant-report dt{color:#aebbc6}

#axis-context:empty{display:none}
#chart-timeline{display:grid;gap:1px;width:min(520px,100%);min-width:0;align-self:center}
#chart-timeline[hidden]{display:none}
#chart-timeline .chart-day-controls,#chart-timeline .chart-day-picker{display:flex;align-items:center;justify-content:space-between}
#chart-timeline .chart-day-controls{display:grid;grid-template-columns:1fr auto 1fr}
#chart-timeline [data-days="0"]{justify-self:start}
#chart-timeline [data-days="expiry"]{justify-self:end}
#chart-timeline .chart-day-picker{gap:2px}
#chart-timeline button,#chart-timeline #chart-date{color:#e1e7eb;font:500 12px/1.3 var(--font);font-variant-numeric:tabular-nums;border:0;background:transparent;border-radius:6px}
#chart-timeline button{padding:5px 7px;min-height:32px;white-space:nowrap}
#chart-timeline [data-days]{color:#aab9c6;font-weight:500}
#chart-timeline [data-days][aria-pressed=true]{color:#f3f6f9;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b9ccd6}
#chart-timeline button:hover:enabled,#chart-timeline #chart-date:hover:enabled{background:#161c21;color:#fff}
#chart-timeline .chart-day-picker button{font-size:20px;width:36px;line-height:1}
#chart-timeline button:disabled{opacity:.32}
#chart-timeline #chart-date{width:132px;min-width:0;height:36px;font-size:16px;font-weight:500;padding:2px 4px;box-sizing:border-box;color-scheme:dark}
#chart-timeline #chart-day-range{appearance:none;width:100%;height:22px;cursor:ew-resize;padding:0;margin:0;border:none;box-shadow:none;background:transparent;touch-action:pan-y}
#chart-day-range{
 --date-ticks:repeating-linear-gradient(to right,#82919f 0 1px,transparent 1px var(--major-step)) left center/100% 12px no-repeat,
 repeating-linear-gradient(to right,#46535f 0 1px,transparent 1px var(--tick-step)) left center/100% 6px no-repeat,
 linear-gradient(#647380,#647380) center/100% 1px no-repeat;
}
#chart-day-range::-webkit-slider-runnable-track{height:16px;border:0;border-radius:0;background:var(--date-ticks)}
#chart-day-range::-webkit-slider-thumb{appearance:none;width:4px;height:18px;margin-top:-1px;border:0;border-radius:2px;background:#e3eff3;box-shadow:0 0 0 2px #081014}
#chart-day-range::-moz-range-track{height:16px;border:0;background:var(--date-ticks)}
#chart-day-range::-moz-range-progress{background:transparent}
#chart-day-range::-moz-range-thumb{width:4px;height:18px;border:0;border-radius:2px;background:#e3eff3;box-shadow:0 0 0 2px #081014}
#chart-timeline :focus-visible{outline:2px solid #bad8ec;outline-offset:1px}
@media(max-width:700px){#chart-timeline{grid-column:1/-1;grid-row:3;width:min(100%,420px);justify-self:center}#chart-timeline button,#chart-timeline #chart-date{min-height:40px}#chart-timeline .chart-day-picker button{width:36px}#chart-timeline #chart-day-range{height:26px}}


#workspace .parameters .underlying-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0 12px}
#workspace .parameters .underlying-fields .field{margin:0;gap:5px}
#workspace .parameters .underlying-fields input{margin-top:auto;min-height:44px;width:100%;box-sizing:border-box}
#workspace .parameters .underlying-fields input:focus{outline:0;border-bottom:2px solid #c4d4e8}

#warrant-market-data{scroll-margin-block:12px}
#warrant-market-data #metal-status{font-variant-numeric:tabular-nums}
#warrant-market-data input[readonly]{border-bottom-style:dotted}
#warrant-market-data .market-sources{margin:0;border-top:0;color:#b5c2cd;font:12px/1.5 var(--font)}
#warrant-market-data .market-sources summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#c7d4de;font-size:13px;padding-block:4px}
#warrant-market-data .market-sources p{margin:5px 0}
#warrant-market-data .market-sources ul{display:flex;gap:4px 12px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
#warrant-market-data .market-sources a{display:inline-block;padding-block:4px;color:#e4c6a2;text-decoration:underline;text-underline-offset:3px}
#warrant-market-data .market-sources :is(summary,a):focus-visible{outline:2px solid #bad8ec;outline-offset:2px}
@media(max-width:700px){#warrant-market-data .market-sources :is(summary,a){min-height:44px;align-content:center}}

@media(min-width:701px){
 #workspace .scene-topline:has(>#chart-timeline:not([hidden])){
  display:grid;
  grid-template-columns:minmax(0,1fr) min(520px,46%) minmax(0,1fr);
  column-gap:14px;
 }
 #workspace .scene-topline>#chart-timeline{grid-column:2;grid-row:1;justify-self:center}
 #workspace .scene-topline:has(>#chart-timeline:not([hidden]))>.scene-view-tools{grid-column:3;grid-row:1}
 @container(max-width:760px){
  #workspace .scene-topline:has(>#chart-timeline:not([hidden])){grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  #workspace .scene-topline>#chart-timeline{grid-column:1/-1;grid-row:2}
  #workspace .scene-topline:has(>#chart-timeline:not([hidden]))>.scene-view-tools{grid-column:2}
  #workspace[data-view=surface] .scene-topline:has(>#chart-timeline:not([hidden]))>.scene-readouts{grid-row:3}
 }
}
@media(max-width:370px){
 #chart-timeline #chart-date{width:114px;font-size:13px}
 #chart-timeline .chart-day-picker button{width:28px}
 #chart-timeline button{padding-inline:4px}
}

/* Chart question. The native date and existing price ruler share the scenario state. */
#workspace #chart-timeline{width:100%;min-width:0;margin:0;gap:1px}
#chart-timeline .scenario-sentence,
#chart-timeline .scenario-date-clause{display:flex;align-items:center;justify-content:center;gap:6px}
#chart-timeline .scenario-sentence{flex-wrap:wrap;color:#aebbc5;font:400 13px/1.45 var(--font)}
#chart-timeline .scenario-subject{color:#d8e2e8;font-weight:550;min-width:0;overflow-wrap:anywhere}
#chart-timeline .scenario-price-field,
#chart-timeline .scenario-date-field{display:inline-flex;align-items:center;position:relative;box-sizing:border-box;background:#10161a;border:1px solid #39454e;border-radius:7px;color:#edf0f3;min-height:36px}
#chart-timeline .scenario-price-field{padding:0 8px;gap:3px}
#chart-timeline #mobile-scenario-price{border:0;box-shadow:none;background:transparent;color:#edf0f3;border-radius:3px;width:7.5ch;min-width:0;padding:0;text-align:right;height:32px;font:500 15px/1.2 var(--font);font-variant-numeric:tabular-nums}
#chart-timeline #scenario-price-unit{font:500 12px/1.2 var(--font);color:#d7b48d}
#chart-timeline .scenario-price-field:has([aria-invalid=true]){border-color:#cd8792}
#chart-timeline .scenario-date-field{justify-content:center;padding:0 9px;min-width:115px;font-weight:500;color:#edf0f3}
#chart-timeline #scenario-date-long{font-size:14px;white-space:nowrap}
#chart-timeline #chart-date{position:absolute;inset:0;min-height:100%;height:100%;width:100%;margin:0;border:0;padding:2px 4px;font-size:14px;opacity:0;color-scheme:dark;box-sizing:border-box}
#chart-timeline .scenario-date-field:focus-within{outline:2px solid #bad8ec;outline-offset:1px}
#chart-timeline .scenario-date-field:focus-within #chart-date{opacity:1;background:#10161a}
#chart-timeline .scenario-date-field:focus-within #scenario-date-long{visibility:hidden}
#chart-timeline .chart-day-controls{display:grid;grid-template-columns:auto auto minmax(28px,1fr) auto auto;align-items:center;gap:3px;width:min(100%,450px);justify-self:center}
#chart-timeline .chart-day-controls button{min-width:26px;height:30px;padding:2px 4px;font-size:12px}
#chart-timeline :is(#chart-day-prev,#chart-day-next){font-size:17px}
#chart-timeline [hidden]{display:none!important}
@media(max-width:700px){
 #workspace .scene-topline>#chart-timeline{grid-row:2;grid-column:1/-1;min-width:0;width:100%;justify-self:stretch}
 #workspace .scene-topline>.scene-readouts{grid-row:3}
 #chart-timeline .scenario-sentence{gap:4px;font-size:12px}
 #chart-timeline .scenario-price-field{padding:0 5px}
 #chart-timeline #mobile-scenario-price,#chart-timeline #chart-date{font-size:16px}
 #chart-timeline .scenario-price-field,#chart-timeline .scenario-date-field{min-height:40px}
 #chart-timeline #mobile-scenario-price{width:6.5ch;height:38px}
 #chart-timeline .chart-day-controls{gap:1px}
 #chart-timeline .chart-day-controls button{min-height:36px}
 #workspace .mobile-price-entry{display:flex;justify-content:space-between;min-height:30px}
}

/* The form opens beside the chart title and folds from its own heading. */
#workspace .scene-title-line:has(#open-parameters:not([hidden])){display:flex;flex-flow:row wrap;align-items:center;gap:4px 12px}
#workspace #open-parameters,#workspace #close-parameters{
 display:inline-flex;align-items:center;gap:9px;min-width:0;width:auto;height:auto;
 color:#d8e1e6;background:transparent;box-shadow:none;cursor:pointer;
}
#workspace #open-parameters{padding:5px 9px;min-height:32px;border:1px solid #364149;border-radius:6px;font:12px/1.3 var(--font);white-space:nowrap}
#workspace #open-parameters[hidden]{display:none!important}
#workspace #open-parameters::after,#workspace #close-parameters::after{content:"";width:6px;height:6px;flex:none;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
#workspace #close-parameters::after{transform:translateY(2px) rotate(225deg)}
#workspace #open-parameters:hover,#workspace #close-parameters:hover{color:#fff}
#workspace .parameter-heading-label{min-width:0;flex:1}
#workspace #close-parameters{display:flex!important;width:100%;min-height:36px;justify-content:space-between;text-align:left;border:0;border-radius:0;padding:0 3px 0 0;font:inherit;letter-spacing:inherit}
#workspace #parameters-dialog .parameter-actions:has(#reset:only-child){flex:0 0 auto}
#workspace #open-parameters:focus-visible,#workspace #close-parameters:focus-visible{outline:2px solid #bad8ec;outline-offset:2px}
@media(max-width:700px){
 #workspace #open-parameters,#workspace #close-parameters{min-height:44px}
 #workspace #open-parameters>span{display:inline!important}
}

.quote-actions{display:flex;flex-wrap:wrap;gap:6px 10px}
.quote-actions button{color:var(--text,#dde6ec);background:transparent;border:1px solid #394854;border-radius:6px;padding:6px 10px;min-height:32px;font:inherit;font-size:12px;cursor:pointer}
.quote-actions button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#warrant-market-data .quote-missing{color:#f3adb2}