
.acx{--acx-tx3:#8A969C}
.acx-main{padding-top:0}
.acx .btn-s{font-size:11px}
.acx .acct-kick{font-size:11px}
.acx-h{font-size:clamp(38px,6vw,72px)}
.acx-stage.acct-set-stage{min-height:clamp(280px,36vh,400px)}
.acx-stage .fx-stage-in{padding-bottom:clamp(28px,5vh,48px)}
.acx-lead{max-width:560px;margin:0 0 14px;color:var(--tx2);font-size:16px;line-height:1.6}
.acx-risk{display:flex;gap:10px;align-items:flex-start;max-width:560px;margin:0;padding:10px 14px;border-radius:14px;background:rgba(233,196,106,.07);box-shadow:inset 0 0 0 1px rgba(233,196,106,.32);color:#f1e3c2;font-size:13.5px;line-height:1.5}
.acx-risk .ico{flex:none;width:17px;height:17px;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.acx-body{position:relative;z-index:2;display:grid;gap:20px;margin-top:4px}
.acx-slot{display:grid;gap:20px;min-width:0}
.acx-slot:empty{display:none}
.acx-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.acx-row2:not(:has(.acx-card)){display:none}
.acx-sk{display:grid;gap:16px}
.acx-sk .fx-sk{display:block;height:160px;border-radius:var(--r)}
.acx-sk .fx-sk:last-child{height:110px}

.acx-card{min-width:0}
.acx-card .pa-card-h .ico,.acx-card .pa-card-h .pa-ic{width:18px;height:18px;stroke:var(--mint)}
.acx-sec-h{margin:6px 0 -4px;font:400 15px/1.2 var(--fd);letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.acx-h3{margin:20px 0 10px;font:600 11px/1.2 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--acx-tx3)}
.acx-lbl{display:block;font:600 11px/1.3 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--acx-tx3)}
.acx-fine{margin:10px 0 0;color:var(--acx-tx3);font-size:13px;line-height:1.5}
.acx-empty{margin:0;color:var(--acx-tx3);font-size:14px}
.acx-chip{flex:none}
.acx .pa-card-h{flex-wrap:wrap}


.acx-na-in{display:flex;gap:16px;align-items:flex-start}
.acx-na-in>.pa-ic{flex:none;width:26px;height:26px;margin-top:2px;stroke:var(--acx-tx3)}
.acx-na-h{margin:0 0 6px;font:400 16px/1.2 var(--fd);letter-spacing:.06em;text-transform:uppercase}
.acx-na p{margin:0;color:var(--tx2);font-size:15px;line-height:1.55}


.acx-step-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:none}
.acx-step{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:16px;background:rgba(3,3,5,.45);box-shadow:inset 0 0 0 1px var(--line)}
.acx-step.is-ok{box-shadow:inset 0 0 0 1px rgba(143,255,143,.28)}
.acx-step.is-wait{box-shadow:inset 0 0 0 1px rgba(233,196,106,.35)}
.acx-step-n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line2);color:var(--tx2);font-size:14px}
.acx-step-n .pa-ic{width:16px;height:16px;stroke:#02130D;stroke-width:3}
.acx-step.is-ok .acx-step-n{background:var(--grad);box-shadow:0 0 16px -4px rgba(80,254,182,.8)}
.acx-step.is-wait .acx-step-n{color:var(--gold);box-shadow:inset 0 0 0 1px rgba(233,196,106,.5)}
.acx-step-t{flex:1;min-width:0}
.acx-step-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;justify-content:space-between}
.acx-step-h b{font-size:15.5px;font-weight:700;color:#fff}
.acx-step-t p{margin:6px 0 0;color:var(--tx2);font-size:14px;line-height:1.5}
.acx-step-a{margin-top:12px}
.acx-step-a .btn .pa-ic{width:14px;height:14px}


.acx-accts{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}
.acx-acct-h{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin:0 0 16px}
.acx-acct-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.acx-acct-id b{font-size:18px;color:#fff;letter-spacing:.02em}
.acx-acct-id small{color:var(--acx-tx3);font:500 12px/1.3 var(--fm);overflow-wrap:anywhere}
.acx-tl{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:relative}
.acx-tl-i{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;line-height:1.3;color:var(--acx-tx3);min-width:0}
.acx-tl-i::before{content:"";position:absolute;top:13px;left:calc(-50% + 16px);right:calc(50% + 16px);height:2px;border-radius:2px;background:rgba(255,255,255,.1)}
.acx-tl-i:first-child::before{display:none}
.acx-tl-i i{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#06090B;box-shadow:inset 0 0 0 1px var(--line2)}
.acx-tl-i i .pa-ic{width:14px;height:14px;stroke:#02130D;stroke-width:3}
.acx-tl-i span{overflow-wrap:anywhere;hyphens:auto}
.acx-tl-i.is-done{color:var(--tx2)}
.acx-tl-i.is-done i{background:var(--grad);box-shadow:0 0 14px -4px rgba(80,254,182,.8)}
.acx-tl-i.is-done::before{background:linear-gradient(90deg,#3FD1A9,#8FFF8F)}
.acx-tl-i.is-cur{color:#fff;font-weight:700}
.acx-tl-i.is-cur i{box-shadow:inset 0 0 0 2px var(--mint),0 0 0 4px rgba(80,254,182,.12)}
.acx-tl-i.is-cur i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint)}
.acx-tl-i.is-cap i{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 4px rgba(233,196,106,.12)}
.acx-tl-i.is-cap i::after{background:var(--gold)}
.acx-note{margin:0 0 14px;padding:11px 14px;border-radius:12px;background:rgba(80,254,182,.06);box-shadow:inset 0 0 0 1px rgba(80,254,182,.22);color:#d9fff0;font-size:14px;line-height:1.5}
.acx-note.warn{background:rgba(233,196,106,.08);box-shadow:inset 0 0 0 1px rgba(233,196,106,.38);color:#f5e6c4}
.acx-note.bad{background:rgba(255,92,108,.08);box-shadow:inset 0 0 0 1px rgba(255,92,108,.42);color:#ffd5da}
.acx-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 14px}
.acx-kv>div{padding:10px 12px;border-radius:12px;background:rgba(3,3,5,.45);box-shadow:inset 0 0 0 1px var(--line)}
.acx-kv dt{font:600 11px/1.3 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--acx-tx3)}
.acx-kv dd{margin:4px 0 0;font-size:15px;color:#fff}
.acx-open{margin:0 0 14px}
.acx-open ul,.acx-open-l{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.acx-open li,.acx-open-l li{font-size:13.5px;color:var(--tx2)}
.acx-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.acx-danger{color:#FF9AA5;box-shadow:0 0 0 1px rgba(255,92,108,.45) inset}
.acx-danger:hover{color:#fff;box-shadow:0 0 0 1px rgba(255,92,108,.8) inset}
.acx-btn-danger{color:#fff;background:linear-gradient(115deg,#ff6b79,#e0485a);box-shadow:0 0 0 1px rgba(255,92,108,.6) inset,0 12px 32px -14px rgba(255,92,108,.8)}
.acx-confirm{margin-top:4px;padding:14px;border-radius:14px;background:rgba(255,92,108,.06);box-shadow:inset 0 0 0 1px rgba(255,92,108,.4)}
.acx-confirm>b{display:block;font-size:15px;color:#fff}
.acx-confirm>p{margin:6px 0 10px;color:var(--tx2);font-size:14px;line-height:1.5}
.acx-confirm .acx-open-l{margin:0 0 12px}
.acx-add{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.acx-add .acx-fine{margin:0}
.acx-add .btn .pa-ic{width:14px;height:14px}


.acx-form{display:grid;gap:16px}
.acx-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.acx-f .pa-l{display:block;margin:0 0 7px;font-size:13.5px;font-weight:700;color:#e8f2ee}
.acx-f .pa-hint{color:var(--acx-tx3)}
.acx-opt{border-radius:14px;background:rgba(3,3,5,.35);box-shadow:inset 0 0 0 1px var(--line)}
.acx-opt summary{display:flex;align-items:center;min-height:44px;padding:0 14px;cursor:pointer;color:var(--tx2);font-size:14px;font-weight:600;list-style:none}
.acx-opt summary::-webkit-details-marker{display:none}
.acx-opt summary::after{content:"+";margin-left:auto;font:400 18px/1 var(--fm);color:var(--mint)}
.acx-opt[open] summary::after{content:"\2212"}
.acx-opt .acx-grid2{padding:4px 14px 14px}
.acx-agree{margin:2px 0 0}
.acx-agree>span:last-child{color:#d6e6df;font-size:14px;line-height:1.5}
.acx-msg{margin:0;min-height:0;font-size:14px;line-height:1.5;color:var(--tx2)}
.acx-msg:empty{display:none}
.acx-msg.ok{color:var(--lime)}
.acx-msg.bad{color:#FF8A96}
.acx-form .pa-actions{margin-top:2px}
.acx-form input[readonly]{opacity:.75}


.acx-seg{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.acx-seg-b{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:rgba(3,3,5,.6);box-shadow:inset 0 0 0 1px var(--line2);color:var(--tx2);font-size:14px;cursor:pointer}
.acx-seg-b.is-on{color:#02130D;background:var(--grad);box-shadow:none;font-weight:700}
.acx-seg-b:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.acx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 14px}
.acx-kpi{position:relative;padding:14px 14px 16px;border-radius:16px;background:rgba(3,3,5,.55);box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.acx-kpi-n{display:block;margin-top:8px;font-size:clamp(19px,2.2vw,24px);font-weight:700;color:#fff;overflow-wrap:anywhere}
.acx-kpi-n.pos,.acx-tr-pl.pos{color:var(--lime)}
.acx-kpi-n.neg,.acx-tr-pl.neg{color:#FF8A96}
.acx-curve{margin:4px 0 6px}
.acx-spark{height:72px;margin-top:8px}
.acx-spark-svg{width:100%;height:100%}
.acx-spark-svg path{fill:none;stroke:var(--mint);stroke-width:2;vector-effect:non-scaling-stroke}
.acx-trades{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.acx-tr{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 12px;border-radius:12px;background:rgba(3,3,5,.35)}
.acx-tr-a{display:flex;flex-direction:column;gap:3px;min-width:0}
.acx-tr-a b{font-size:14.5px;color:#fff;overflow-wrap:anywhere}
.acx-tr-a small{font-size:12px;color:var(--acx-tx3)}
.acx-tr-pl{flex:none;font-size:15px}


.acx-rec{margin:0;font-size:16px;line-height:1.5;color:#fff}
.acx-fee-t{margin:0;font-size:16px;line-height:1.5;color:#fff}
.acx-safe-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.acx-safe-l li{display:flex;gap:10px;align-items:flex-start;color:var(--tx2);font-size:14.5px;line-height:1.5}
.acx-safe-l .pa-ic{flex:none;width:16px;height:16px;margin-top:3px;stroke:var(--mint);stroke-width:2.6}

@media (max-width:760px),(pointer:coarse){
  .acx .btn-s{--h:44px}
  .acx-step-a .btn,.acx-acts .btn{min-height:44px}
  .acx .pa-check{min-height:44px}
  .acx .pa-eye{width:44px;height:44px;right:4px}
}
@media (max-width:640px){
  .acx-body{gap:16px}
  .acx .pa-card{padding:18px 16px}
  .acx-lead{font-size:15px}
  .acx-step{padding:12px}
  .acx-tl-i{font-size:11px}
  .acx-tl-i::before{left:calc(-50% + 15px);right:calc(50% + 15px)}
  .acx-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .acx-kpi{padding:12px}
  .acx-acts .btn{flex:1 1 auto}
}
