/* SPDX-License-Identifier: AGPL-3.0-only */
#pine-workspace { flex:1; min-height:0; overflow:auto; padding:8px 2px 20px; }
#pine-workspace[hidden], #multi-grid[hidden], #multi-indicators[hidden] { display:none !important; }
.pine-editor { background:#0d1c17; border:1px solid #2a4035; border-radius:10px; padding:12px; }
.pine-editor summary { cursor:pointer; font-size:14px; color:#c2ed77; }
.pine-editor-tools { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:10px 0; font-size:12px; }
.pine-editor label { display:flex; align-items:center; gap:8px; }
.pine-editor input, .pine-editor select, .pine-editor button, .pine-card button { border:1px solid #365145; border-radius:6px; background:#10231b; color:#d3e3d9; padding:7px 10px; font:inherit; }
.pine-editor button, .pine-card button { cursor:pointer; }
#pine-run { background:#b2ed42; color:#14210c; font-weight:700; }
#pine-source { display:block; box-sizing:border-box; width:100%; height:190px; resize:vertical; border:1px solid #345047; border-radius:6px; background:#07100e; color:#e4f0e9; padding:12px; font:13px/1.6 Consolas,monospace; tab-size:4; }
.pine-ranking-tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:5px 0 8px; font-size:12px; }
#pine-ranking-status { color:#9bb6a8; }
#pine-ranking-workspace { flex:1; min-height:0; overflow:auto; }
.pine-ranking-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
#pine-ranking-workspace[hidden], .pine-ranking-grid[hidden], #overview-view .overview-layout[hidden], #pine-ranking-off[hidden] { display:none !important; }
@media(max-width:1500px) { .pine-ranking-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1000px) { .pine-ranking-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .pine-ranking-grid { grid-template-columns:1fr; } }
.pine-editor p, #pine-status, .pine-legal { font-size:12px; color:#9bb6a8; line-height:1.7; }
#pine-status { min-height:20px; overflow-wrap:anywhere; }
#pine-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.pine-card { min-width:0; border:1px solid #263e31; border-radius:10px; overflow:hidden; }
.pine-card header { display:flex; gap:7px; align-items:center; padding:8px; font-size:12px; }
.pine-card header strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pine-card button { font-size:11px; padding:4px 7px; }
.pine-card button:disabled { opacity:.45; cursor:default; }
.pine-card-periods { display:flex; flex:0 0 auto; gap:3px; align-items:center; }
.pine-card-periods button { min-width:34px; padding:5px 6px; color:#92b19e; background:#10231b; }
.pine-card-periods button:hover { color:#e4f0e9; border-color:#577b63; }
.pine-card-periods button.is-active { color:#dfff86; border-color:#8ebd4b; background:#193822; font-weight:700; }
.pine-chart-shell { position:relative; height:300px; min-width:0; overflow:hidden; }
.pine-chart { height:100%; min-width:0; }
.pine-chart-legends { position:absolute; inset:0; z-index:3; pointer-events:none; }
.pine-chart-legends[hidden] { display:none !important; }
.pine-pane-legend { position:absolute; left:9px; right:78px; display:flex; align-items:flex-start; min-width:0; max-height:34px; overflow:hidden; padding:3px 5px; border-radius:4px; color:#b9c8c0; background:rgba(11,20,17,.64); box-shadow:0 2px 9px rgba(0,0,0,.16); font:11px/1.35 "SFMono-Regular",Consolas,monospace; text-shadow:0 1px 2px rgba(0,0,0,.6); }
.pine-legend-group { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:6px; min-width:0; margin-right:12px; }
.pine-legend-name { overflow:hidden; color:#b4c3bb; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.pine-legend-value { display:inline-flex; align-items:baseline; gap:3px; white-space:nowrap; }
.pine-legend-plot { color:#7f9388; font-size:10px; }
.pine-legend-number { font:600 11px/1.35 "SFMono-Regular",Consolas,monospace; }
.pine-caption { margin:0; padding:7px 10px; min-height:30px; font-size:11px; color:#92b19e; overflow-wrap:anywhere; }
.pine-card[data-pine-state="error"] .pine-caption { color:#fc8791; }
.pine-legal a { color:#b2cf97; }
.pine-editor + .pine-editor { margin-top:8px; }
.pine-editor [hidden] { display:none !important; }
.pine-editor input[type=number] { width:75px; }
.pine-editor input[type=color] { width:42px; height:32px; padding:3px; }
.pine-stack-chip { display:inline-flex; gap:8px; align-items:center; padding:6px 9px; margin:6px; border:1px solid #365145; border-radius:8px; color:#cde3d7; font-size:12px; }
.pine-editor-tools button, .pine-stack-chip button, .pine-watch-controls select, .pine-watch-controls button { border:1px solid #365145; border-radius:6px; background:#10231b; color:#d3e3d9; padding:6px 9px; cursor:pointer; }
.pine-watch-controls { display:flex; gap:8px; padding:5px 8px; flex-wrap:wrap; }
.pine-watch-controls select { max-width:170px; }
@media(max-width:1100px) { #pine-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { #pine-grid { grid-template-columns:1fr; } .pine-editor-tools { align-items:stretch; } .pine-editor label { flex-wrap:wrap; } }
@media(max-width:650px) { .pine-pane-legend { right:58px; font-size:10px; } .pine-legend-number { font-size:10px; } .pine-legend-group { gap:4px; margin-right:7px; } }