/* sigcard (12 Oct 2026): shorter signal block, tiles inside it, help not over the chart */
#workspace .sc .sc-action{font-size:min(60px,14vw)!important}
#workspace .sc .sc-line[data-fr]{display:none!important}
#workspace .fr-signal #basic-trend{margin-top:8px!important}
#workspace .fr-signal #basic-trend .panel-label{display:none}
#workspace .fr-signal #mtf{margin-top:0!important;gap:6px!important}
#workspace .fr-signal #mtf .mtf-item{padding:6px 8px!important;min-height:48px}
#workspace .fr-signal #mtf .mtf-item > span:first-child{font-size:13px!important}
html.jr-sig #workspace .sc .sc-why{display:none!important}
#workspace .jr-mk{font-weight:800;margin-left:4px}
#workspace .jr-mk.ok{color:var(--fr-buy)}
#workspace .jr-mk.no{color:var(--fr-sell)}
#workspace .jr-mk.sig{font-weight:600}
html.jr-in .founder-help{position:static!important;margin:16px 0 0!important;max-width:none!important}
html.jr-in .founder-help summary{font-size:15px!important;width:auto!important;height:auto!important;min-height:44px!important;padding:0 18px!important;display:inline-flex!important;align-items:center;border-radius:12px!important}
html.jr-in .founder-help summary::before{content:none!important}
html.jr-in .founder-help[open] summary{margin-left:0!important}
html.jr-in body{padding-bottom:24px!important}
#workspace .sc .jr-agree{margin:2px 0 0!important;font-size:14px;font-weight:600;color:var(--fr-muted)}
#workspace .fr-signal{padding-top:14px!important}
/* 13 Oct 2026 (owner OK "deploy sekarang", design-daily-2026-10-13): shorter signal block, 1:2 as one line, chart fits the first screen */
#workspace .fr-signal .sc .sc-top{display:block!important}
#workspace .fr-signal .sc .sc-conf{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;gap:4px 8px!important;margin-top:6px;font-size:14px!important}
#workspace .fr-signal .sc .sc-conf .fr-bars3{margin:0!important;flex:0 0 auto}
#workspace .fr-signal .sc .p-since{font-weight:500;flex-basis:100%;color:var(--fr-muted)}
#workspace .fr-signal .sc .p-hide{display:none!important}
#workspace .fr-signal .sc .fr-quip{margin-top:4px!important}
#workspace .fr-signal .sc{padding-right:0!important;padding-bottom:0!important;margin-bottom:0!important}
#workspace .fr-signal .sc .sc-action{padding-right:76px;box-sizing:border-box}
#workspace .fr-signal{margin-bottom:0!important;padding-bottom:0!important}
#workspace .market-grid{margin-top:10px!important}
#workspace .chart-card .canvas-wrap{margin-top:0!important}
#workspace .fr-ruler{display:none!important}
#workspace .p-ratio{margin:8px 8px 0;font-size:14px;line-height:1.45}
#workspace .p-ratio b.t{color:#0B7A3B}
#workspace .p-ratio b.s{color:#B42318}
html[data-theme="dark"] #workspace .p-ratio b.t{color:#6FD4A0}
html[data-theme="dark"] #workspace .p-ratio b.s{color:#FF8E9A}
@media (max-width:480px){#workspace .mt5-chart .canvas-wrap{height:370px}}
/* 14 Oct 2026 (owner OK "deploy", design-daily-2026-10-14): whole chart on the first screen at 390x844 and 360x800 */
#workspace .sc .sc-action{font-size:min(52px,13vw)!important}
#workspace .fr-signal .sc .p-since{flex-basis:auto!important}
#workspace .fr-signal #mtf .mtf-item{min-height:44px!important;padding:4px 8px!important}
#workspace .fr-signal .sc .fr-quip{margin-top:2px!important}
@media (max-width:480px) and (max-height:819px){#workspace .mt5-chart .canvas-wrap{height:max(300px,calc(100vh - 490px))!important}}
@media (max-width:480px) and (min-height:820px) and (max-height:899px){#workspace .mt5-chart .canvas-wrap{height:345px!important}}
/* 15 Oct 2026 (owner OK "oke deploy", design-daily-2026-10-15): timeframe chip on the chart, beta note there, tutorial link */
#workspace .canvas-wrap{position:relative}
#workspace .p-tfchip{position:absolute;top:6px;left:6px;z-index:2;max-width:calc(100% - 84px);padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700;line-height:18px;background:rgba(255,255,255,.92);color:#10191C;border:1px solid #C9D3CE;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] #workspace .p-tfchip{background:rgba(26,30,28,.92);color:#EDEFEC;border-color:#3B4A44}
#workspace .fr-signal .sc .p-tfhide,#workspace .sc .p-tfhide{display:none!important}
#workspace .p-tut{margin:8px 0 0;font-size:15px}
#workspace .p-tut a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
/* 16 Oct 2026 (Impeccable-adapted run; proposal D-025, D-027) */
@media (max-width:374px){#workspace .topbar .brand-wordmark{display:none!important}}
html.jr-late #workspace #visual-status.fr-show,html.jr-late #workspace #feed-warning.fr-show{display:flex!important;align-items:center;gap:8px;margin-top:8px!important;padding:4px 4px 4px 12px!important;font-size:13px!important;line-height:1.3!important}
html.jr-late #workspace .fr-show .fr-refresh{margin-left:auto!important;flex:0 0 auto;white-space:nowrap}
html.jr-late #workspace .fr-signal .sc .fr-quip{display:none!important}
/* D-027 attempt 2: while late, the chart gives up the notice height (still >= 260 px) */
@media (max-width:480px) and (max-height:819px){html.jr-late #workspace .mt5-chart .canvas-wrap{height:max(260px,calc(100vh - 532px))!important}}
@media (max-width:480px) and (min-height:820px) and (max-height:899px){html.jr-late #workspace .mt5-chart .canvas-wrap{height:305px!important}}
/* 17 Oct 2026: install button inside "So... what now?" (hidden when installed) */
#workspace .fr-now .install-entry:not([hidden]){display:inline-flex!important;align-items:center;min-height:44px;margin:4px 0 0!important;padding:0 16px;width:100%;max-width:420px;box-sizing:border-box;border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit;font-weight:700;font-size:15px}
@media (display-mode: standalone){#workspace .install-entry{display:none!important}}