/* Keep the optional axis action in the header immediately above the price scale. */
#terminal .chart-tile header .win-axis-button {
  box-sizing:border-box; position:static; flex:0 0 19px; width:19px; height:20px;
  min-width:0; min-height:0; padding:0; border:0; border-radius:2px;
  background:transparent center/15px 15px no-repeat url("/windows-chart-detach.svg");
  opacity:0; pointer-events:none;
}
#terminal .chart-tile header .win-axis-button[data-attached=false] {background-image:url("/windows-chart-reattach.svg")}
#terminal .chart-tile:hover header .win-axis-button,
#terminal .chart-tile header:focus-within .win-axis-button {opacity:1;pointer-events:auto}
#terminal .chart-tile header .win-axis-button:is(:hover,:focus-visible) {background-color:var(--box,#505050)}
@media (hover:none) {#terminal .chart-tile header .win-axis-button {opacity:1;pointer-events:auto}}
#terminal .win-axis-button[hidden],#terminal #detached-options[hidden]{display:none}
.detached-chart-window{margin:0;background:#292929;color:#eee;font:11px Arial,sans-serif}
.detached-chart-window #terminal{display:block;padding:0;min-height:0;height:100dvh}
.detached-chart-window .detached-chart-slot,.detached-chart-window #terminal .chart-tile{box-sizing:border-box;height:100%}
.detached-chart-window #detached-options{position:fixed;top:28px;right:8px;left:auto}
.detached-chart-window button{color:inherit;font:inherit}
#chart-window-status{position:absolute;left:8px;top:32px;z-index:2;margin:0;padding:6px 9px;background:#292929;color:white}

#terminal .chart-tile[data-cursor$=crosshair] img { cursor:crosshair; }
#terminal .chart-cross-lines { position:absolute; z-index:2; pointer-events:none; overflow:hidden; color:#eee; font:10px/14px "Segoe UI",sans-serif; font-variant-numeric:tabular-nums; }
#terminal .chart-cross-lines[hidden],#terminal .chart-cross-lines [hidden] { display:none; }
#terminal .cross-time-line { position:absolute; top:0; bottom:0; border-left:1px dashed #bcbcbc; }
#terminal .cross-price-line { position:absolute; left:0; right:0; border-top:1px dashed #bcbcbc; }
#terminal .cross-time-tag,#terminal .cross-price-tag { position:absolute; border-radius:2px; padding:0 3px; background:#494949; white-space:nowrap; }
#terminal .cross-time-tag { bottom:0; } #terminal .cross-price-tag { right:0; }

.chart-tile .cross-measure{position:absolute;z-index:6;pointer-events:none;overflow:hidden;color:#eee;font:11px/1.3 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.cross-measure-values[hidden],.cross-measure[hidden],.cross-measure [hidden]{display:none}
.cross-measure>span{position:absolute}
.measure-vertical{top:0;border-left:1px solid #b9b9b9}
.measure-horizontal,.measure-diagonal{left:0;border-top:1px solid #b9b9b9;transform-origin:left center}
.measure-date,.measure-origin-price{background:#b9b9b9;color:#131313;border-radius:2px;padding:1px 4px;white-space:nowrap}
.cross-measure-values{position:fixed;z-index:24;pointer-events:none;display:grid;grid-template-columns:1fr auto;gap:0;min-width:126px;margin:0;padding:2px 4px;border:4px solid #212121;border-radius:4px;background:#505050;color:white;font:11px/1.3 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;box-sizing:border-box}
.cross-measure-values dt,.cross-measure-values dd{margin:0;padding:4px 1px}
.cross-measure-values dt::first-letter{text-transform:uppercase}
.cross-measure-values dd{text-align:right}
.cross-measure-values [data-direction=up]{color:#89deb3}
.cross-measure-values [data-direction=down]{color:#ff9b9b}
.cross-measure-values :nth-child(n+3){border-top:1px solid #646464}

.fundax-trade-layers{position:absolute;pointer-events:none;overflow:hidden;z-index:2}.fundax-trade-layers[hidden]{display:none}
.fundax-trade-mark{position:absolute;font:10px/1.2 "Segoe UI",sans-serif;color:#e2e4e5;white-space:nowrap;text-shadow:0 1px 2px #000}
.fundax-trade-mark.buy{--trade-color:#1bba85}.fundax-trade-mark.sell{--trade-color:#f3834b}
.fundax-trade-mark.position,.fundax-trade-mark.order{border-top:1px dashed var(--trade-color);padding-left:3px}
.fundax-trade-mark.order{border-top-style:dotted}.fundax-trade-mark.deal{cursor:help;pointer-events:auto;transform:translate(-50%,-50%);color:var(--trade-color)}
.fundax-deal-error{position:absolute;bottom:1.3em;left:4px;color:#edb479}

.chart-tile img.price-axis-hover { cursor: ns-resize; }
#terminal .chart-tile[data-cursor=pointer] img.price-quote-hover { cursor: default; }
.detached-chart-window #terminal .detached-chart-slot.chart-deck{display:grid;grid-template: minmax(0,1fr)/minmax(0,1fr) 30px;gap:4px}
.detached-chart-window #terminal .detached-chart-slot>.chart-tile{min-width:0;min-height:0;grid-row:1;grid-column:1}
.detached-chart-window #terminal .draw-tools{display:flex;grid-row:1;grid-column:2}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=left]{grid-template-columns:30px minmax(0,1fr)}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=left]>.draw-tools{grid-column:1}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=left]>.chart-tile{grid-column:2;grid-row:1}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=top]{grid-template:30px minmax(0,1fr)/minmax(0,1fr)}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=bottom]{grid-template:minmax(0,1fr) 30px/minmax(0,1fr)}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=top]>.draw-tools{grid-column:1;grid-row:1}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=top]>.chart-tile{grid-column:1;grid-row:2}
.detached-chart-window #terminal .detached-chart-slot[data-rail-side=bottom]>.draw-tools{grid-column:1;grid-row:2}

#settings-notifications {position:fixed;z-index:50;right:14px;bottom:3.2em;max-width:min(360px,85vw);display:grid;gap:4px;max-height:min(45dvh,28em);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#settings-notifications:empty {display:none}
#settings-notifications>div {position:relative;padding:8px 30px 8px 12px;background:var(--soft,#353535);border:1px solid var(--box);border-left:3px solid var(--accent);box-shadow:0 2px 6px #0006}
#settings-notifications [data-alert-symbol] {border-left-color:#cfaa50}
#settings-notifications .notification-error {border-left-color:#e6744d}
#settings-notifications .notification-dismiss {position:absolute;right:3px;top:3px;width:22px;height:22px;border:0;background:transparent;color:inherit;cursor:pointer}
#settings-notifications .notification-dismiss::before {content:"×";font:16px/1 sans-serif}
#settings-notifications .notification-fading {opacity:0;transition:opacity 2s linear}
@media(prefers-reduced-motion:reduce){#settings-notifications .notification-fading {opacity:1;transition:none}}
#settings-notifications :is([data-notification-state=in-progress],[data-notification-state=pending]) {border-left-color:#77a8cd}
#settings-notifications [data-notification-state=partial] {border-left-color:#cfaa50}
#settings-notifications [data-notification-state=success] {border-left-color:#65b78a}