.ig-chart { border:1px solid var(--panel-border,#29394b); border-radius:16px; background:#0b1420; overflow:hidden; color:#c8d6e5; }
.ig-chart__toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:8px; padding:12px 14px; border-bottom:1px solid #233142; }
.ig-chart__toolbar label { display:flex; flex-direction:column; gap:3px; font-size:11px; color:#94acc3; }
.ig-chart__toolbar button,.ig-chart__toolbar select,.ig-chart__toolbar input[type=number],.ig-chart__editor button,.ig-chart__editor input { min-height:34px; background:#152333; color:#dbe7f4; border:1px solid #35485e; border-radius:6px; padding:6px 9px; font:inherit; font-size:12px; }
.ig-chart button { cursor:pointer; }
.ig-chart button[aria-pressed=true] { border-color:#d8b16b; background:#3b3327; color:#ffe0a6; }
.ig-chart button:disabled { opacity:.4; cursor:default; }
.ig-chart__toolbar .ig-chart__check { flex-direction:row; align-items:center; min-height:34px; padding:0 5px; }
.ig-chart__check input { accent-color:#d8b16b; }
.ig-chart__toolbar--secondary { align-items:center; padding-top:8px; padding-bottom:8px; }
.ig-chart__toolbar > select { width:auto; max-width:100%; }
.ig-chart__toolbar details { position:relative; font-size:12px; }
.ig-chart__toolbar summary { cursor:pointer; padding:8px; }
.ig-chart__week-settings { position:absolute; top:100%; left:0; z-index:5; display:grid; gap:10px; padding:14px; background:#152333; border:1px solid #35485e; border-radius:8px; width:230px; }
.ig-chart__source { margin-left:auto; color:#849bb4; font-size:11px; }
.ig-chart__status { padding:9px 14px; min-height:34px; color:#ddc795; font-size:12px; }
.ig-chart__canvas { height:calc(clamp(360px,65vh,760px) + var(--pine-panel-height,0px)); position:relative; touch-action:none; }
.ig-chart__info { padding:10px 14px; font-size:11px; line-height:1.6; color:#8ea9c2; border-top:1px solid #233142; }
.ig-chart__editor { display:flex; flex-wrap:wrap; gap:10px; align-items:end; padding:0 14px 10px; font-size:12px; }
.ig-chart__editor:empty { display:none; }
.ig-chart__editor label { display:flex; flex-direction:column; gap:4px; }
.ig-chart__editor input[type=number] { width:130px; }
.ig-chart__notes { font-size:12px; line-height:1.6; padding:8px 14px 14px; color:#8ea9c2; }
.ig-chart__notes summary { cursor:pointer; }
.ig-chart__notes a { color:#8cb8e9; }
.ig-chart :focus-visible { outline:2px solid #edba68; outline-offset:2px; }
.pine-editor { border-top:1px solid #314052; padding:12px 14px; }
.pine-editor__head,.pine-editor__actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.pine-editor__head > span { font-size:12px; color:#9db6cd; overflow-wrap:anywhere; }
.pine-editor__account { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; margin-top:8px; font-size:12px; color:#8bd9c2; }
.pine-editor [data-pine-panel][inert] { opacity:.55; }
.pine-editor button,.pine-editor select,.pine-editor input[type=text] { background:#152333; color:#dbe7f4; border:1px solid #35485e; border-radius:6px; padding:8px 10px; font:inherit; font-size:12px; }
.pine-editor [data-pine-toggle] { font-weight:700; color:#edce91; }
.pine-editor [data-pine-run] { background:#234d48; border-color:#399c8a; }
.pine-editor__actions { padding-top:12px; }
.pine-editor__actions label { display:flex; align-items:center; gap:7px; font-size:12px; }
.pine-editor__note,.pine-editor__help { font-size:12px; color:#9db6cd; line-height:1.6; }
.pine-editor__code { display:flex; height:285px; border:1px solid #35485e; border-radius:8px; overflow:hidden; background:#080f18; }
.pine-editor__code pre,.pine-editor__code textarea { font:13px/21px Consolas,monospace; margin:0; padding:12px; border:0; border-radius:0; tab-size:4; }
.pine-editor__code pre { flex:0 0 44px; text-align:right; color:#6e879f; background:#101c29; overflow:hidden; user-select:none; }
.pine-editor__code textarea { flex:1; width:0; min-width:0; resize:none; color:#e0d2ae; background:transparent; white-space:pre; }
.pine-editor__status { font-size:12px; color:#8bd9c2; min-height:32px; padding:10px 0; white-space:pre-wrap; }
.pine-editor__status--error { color:#ff9fa8; }
.pine-editor__help summary { cursor:pointer; }
.pine-editor__library { padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #314052; }
.pine-editor__library strong { margin-right:auto; font-size:13px; }
.pine-editor [data-pine-list] { max-height:290px; overflow:auto; }
.pine-editor__script { display:grid; grid-template-columns:65px minmax(100px,230px) 1fr; align-items:center; gap:10px; padding-top:8px; }
.pine-editor__script label { display:flex; gap:7px; align-items:center; font-size:12px; }
.pine-editor__script input { accent-color:#34c4a3; }
.pine-editor__script button { text-align:left; overflow-wrap:anywhere; }
.pine-editor__script-status { font-size:11px; color:#9db6cd; overflow-wrap:anywhere; }
.pine-editor__script-status.pine-editor__status--error { color:#ff9fa8; }
.pine-editor__name { display:flex; gap:10px; align-items:center; font-size:12px; }
.pine-editor__name input { max-width:320px; min-width:0; flex:1; }
@media(max-width:650px) { .ig-chart__toolbar { gap:6px; padding:10px; } .ig-chart__source { width:100%; margin:0; } .ig-chart__canvas { height:calc(460px + var(--pine-panel-height,0px)); } .pine-editor__script { grid-template-columns:60px 1fr; } .pine-editor__script-status { grid-column:2; } }
.ig-chart__drawing-account{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid #263849;font-size:12px;color:#9dc5b9}
.ig-chart__sync-error{color:#ec7b85}
.ig-chart__layouts{padding:12px;border:1px solid #314052;border-radius:8px;margin-bottom:12px;background:#101d2c}.ig-chart__layouts .ig-chart__toolbar{margin-bottom:6px}.ig-chart__layouts input{max-width:210px}.ig-chart__layouts select{max-width:300px}.ig-chart__layout-help{font-size:12px;color:#9cb0c5;margin:6px 0}.ig-chart__layouts [role=status]{font-size:12px;margin-top:4px}.ig-chart__layouts button[hidden]{display:none}

.ig-chart__shape-scroll{overflow:auto;max-height:360px}.ig-chart__shapes table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.ig-chart__shapes th,.ig-chart__shapes td{padding:8px 10px;border-bottom:1px solid #263849;min-width:110px}.ig-chart__shapes th{color:#9db6cd}.ig-chart__shapes td:first-child{min-width:220px}