#gradientModal { width:min(960px,94vw); max-height:90vh; overflow:auto; padding:24px; border:1px solid #37505f; border-radius:14px; color:#d9e7ef; background:#101c25; }
#gradientModal::backdrop { background:#000b; }
#gradientModal header { display:flex; justify-content:space-between; gap:18px; align-items:start; }
#gradientModal h2 { margin:5px 0 8px; }
#gradientModal h3 { margin:20px 0 10px; }
#gradientModal p, #gradientModal small { line-height:1.65; }
#gradientModal .gradient-risk { color:#f0c181; background:#382b1b; padding:12px; border:1px solid #715432; border-radius:8px; font-size:.85rem; }
#gradientModal .gradient-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#gradientSharedRange { grid-column:span 2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#gradientSharedRange[hidden], #gradientIndividualLegs[hidden], #gradientBinanceLimits[hidden] { display:none; }
#gradientModal details { margin:14px 0; }
#gradientModal summary { cursor:pointer; color:#b6c9d6; font-size:.85rem; }
#gradientModal .gradient-leg-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
#gradientModal fieldset { border:1px solid #334957; border-radius:8px; min-width:0; padding:14px; }
#gradientModal label { display:grid; gap:6px; margin:10px 0; font-size:.8rem; }
#gradientModal input, #gradientModal select { width:100%; min-width:0; }
#gradientModal small, #gradientModal .muted { color:#9db0bd; font-size:.75rem; }
#gradientModal .gradient-ack { display:flex; align-items:start; gap:10px; margin:16px 0; }
#gradientModal input[type=checkbox] { width:18px; flex:none; margin-top:2px; }
#gradientModal section { margin-top:18px; border-top:1px solid #334957; padding-top:5px; }
#gradientMessage { margin:12px 0; color:#f0c181; white-space:pre-wrap; }
#gradientModal .gradient-plan { margin:12px 0; padding:12px; border:1px solid #334957; border-radius:8px; }
#gradientModal .gradient-plan header { align-items:center; }
#gradientModal td,#gradientModal th { padding:8px; font-size:.75rem; white-space:nowrap; }
#gradientModal .gradient-alert { color:#ffbd77; }
#gradientModal .table-wrap { overflow:auto; }
#gradientModal .gradient-position-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#gradientModal .gradient-position-grid article { padding:12px; background:#152631; border-radius:8px; overflow-wrap:anywhere; }
@media(max-width:650px) { #gradientModal .gradient-position-grid { grid-template-columns:1fr; } }
#gradientModal .gradient-monitor-metrics { display:flex; gap:16px; flex-wrap:wrap; margin:12px 0; font-size:.8rem; }
@media(max-width:650px) { #gradientModal { padding:14px; } #gradientModal .gradient-fields { grid-template-columns:1fr; gap:0; } #gradientSharedRange { grid-column:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #gradientModal .gradient-leg-inputs { grid-template-columns:1fr; } }