#nse-circle-panel { position:absolute; right:16px; top:90px; bottom:20px; width:min(380px, calc(100% - 90px)); overflow:auto; z-index:1200; padding:22px; background:var(--panel-bg, #fff); color:var(--text-primary, #24382f); box-shadow:0 8px 30px #0003; border-radius:8px; }
#nse-circle-panel[hidden] { display:none; }
#nse-circle-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#nse-circle-panel h2 { font-size:18px; margin:0; }
#nse-circle-panel h3 { font-size:16px; margin:18px 0 4px; }
#nse-circle-panel button { background:#60367b; color:white; border:0; border-radius:6px; padding:9px 13px; cursor:pointer; }
#nse-circle-panel input { width:105px; padding:7px; margin:12px 4px; }
#nse-circle-panel canvas { display:block; width:220px; height:220px; margin:auto; }
#nse-circle-panel table { width:100%; font-size:12px; border-collapse:collapse; }
#nse-circle-panel td { padding:4px; text-align:right; }
#nse-circle-panel td:first-child { text-align:left; }
#nse-circle-panel small { display:block; margin-top:12px; line-height:1.4; }
#nse-circle-panel .nse-swatch { display:inline-block; width:9px; height:9px; margin-right:6px; }
html[data-theme="dark"] #nse-circle-panel { background:#242126; color:#fff; }