.deriv{--ink:#132d3a;--muted:#708390;--mint:#1b957f;--line:#dce7e9;color:var(--ink);font-size:13px;max-width:1600px;margin:auto}.deriv *{box-sizing:border-box}.deriv button,.deriv input,.deriv select{font:inherit}.deriv button{cursor:pointer}.deriv input,.deriv select{border:1px solid #d4e0e2;background:#fff;border-radius:8px;padding:8px;min-width:0;color:var(--ink)}.deriv input[type=number]{direction:ltr;width:100%;text-align:right}.deriv button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:8px 13px}.deriv button.primary{background:var(--mint);color:white;border-color:var(--mint)}.deriv button:hover{filter:brightness(.96)}.deriv button:disabled{opacity:.5;cursor:wait}.deriv .hero{background:linear-gradient(110deg,#122c3e,#174b50);color:white;border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.deriv .hero h2{font-size:25px;margin:5px 0 8px}.deriv .hero p{color:#b8d1d6;margin:0;line-height:1.9}.deriv .hero small{color:#66d1b4;letter-spacing:2px}.deriv .status{border:1px solid #50727c;border-radius:30px;padding:8px 12px;white-space:nowrap}.deriv .toolbar,.deriv .tabs,.deriv .chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.deriv .toolbar{background:#fff;padding:12px;border:1px solid var(--line);border-radius:12px}.deriv .tabs button.active,.deriv .chips button.active{background:#d8f2e9;color:#08735e;border-color:#98d5c2}.deriv .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.deriv .card,.deriv .box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.deriv .card small{color:var(--muted);display:block;margin-bottom:8px}.deriv .card b{font-size:21px}.deriv .card em{font-style:normal;font-size:11px;color:var(--muted);display:block;margin-top:6px}.deriv .box{margin:12px 0;overflow:hidden}.deriv .box h3{margin:0 0 12px;font-size:16px}.deriv .fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.deriv label{display:grid;gap:6px;color:var(--muted);font-size:12px}.deriv .scroll{overflow:auto;max-height:560px}.deriv table{border-collapse:collapse;width:100%;font-size:12px}.deriv th,.deriv td{padding:10px 11px;border-bottom:1px solid #e9eff0;text-align:right;white-space:nowrap}.deriv th{position:sticky;top:0;background:#f0f5f6;color:#506774;z-index:1;cursor:pointer}.deriv tbody tr:hover{background:#f4faf8}.deriv td input{width:100px}.deriv .pos{color:#078063}.deriv .neg{color:#c6545e}.deriv .muted{color:var(--muted)}.deriv .notice{line-height:1.9;background:#edf5f6;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:12px;margin:10px 0}.deriv .warn{background:#fff6e7;border-color:#efd9b0;color:#805a19}.deriv .charts{display:grid;grid-template-columns:2fr 1fr;gap:12px}.deriv .plot{height:330px;min-width:0}.deriv .heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;direction:ltr}.deriv .heat span{padding:10px 3px;text-align:center;border-radius:5px;white-space:nowrap;font-size:11px}.deriv .rec-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.deriv .rec-title h4{margin:0;font-size:17px}.deriv .badge{border-radius:30px;padding:5px 9px;background:#edf4f5;font-size:11px}.deriv .mini{font-size:11px;color:var(--muted);line-height:1.9}.deriv .error{padding:20px;background:#fff0f0;color:#9b2732;border-radius:10px}.deriv .busy{padding:55px;text-align:center;line-height:2}.deriv .busy i{display:inline-block;width:24px;height:24px;border:3px solid #cce4dd;border-top-color:#198b73;border-radius:50%;animation:derivspin 1s linear infinite}.deriv .savebar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.deriv .savebar input{max-width:250px}.deriv .leg-actions{display:flex;gap:5px}.deriv details summary{cursor:pointer;font-weight:700}.deriv .section-label{font-size:11px;font-weight:600;color:#718b96;letter-spacing:1px}.deriv .unit{font-size:10px;color:#9bacae;margin-right:4px}
@keyframes derivspin{to{transform:rotate(360deg)}}@media(max-width:1050px){.deriv .fields{grid-template-columns:repeat(3,1fr)}.deriv .grid{grid-template-columns:repeat(2,1fr)}.deriv .charts{grid-template-columns:1fr}}@media(max-width:600px){.deriv .hero{padding:16px;display:block}.deriv .hero h2{font-size:21px}.deriv .status{display:inline-block;margin-top:12px}.deriv .fields{grid-template-columns:repeat(2,1fr)}.deriv .card b{font-size:17px}}
.deriv{--muted:#526575;--line:#dce4ee}.deriv .hero{background:linear-gradient(115deg,#172840 15%,#204c65 75%,#216e77);box-shadow:0 6px 20px #17284012}.deriv .hero h2{color:#fff}.deriv .tabs{padding:6px;background:#e7edf5;border-radius:12px;gap:6px}.deriv .tabs button{border-color:transparent;background:transparent;font-weight:600}.deriv .tabs button.active{background:#273e63;color:white;border-color:#273e63;box-shadow:0 3px 8px #18305425}.deriv .tabs button:not(.active):hover{background:#fff}.deriv .chips button{min-width:65px;background:#fff}.deriv .chips button.active{background:#e7f4fb;border-color:#3d85b5;color:#185a85;box-shadow:inset 0 -3px #3d85b5}.deriv .card{position:relative;border:1px solid #e2e8f0;border-right:4px solid #6d91c2;background:#f4f8ff;box-shadow:0 2px 6px #20314904}.deriv .card small{font-weight:600;color:#425975}.deriv .card b{color:#284d7c;font-variant-numeric:tabular-nums}.deriv .card em{color:#526575;line-height:1.7}.deriv .card[data-tone=return]{background:#f6f3ff;border-right-color:#9070c9}.deriv .card[data-tone=return] b{color:#65439d}.deriv .card[data-tone=risk]{background:#fff5f5;border-right-color:#d68689}.deriv .card[data-tone=risk] b{color:#ab424b}.deriv .card[data-tone=history]{background:#fff9ee;border-right-color:#d4a654}.deriv .card[data-tone=history] b{color:#8b621f}.deriv .card[data-tone=outcome]{background:#f0faf5;border-right-color:#5eae8d}.deriv .card[data-tone=outcome] b{color:#21795a}.deriv .box{border-color:#dde4ee;box-shadow:0 3px 12px #1f335206}.deriv .box h3{color:#243e61;border-bottom:1px solid #edf0f5;padding-bottom:10px}.deriv .rec-title{border-bottom:1px solid #edf0f5;padding-bottom:12px;margin-bottom:8px}.deriv .rec-title h4{color:#285277}.deriv section.box:first-of-type{border-right:4px solid #418b9a}.deriv #dvChain th{background:#eaf0f7;color:#304c6a;padding-top:13px;padding-bottom:13px}.deriv #dvChain td:nth-child(5),.deriv #dvChain th:nth-child(5){background:#eef8f2;color:#236c50}.deriv #dvChain td:nth-child(6),.deriv #dvChain th:nth-child(6){background:#fff3f2;color:#a94e51}.deriv #dvChain tbody tr:nth-child(even){background:#f8fafc}.deriv #dvChain tbody tr:hover{background:#edf3fc}.deriv #dvChain td:first-child{font-weight:700}.deriv #dvChain a{color:#2f5f9c;text-decoration:none}.deriv .leg-actions button[data-side="1"]{color:#216d51;background:#eaf7ef;border-color:#a9d2bb}.deriv .leg-actions button[data-side="-1"]{color:#a7434b;background:#fff0ef;border-color:#e7b6b8}.deriv button.primary{background:#315d85;border-color:#315d85;box-shadow:0 3px 8px #315d8518}.deriv input:focus,.deriv select:focus{outline:2px solid #83a7ce;outline-offset:1px}.deriv .notice{background:#edf3fa;border-color:#d8e3f0;color:#3b536c}.deriv .notice.warn{background:#fff7e8;color:#7b581f;border-color:#e9d5aa}.deriv .plot{background:#fff;border-radius:8px}.deriv .toolbar{background:#f9fbfe}.group-btn[data-group=derivatives]{grid-column:1/-1}

.deriv .card[data-tone=return][data-sign=positive] b{color:#18774f}.deriv .card[data-tone=return][data-sign=negative] b{color:#ae404b}.deriv select[data-field=side]:has(option[value="1"]:checked){color:#18774f;background:#eef9f2;border-color:#a3ceaf}.deriv select[data-field=side]:has(option[value="-1"]:checked){color:#ae404b;background:#fff1f1;border-color:#e2b4b7}

.deriv .greek-help{cursor:help;display:inline-flex;align-items:center;gap:6px;border-bottom:1px dashed #6685a5;padding:2px 0;outline-offset:4px}.deriv .greek-help i{font-style:normal;color:#36668f;font-size:14px}.deriv .greek-help:focus-visible{outline:2px solid #5f90b4;border-radius:4px}.deriv-greek-tooltip{position:fixed;z-index:100000;max-width:min(340px,calc(100vw - 24px));padding:14px 17px;background:#21364f;color:#f5f8fd;border:1px solid #50677e;border-radius:12px;font-family:inherit;font-size:12px;line-height:2;text-align:right;direction:rtl;box-shadow:0 10px 28px #14223630;pointer-events:none}

.deriv .expiry-picker{background:#fff;border:1px solid #d9e2ee;border-radius:12px;padding:14px 16px;margin:12px 0}.deriv .expiry-picker>strong{display:block;margin-bottom:10px;color:#314e70;font-size:13px}.deriv .expiry-options{display:flex;flex-wrap:wrap;gap:9px}.deriv .expiry-options button{display:grid;gap:5px;min-width:120px;text-align:right;background:#f5f8fd;border-color:#dce5f0}.deriv .expiry-options button small{color:#5e738b;font-size:11px}.deriv .expiry-options button.active{background:#e3effa;border-color:#5f91bc;box-shadow:inset 0 -3px #5f91bc;color:#215781}.deriv .cc-return{background:#eef8f3;font-size:14px;font-weight:700}.deriv .cc-return.neg{background:#fff2f2}.deriv .cc-return small{display:block;font-weight:400;font-size:10px;color:#566f66;margin-top:4px}.deriv .kind-tag{padding:4px 7px;border-radius:6px;font-size:11px;background:#eef4fa;color:#315b7d}.deriv .kind-tag.put{background:#f3effa;color:#6c5098}
