.contract-mode-tabs{display:flex;gap:6px;border-bottom:1px solid #b9a46640;padding-bottom:10px;margin:2px 0 10px}.contract-mode-tabs button{flex:1;background:transparent;color:#afc3ad;min-height:40px;border-radius:7px;font-size:14px}.contract-mode-tabs button.selected{background:#d9b96e22;color:#ffe2a2;box-shadow:inset 0 -2px #d9b96e}.personal-trade-tabs .selected{outline:1px solid #e8c77a}.contract-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.contract-fields .field{margin:10px 0;min-width:0}.contract-fields input{width:100%;min-width:0}.contract-presets{display:flex;align-items:center;gap:7px;color:#aabfa9;font-size:12px;margin:4px 0 14px}.contract-presets button{flex:1;min-height:34px;background:#314a39;border-radius:6px;color:#f0d69a}.contract-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#10291d88;border:1px solid #79936b44;border-radius:10px;padding:14px;margin:10px 0}.contract-metrics>div{min-width:0}.contract-metrics dt{color:#b4c5ae;font-size:12px;line-height:1.5}.contract-metrics dd{margin:4px 0 0;font-size:17px;font-weight:700;color:#f1da9f;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.personal-trade-card .contract-terms{font-size:12px;line-height:1.6;color:#adc1ab;margin:9px 0}.personal-trade-card .contract-error{color:#f5a99b;font-size:13px;margin:8px 0}.contract-error:empty{display:none}.contract-spot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 14px;border-bottom:1px solid #87956b44;font-size:13px}.contract-spot strong{display:block;margin-top:4px;color:#e9d4a0;font-size:18px}.contract-spot button{font-size:13px;padding:9px}.contract-position-head{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px}.contract-position-head>span{font-size:12px;color:#abc1ab}.contract-pnl{display:flex;justify-content:space-between;align-items:center;gap:10px}.contract-pnl>span{font-size:13px}.contract-pnl>strong{font-size:26px;font-variant-numeric:tabular-nums}.contract-up{color:#9cdaad!important}.contract-down{color:#f3a398!important}.contract-return{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#cad5bc;padding:10px 0}.contract-return strong{font-size:22px;color:#ffe1a0}.contract-empty{padding:28px 0;text-align:center;color:#aabfa9}#contractStart{width:100%;min-height:44px}.holdings-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.holdings-button small{font-size:11px;font-weight:600;line-height:1.2}.personal-trade-card [hidden]{display:none!important}#personalTradeLayer[data-trade-mode=positions] .personal-trade-tabs{display:none}
@media(max-width:600px){.contract-fields{gap:10px}.contract-mode-tabs button{font-size:13px;min-height:36px}.contract-metrics{gap:9px;padding:11px}.contract-metrics dd{font-size:16px}.contract-pnl>strong{font-size:23px}.contract-return strong{font-size:20px}.contract-spot{padding-top:3px;padding-bottom:10px}.contract-position-head{margin-top:12px}.contract-mode-tabs{margin-bottom:6px;padding-bottom:6px}.contract-presets{margin-bottom:9px}.personal-trade-card:has(#contractPosition) .personal-trade-quote{padding-top:0}.personal-trade-card:has(#contractPosition) .personal-trade-scroll>p:first-child{display:none}.center-trades .holdings-button small{font-size:10px}}

.contract-history{margin:12px 0;color:#b9cab1;font-size:12px;border-top:1px solid #87956b44;padding-top:12px}.contract-history summary{cursor:pointer;color:#e8d19a;font-size:13px;padding:5px 0}.contract-history ol{list-style:none;padding:0;margin:6px 0;max-height:190px;overflow:auto}.contract-history li{padding:9px 0;border-bottom:1px solid #87956b22;line-height:1.6;overflow-wrap:anywhere}.contract-history li b{display:block;color:#d7e3c9;margin-bottom:2px}.contract-history small{font-size:11px;color:#94ad98}.contract-last-result{background:#d9b96e0c;border:1px solid #b9a46633;border-radius:8px;padding:10px 12px;margin:0 0 12px;font-size:13px;line-height:1.6}.personal-trade-card .contract-last-result p{margin:4px 0 0;font-size:12px;color:#b9cab1}.contract-empty:has(+.contract-last-result){padding:16px 0 10px}

.contract-selector{display:block;margin:14px 0 10px;color:#b9cab1;font-size:12px}.contract-selector select{display:block;width:100%;min-width:0;min-height:42px;margin-top:7px;padding:8px;background:#142b20;border:1px solid #79936b77;border-radius:7px;color:#f1da9f;font-size:14px}#contractStart{margin-top:10px}

.contract-margin-label{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;column-gap:8px;row-gap:2px}.contract-cash{margin-left:auto;font-size:12px;font-weight:400;color:#b4c5ae;overflow-wrap:anywhere;max-width:100%}.contract-cash strong{color:#f1da9f;font-weight:600;font-variant-numeric:tabular-nums}
.contract-fields .field{display:flex;flex-direction:column;gap:6px}.contract-fields .field input{margin-top:auto}
/* Positions keep the summary and actions visible while only the cards scroll. */
#personalTradeLayer[data-trade-mode=positions] .personal-trade-card{height:min(880px,calc(100dvh - 36px))}
#personalTradeLayer[data-trade-mode=positions] .personal-trade-scroll{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;padding-top:10px;padding-bottom:10px}
#personalTradeLayer[data-trade-mode=positions] .personal-trade-scroll>p:first-child{display:none}
#personalTradeLayer[data-trade-mode=positions] .personal-trade-quote{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:5px 0 10px;flex:none}
#personalTradeLayer[data-trade-mode=positions] .personal-trade-quote>span{margin:0;font-size:12px}
#personalTradeLayer[data-trade-mode=positions] .personal-trade-quote strong{font-size:24px}
#personalTradeLayer[data-trade-mode=positions] #personalTradeEditor{display:flex;flex-direction:column;min-height:0;flex:1}
#personalTradeLayer[data-trade-mode=positions] .contract-mode-tabs{flex:none}
#personalTradeLayer[data-trade-mode=positions] .contract-spot{padding:4px 0 10px;flex:none}
#personalTradeLayer[data-trade-mode=positions] .contract-spot strong{display:inline;margin-left:8px;font-size:15px}
.contract-total{flex:none;padding:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.contract-total>div{min-width:0}.contract-total>div>span{display:block;color:#b4c5ae;font-size:12px;line-height:1.5}.contract-total small{font-size:11px;margin-left:5px;color:#b8c8ae}
.contract-total strong{display:block;font-size:23px;margin-top:3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.personal-trade-card .contract-total p{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;font-size:11px;color:#b4c5ae;margin:0}.contract-total p>span{margin-left:auto}.contract-total b{color:#f1da9f;font-variant-numeric:tabular-nums}
.contract-list-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#77865e #142b20;padding:2px 5px 2px 1px;border-top:1px solid #b9a46630;border-bottom:1px solid #b9a46630}
.contract-list-scroll:focus-visible{outline:1px solid #dfc382;outline-offset:1px}
.contract-position-card{padding:13px;margin:8px 0;border:1px solid #79936b66;border-radius:12px;background:#10291d88}
.contract-card-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.contract-card-heading>strong{font-size:15px;color:#f1da9f;overflow-wrap:anywhere}
.contract-close-one{flex:none;padding:7px 13px;min-height:36px;border:1px solid #c2a76799;border-radius:7px;background:#d7b56818;color:#f1da9f;font-size:13px;font-weight:700}
.contract-close-one:disabled{opacity:.45}.contract-card-pnl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.contract-card-pnl>span{font-size:12px;color:#b4c5ae}.contract-card-pnl>strong{font-size:23px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.contract-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:10px 0}.contract-card-metrics>div{min-width:0}.contract-card-metrics dt{font-size:11px;color:#9eb69f;line-height:1.5}.contract-card-metrics dd{font-size:14px;color:#e1d9b8;margin:2px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.contract-card-net{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;border-top:1px solid #79936b33;padding-top:9px;font-size:11px;color:#b4c5ae}.contract-card-net b{font-size:14px;font-variant-numeric:tabular-nums}
.personal-trade-card .contract-card-danger{font-size:11px;color:#f3a398;margin:8px 0 0}
.contract-list-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;flex:none}.contract-list-actions #personalTradeSubmit{flex:1 1 55%;width:auto;margin:0}.contract-list-actions #contractStart{flex:1 1 30%;width:auto;margin:0;font-size:13px}.contract-list-actions #contractCancelClose{background:none;color:#c2cbb5;padding:0 6px;font-size:12px}
#personalTradeLayer[data-trade-mode=positions] #personalTradeStatus{min-height:0;flex:none;font-size:12px;line-height:1.5;margin:7px 0 0;max-height:54px;overflow:auto}
#personalTradeLayer[data-trade-mode=positions] #personalTradeStatus:empty{display:none}
@media(max-width:600px){
 #personalTradeLayer[data-trade-mode=positions] .personal-trade-card{height:calc(100dvh - 24px)}
 #personalTradeLayer[data-trade-mode=positions] .personal-trade-scroll{padding:8px 12px 10px}
 #personalTradeLayer[data-trade-mode=positions] .personal-trade-quote strong{font-size:21px}
 .contract-total{padding:9px 0;gap:5px 8px}.contract-total>div>span{font-size:10px}.contract-total strong{font-size:19px}
 .contract-position-card{padding:11px}.contract-card-heading>strong{font-size:14px}.contract-card-pnl>strong{font-size:21px}
 .contract-list-actions #personalTradeSubmit{font-size:14px}.contract-list-actions #contractStart{font-size:12px}.contract-card-heading button{min-height:40px}
}
/* The order button follows the selected contract direction. */
#personalTradeLayer[data-trade-mode=contract] #personalTradeSubmit{min-height:64px;font-size:20px;font-weight:800;letter-spacing:1px;padding:16px;margin-top:16px;border-radius:11px}
#personalTradeLayer[data-trade-mode=contract][data-side=short] #personalTradeSubmit{background:linear-gradient(180deg,#78b88a,#3b7855);color:#f3ffe8;border:1px solid #a6d6ab;box-shadow:inset 0 2px 0 #d3f2c955,0 4px 0 #214f38}
#personalTradeLayer[data-trade-mode=contract][data-side=short] #personalSell{background:linear-gradient(180deg,#588365,#294b38);color:#ecf6de;outline:2px solid #9bc8a4;outline-offset:-2px}
@media(max-width:600px){#personalTradeLayer[data-trade-mode=contract] #personalTradeSubmit{min-height:58px;font-size:18px;padding:13px;margin-top:12px}}

.contract-field-column{display:flex;flex-direction:column;min-width:0}.contract-field-column .field{flex:1;margin-bottom:6px}.contract-field-column .contract-presets{margin:0 0 8px;gap:5px}.contract-field-column .contract-presets button{padding:5px 2px;font-size:12px;min-width:0}.contract-cash-presets button{border:1px solid #b9a46644}