/* FT420 Scanner / Quick Trade: presentation overrides only; existing IDs and JS stay intact. */
:root{
  --bg:#06151e;--surface-container:rgba(5,24,33,.92);--surface-container-high:rgba(17,42,51,.88);
  --tertiary:#6bdad1;--tertiary-glow:rgba(68,211,200,.22);--on-surface:#edf5f2;
  --on-surface-variant:#a9bdc1;--outline-variant:rgba(141,195,200,.22);
  --success:#54dca7;--error:#ff898e;--buy:#54dca7;--sell:#ff8288
}
*{scrollbar-color:rgba(117,184,187,.34) transparent}
html,body{background:#06151e;color:var(--on-surface)}
body:not(.compact){background:radial-gradient(ellipse at 50% 0%,rgba(26,74,79,.15),transparent 55%),#06151e}
body.compact{background:#06151e}
html:has(body.compact){background:#06151e}
.app-shell{
  height:100dvh;margin:0;
  border:0;border-radius:0;overflow:hidden;
  background:#061923;box-shadow:none
}
.col-left{width:clamp(275px,26vw,430px);background:rgba(5,25,34,.92);border-right:1px solid var(--outline-variant)}
.col-middle{background:rgba(4,20,29,.87)}
.col-right{width:clamp(328px,28.8vw,475px);background:rgba(5,25,34,.94);border-left:1px solid var(--outline-variant)}
.col-resizer{width:4px;background:rgba(132,196,198,.05)}
.col-resizer:hover,.col-resizer.dragging{background:rgba(94,218,207,.4)}
.font-headline{font-family:'Anuphan',sans-serif;letter-spacing:-.025em}
.col-left h1{font-family:'Anuphan',sans-serif;font-size:1.15rem;font-weight:700;line-height:1.32}
.col-left > .p-4{padding:20px 18px!important;background:linear-gradient(180deg,rgba(8,32,42,.7),rgba(8,32,42,0))}
.col-left > .p-4 p{font-size:.78rem;line-height:1.5;color:var(--on-surface-variant)}
.strategy-tabs{gap:5px;margin:16px 0 11px}
.strategy-tab{background:transparent;border-color:transparent;border-radius:4px;padding:8px 7px;font-size:.78rem}
.strategy-tab.active{color:var(--tertiary);background:rgba(65,204,194,.07);border-color:rgba(91,217,207,.3)}
.pill{border-radius:9px;border-color:var(--outline-variant);font-size:.74rem;padding:7px 11px;color:var(--on-surface-variant);background:rgba(13,43,51,.46)}
.pill.active{background:linear-gradient(145deg,#8ce8df,#54c9c1);color:#072329;border-color:#8ce8df;box-shadow:0 4px 16px rgba(83,209,199,.18)}
.pill.disabled{background:transparent;opacity:.38}
.col-left > .p-3{padding:13px 15px!important;background:rgba(7,29,39,.7);gap:8px}
#scanNowBtn{white-space:nowrap;font-weight:700;min-height:37px}
#scannerList{padding:5px 7px 20px}
.scan-row{
  height:auto;min-height:76px;margin:6px 3px;padding:12px 11px;border:1px solid rgba(139,192,197,.18);
  border-left:2px solid transparent;border-radius:10px;background:rgba(7,30,41,.48);
  transition:background .16s ease,border-color .16s ease,transform .16s ease
}
.scan-row:hover{background:rgba(13,48,59,.75);border-color:rgba(130,220,216,.37);transform:translateY(-1px)}
.scan-row.selected{background:rgba(17,71,77,.42);border-color:rgba(107,218,209,.8);box-shadow:inset 0 0 0 1px rgba(107,218,209,.13),0 0 18px rgba(43,179,173,.09)}
.row-symbol{font-size:.84rem}.row-score{font-size:.92rem;color:var(--tertiary)}
.scan-row-name,.row-price,.row-meta{color:var(--on-surface-variant);font-size:.7rem}
.status-badge{border-radius:7px;font-size:.63rem;padding:3px 7px}
.status-READY{color:#83e6b6;background:rgba(30,185,125,.16)}
.status-WAIT_TRIGGER{color:#eac78b;background:rgba(221,165,79,.13)}
.badge-buy{color:#68e5b1;background:rgba(48,190,128,.14)}
.badge-sell{color:#ff9297;background:rgba(235,94,105,.13)}
.col-middle > .p-4{padding:20px 20px 26px!important}
#middleContent > .flex:first-child{padding-bottom:14px;border-bottom:1px solid var(--outline-variant)}
#chSymbol{font-size:1.48rem;font-family:'Anuphan',sans-serif;letter-spacing:-.03em}
#tfSelector{gap:2px;background:rgba(9,32,42,.6);border:1px solid var(--outline-variant);border-radius:10px;padding:3px}
#tfSelector .pill{border:none;box-shadow:none;background:transparent;min-width:42px;text-align:center}
#tfSelector .pill.active{background:rgba(86,214,207,.16);color:#8df0e5}
#chartContainer{height:min(55vh,500px)!important;min-height:280px;border:1px solid var(--outline-variant);border-radius:11px;overflow:hidden;background:rgba(2,15,24,.6)}
#chartInfoBox{background:rgba(4,27,36,.94)!important;border-color:var(--outline-variant)!important}
.card{background:rgba(7,30,39,.68);border-color:var(--outline-variant);border-radius:11px}
#detailTabs{gap:2px;padding-top:4px;white-space:nowrap}
.tab-btn{border-radius:4px 4px 0 0;font-size:.76rem;padding:9px 12px}
.tab-btn.active{color:var(--tertiary);border-color:var(--tertiary)}
#detailTabBody{font-size:.78rem;line-height:1.65;padding:17px!important}
.col-right > .p-4{padding:18px!important}
#qtModeToggle{font-family:'Anuphan',sans-serif;font-size:1.12rem!important}
.qt-gear-btn{border-color:var(--outline-variant);color:var(--on-surface-variant)}
.qt-live-badge,#qtPriceZoneBox,.field-input{background:rgba(9,32,42,.6)!important;border:1px solid var(--outline-variant)!important;border-radius:9px!important}
.field-label{font-size:.73rem;color:var(--on-surface-variant)}
.field-input{font-size:.84rem;color:var(--on-surface);min-height:38px}
.seg-btn{background:rgba(8,31,40,.6);border-color:var(--outline-variant);color:var(--on-surface-variant)}
.seg-btn.active{color:#09242a;background:var(--tertiary);border-color:var(--tertiary)}
#qtOrderStyleSeg{border-radius:9px;overflow:hidden}
#qtSlWrap,#qtTpWrap{border-top:1px solid var(--outline-variant);padding-top:11px}
.mobile-fire-btn,.mobile-fire-row button{min-height:57px}
.mobile-fire-buy{background:linear-gradient(135deg,#4bcca1,#2cae89)!important;color:#07271d!important;border-color:#71deb4!important}
.mobile-fire-sell{background:linear-gradient(135deg,#fa858c,#e56e76)!important;color:#2e1015!important;border-color:#ffabb0!important}
.qt-orders{background:rgba(4,22,31,.48);border-color:var(--outline-variant);border-radius:11px}
#qtMgmtCard,#qtDefaultsCard{background:linear-gradient(145deg,rgba(9,36,47,.98),rgba(3,17,27,.99));border-color:rgba(139,205,207,.32);box-shadow:0 28px 80px rgba(0,0,0,.65)}
#qtMgmtSave,#qtAutoSave,#qtDefSave{background:var(--tertiary);color:#08252b}
#qtConfirmOk{background:var(--tertiary)!important;color:#08252b!important}
@media (min-width:768px) and (max-width:1199px){
  .col-left{width:225px}.col-right{width:310px}
  .col-left > .p-4{padding:14px 11px!important}.col-middle > .p-4{padding:14px!important}
}
@media (max-width:767px){
  body.mobile-ui .app-shell,body.mobile-ui.compact[data-mview="chart"] .app-shell{
    margin:0!important;border:0;border-radius:0;box-shadow:none;background:rgba(3,20,29,.94)
  }
  body.mobile-ui .col-left,body.mobile-ui .col-middle,body.mobile-ui .col-right{background:rgba(4,24,33,.95)!important}
  body.mobile-ui .col-left > .p-4{padding:13px 12px!important}
  body.mobile-ui .scan-row{min-height:66px;margin:5px 3px;padding:9px 10px;border-radius:9px}
  body.mobile-ui .scan-row:hover{transform:none}
  body.mobile-ui .col-middle > .p-4{padding:10px!important}
  body.mobile-ui #chartContainer{height:clamp(210px,35dvh,330px)!important;min-height:180px}
  body.mobile-ui .mobile-topbar{background:rgba(6,26,36,.97)!important;border-bottom:1px solid var(--outline-variant)}
  body.mobile-ui .mobile-bottom-nav{background:rgba(5,23,32,.97);border-color:var(--outline-variant)}
  body.mobile-ui .lot-quick-btn.active{background:var(--tertiary);color:#08252b}
  body.mobile-ui .mobile-fire-buy{background:linear-gradient(135deg,#4bcca1,#2cae89)!important}
  body.mobile-ui .mobile-fire-sell{background:linear-gradient(135deg,#fa858c,#e56e76)!important}
  body.mobile-ui.compact[data-mview="chart"] #chartContainer{height:auto!important;min-height:150px}
}
@media (prefers-reduced-motion:reduce){.scan-row{transition:none}.scan-row:hover{transform:none}}