/* 단타 봇 (직접 설정 전략, 2026-10-20; tabs and phone layout 2026-10-21). Uses the shared tokens from style.css / themes.css. */
.custom-strategy{display:grid;gap:12px;font-size:15px}
.custom-strategy .panel{margin:0}
.custom-strategy h2{font-size:18px;margin:0 0 8px}
.custom-strategy h3{font-size:15px;margin:16px 0 8px}.custom-strategy h3 small{font-weight:500}
.cs-head h1{margin:0}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cs-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}
.cs-chip i{width:8px;height:8px;border-radius:50%;background:currentColor}
.cs-chip.good{color:var(--green)}.cs-chip.warn{color:var(--amber)}.cs-chip.bad{color:var(--red);border-color:var(--red)}
/* Tabs stay under the app header while scrolling. */
.cs-tabs{position:sticky;top:64px;z-index:6;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;margin:0 -2px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.custom-strategy .cs-tabs button{min-height:44px;padding:6px 2px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:15px;font-weight:800}
.custom-strategy .cs-tabs button.on{background:var(--surface);color:var(--accent,var(--blue));box-shadow:0 1px 4px #0000001f}
.cs-pane{display:grid;gap:12px}.cs-stack{display:grid;gap:12px}
.cs-sub,.cs-hint{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 0 10px}
.cs-hint{grid-column:1/-1;margin:-2px 0 4px}
.cs-note{margin:8px 0 0;padding:9px 12px;border-radius:10px;background:var(--surface-2);font-size:14px;font-weight:700}
.cs-line{margin:8px 0 0;color:var(--muted);font-size:13.5px;line-height:1.6}
.cs-state{font-size:16px;margin:0 0 10px}.cs-state small{color:var(--muted);font-size:13px;font-weight:500}
.cs-btns{display:grid;gap:8px;margin-top:12px}.cs-btns button{width:100%;min-height:50px;font-size:16px}
/* Big numbers */
.cs-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}
.cs-tiles>div{padding:11px 12px;border-radius:14px;background:var(--surface-2);min-width:0}
.cs-tiles span{display:block;color:var(--muted);font-size:12.5px}
.cs-tiles b{display:block;font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* 지금 조건 통과 */
.cs-funnel{display:grid;gap:7px}
.cs-fn{display:grid;grid-template-columns:104px minmax(0,1fr) 34px;align-items:center;gap:8px;font-size:14px}
.cs-fn i{display:block;justify-self:start;width:2%;height:10px;border-radius:5px;background:var(--blue)}.cs-fn i.zero{background:var(--red)}
.cs-fn b{text-align:right}
/* Rounds */
.cs-rounds{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-round{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;padding:12px;font-size:14px}
.cs-round small{color:var(--muted);font-size:13px}
.cs-round .cs-caution{color:var(--amber);font-weight:700}
.cs-round-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}
.cs-coin b{font-size:16px}.cs-coin small{color:var(--muted);font-size:13px}
.custom-strategy .cs-log-link{min-height:38px;padding:6px 12px;font-size:13px;justify-self:start;margin-top:4px}
.cs-results>summary,.cs-closed summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800}
.cs-results>summary:after,.cs-sec>summary:after{content:'›';margin-left:auto;padding-left:6px;color:var(--muted);font-size:22px;line-height:1;transform:rotate(90deg)}
.cs-results[open]>summary:after,.cs-sec[open]>summary:after{transform:rotate(-90deg)}
.cs-sec>summary:after{margin-left:0}
.cs-results>summary::-webkit-details-marker,.cs-sec>summary::-webkit-details-marker{display:none}
.cs-results>summary,.cs-sec>summary{list-style:none}
.cs-closed{margin:12px 0}
/* 종료 회차 날짜별 (2026-10-22): date · 손익 on one line, counts under it */
.cs-days{display:grid;gap:6px}.cs-days .cs-closed{margin:0;padding:0 12px;border:1px solid var(--line);border-radius:12px}
.cs-dayfold>summary{flex-wrap:wrap;gap:2px 10px;padding:8px 0}.cs-dayfold>summary b{margin-left:auto}.cs-dayfold>summary small{width:100%;color:var(--muted);font-size:13px;font-weight:500}
.cs-dayfold[open]>summary{border-bottom:1px solid var(--line);margin-bottom:8px}.cs-dayfold [data-cs-day-body]{padding-bottom:10px}
.custom-strategy .good{color:var(--green)}.custom-strategy .bad{color:var(--red)}.custom-strategy .warn{color:var(--amber)}
/* Real money: red frame, '실제 돈' tag, a red outline button (never the green TEST one). */
.custom-strategy section.panel.cs-real{margin-top:16px;border:2px solid var(--red)}
.cs-money{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:8px;background:var(--red);color:#fff;font-size:12px;vertical-align:middle}
.custom-strategy button.cs-real-ask{background:transparent;color:var(--red);border:1px solid var(--red)}
.cs-real-amount{display:grid;gap:4px;margin:10px 0 4px}.cs-real-amount .cs-lbl{font-weight:800}
.cs-real-confirm ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;font-size:14px}.cs-real-confirm .cs-btns{grid-template-columns:1fr}
/* 설정: example buttons, folding sections, fields */
.cs-preset-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}  /* one full-width row per example (2026-10-23, user: 가로형) */
.custom-strategy .cs-preset-grid button{display:grid;gap:2px;align-content:center;min-height:64px;padding:10px 12px;text-align:left;font-size:15px;font-weight:800;border-radius:14px}
.cs-preset-grid small{color:var(--muted);font-size:12.5px;font-weight:500}
/* 즐겨찾기 (2026-10-22): name on top, the kept numbers below in small text */
.cs-fav-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.cs-fav{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch}
.custom-strategy .cs-fav-use{flex:1;min-width:0;display:grid;gap:4px;padding:10px 12px;text-align:left;font-size:15px;font-weight:800;border-radius:14px}
.cs-fav-use small{color:var(--muted);font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.cs-fav-use em{margin-left:6px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--green)}
.custom-strategy .cs-fav.cs-mine .cs-fav-use{border-color:var(--green)}
.custom-strategy .cs-fav-x{flex:none;width:44px;padding:0;font-size:20px;border-radius:14px}
.cs-fav-ask{display:grid;gap:6px;flex:none}.custom-strategy .cs-fav-ask button{min-height:0;padding:6px 10px;font-size:13px;border-radius:10px}
.cs-fav-add{display:flex;gap:8px}.cs-fav-add input{flex:1;min-width:0}.custom-strategy .cs-fav-add button{flex:none}
.cs-fav-slots{order:2;flex-basis:100%;display:flex;gap:6px}
.custom-strategy .cs-slot{min-height:36px;padding:4px 12px;font-size:13px;font-weight:700;border-radius:999px}
.custom-strategy .cs-slot.on{border-color:var(--green);color:var(--green)}
/* 상승장 바로 바꾸기 (TEST tab, 2026-10-23) */
.cs-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.custom-strategy .cs-quick-btn{display:grid;gap:3px;align-content:start;min-height:84px;padding:10px 12px;text-align:left;font-size:15px;font-weight:800;border:1px solid var(--line);border-radius:14px}
.cs-quick-btn span{font-size:13.5px;font-weight:700}
.cs-quick-btn small{color:var(--muted);font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.cs-quick-btn em{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--green)}
.custom-strategy .cs-quick-btn.cs-mine{border:2px solid var(--green);opacity:1}
.cs-quick-empty{border-style:dashed}
.cs-favs h2 small{margin-left:4px;color:var(--muted);font-size:13px;font-weight:500}
.cs-form{display:grid;gap:10px}
.cs-sec{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.cs-sec>summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px 10px 16px;cursor:pointer}
.cs-sec-t{font-weight:800;font-size:16px;flex:none}
.cs-sec-v{margin-left:auto;color:var(--muted);font-size:13.5px;text-align:right;min-width:0}
.cs-sec[open]>summary{border-bottom:1px solid var(--line)}
.cs-sec-body{padding:14px 16px 16px}
.cs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
.cs-fields label{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.cs-lbl{font-size:14px;font-weight:700;color:var(--text)}
.custom-strategy .cs-fields input,.custom-strategy .cs-fields select{min-height:50px;min-width:0;margin:0;padding:0 12px;border-radius:12px;font-size:17px;width:100%;box-sizing:border-box;flex:none}
.custom-strategy .cs-fields input::placeholder{font-size:14px}
.cs-in{position:relative;display:block}
.custom-strategy .cs-in input{padding-right:46px}
.cs-in em{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-style:normal;font-size:14px;pointer-events:none}
.cs-fields input.cs-invalid,.cs-fields select.cs-invalid{border-color:var(--red)}
.cs-err{color:var(--red);font-size:13px;min-height:0}.cs-err:empty{display:none}
.cs-group{border:1px solid var(--line);border-radius:14px;margin:8px 0 0;padding:0;background:var(--surface-2);min-width:0}
.cs-sec-body>.cs-group:first-child{margin-top:0}
.cs-group legend{display:flex;align-items:center;gap:12px;width:100%;padding:12px;font-weight:800;font-size:16px;float:left;box-sizing:border-box}
.cs-group legend small{margin-left:auto;color:var(--muted);font-weight:500;font-size:13px}
.cs-group .cs-fields{clear:both;padding:0 12px 12px}
.cs-group.off .cs-fields{display:none}
.custom-strategy input.cs-switch{appearance:none;-webkit-appearance:none;width:46px;min-width:46px;height:28px;min-height:0;padding:0;border:0;border-radius:14px;background:var(--line);position:relative;flex:0 0 auto;margin:0;cursor:pointer;box-shadow:none}
.cs-switch:after{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}
.custom-strategy input.cs-switch:checked{background:var(--blue)}.cs-switch:checked:after{left:22px}
/* The save button stays above the bottom menu while the form scrolls. */
.cs-savebar{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:5;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 -4px 18px #0000001f}
.cs-savebar>button{width:100%;min-height:52px;font-size:17px}
.cs-save-meta{margin:6px 0 0;text-align:center;color:var(--muted);font-size:13px}
.cs-save-meta [data-cs-dirty]{color:var(--amber);font-weight:700}
.cs-savebar [data-cs-notice]{margin:6px 0 0;font-size:14px;text-align:center}.cs-savebar [data-cs-notice]:empty{display:none}
/* 돌려보기: one card per 익절/손절 pair (no sideways table on a phone) */
.cs-cmps{display:grid;gap:8px}
.cs-cmp{border:1px solid var(--line);border-radius:14px;padding:12px}
.cs-cmp.cs-mine{border:2px solid var(--blue)}
.cs-cmp-top{display:flex;justify-content:space-between;gap:8px;font-size:16px}
.cs-cmp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px;color:var(--muted);font-size:12.5px}
.cs-cmp-grid b{display:block;color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}
/* 기록 */
.cs-chipbar{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
.custom-strategy .cs-chipbar button{flex:none;min-height:40px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:700}
.custom-strategy .cs-chipbar button.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.cs-log{list-style:none;margin:6px 0 0;padding:0;display:grid}
.cs-log li{display:grid;gap:3px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.cs-log li small{color:var(--muted);font-size:13px}
.cs-log-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}
.cs-log-kind{font-size:15px}.cs-log-kind.good{color:var(--green)}.cs-log-kind.warn{color:var(--amber)}.cs-log-kind.bad{color:var(--red)}
.cs-plain{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.cs-plain li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px}.custom-strategy .cs-plain li button{margin-left:auto;min-height:40px;font-size:13px;padding:6px 12px}
@media (max-width:360px){.cs-fields{grid-template-columns:minmax(0,1fr)}.cs-fn{grid-template-columns:88px minmax(0,1fr) 30px}.custom-strategy .cs-tabs button{font-size:13px}.cs-cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:760px){.cs-tabs{top:72px}}
/* 오른 코인 눌림 사기 (2026-10-23): the checked preset spans the row */
/* 추천 is a small outlined tag only; the box + fill means 'filled' (user 2026-10-26: unpressed box looked pressed) */
.custom-strategy .cs-preset-grid .cs-preset-new{grid-column:1/-1}
.cs-preset-grid em.cs-rec{background:none;border:1px solid var(--amber,#e8b65b);color:var(--amber,#e8b65b)}
.cs-preset-grid em{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;background:var(--accent,#1f5fd1);color:#fff;font-size:11px;font-style:normal;font-weight:700;vertical-align:2px}
/* the example whose values were just filled in (2026-10-24) */
.custom-strategy .cs-preset-grid button[aria-pressed="true"]{outline:3px solid var(--accent,#1f5fd1);outline-offset:2px;background:color-mix(in srgb,var(--accent,#1f5fd1) 14%,transparent)}
.custom-strategy .cs-preset-grid button[aria-pressed="true"] span::after{content:" ✓ 채움";font-size:13px;color:var(--accent,#1f5fd1)}
/* 단타봇 통합 화면 (2026-10-25): TEST / 실거래 LIVE, 7 menus (4 + 3 on a phone), run buttons, strategy cards, holdings. */
.cs-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 12px}
.cs-head .cs-sub{margin:2px 0 0}
.cs-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}
.custom-strategy .cs-modes button{min-height:46px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:16px;font-weight:800}
.custom-strategy .cs-modes button.on{background:var(--surface);color:var(--accent,var(--blue));box-shadow:0 1px 4px #0000001f}
.custom-strategy[data-cs-current-mode="LIVE"] .cs-modes button.on{background:var(--red);color:#fff}
.cs-tabs.cs-menu{grid-template-columns:repeat(4,minmax(0,1fr))}
.custom-strategy .cs-menu button{font-size:14px;min-height:42px}
@media (max-width:520px){.cs-tabs.cs-menu{grid-template-columns:repeat(12,minmax(0,1fr))}.cs-menu button{grid-column:span 3}.cs-menu button:nth-child(n+5){grid-column:span 4}}
@media (min-width:900px){.cs-tabs.cs-menu{grid-template-columns:repeat(7,minmax(0,1fr))}}
.cs-run-head,.cs-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cs-run-head h2,.cs-card-top h2{margin:0}.cs-run-head small,.cs-card-top small,.cs-cond-title small{color:var(--muted);font-size:13px;font-weight:600}
.custom-strategy .cs-start{width:100%;min-height:56px;margin-top:12px;font-size:18px;font-weight:800}
.cs-run-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.custom-strategy .cs-run-btns button{min-height:50px;padding:6px 4px;font-size:15px;font-weight:800}
.cs-run-help{margin-top:6px}.cs-run-help summary{min-height:40px;display:flex;align-items:center;cursor:pointer;color:var(--muted);font-size:13.5px}
.cs-run-help .cs-list{font-size:13.5px;line-height:1.6}.custom-strategy .cs-run-help button{margin-top:8px;width:100%;min-height:44px}
.cs-list{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px;font-size:14px;line-height:1.55}
.cs-list li{overflow-wrap:anywhere}
.cs-links{margin:12px 0 0;font-size:13.5px;line-height:1.9}
.cs-foot{margin:4px 0 12px;text-align:center;color:var(--muted);font-size:13px}
.cs-cards{display:grid;gap:10px}
.cs-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface)}
.cs-card.on{border-color:var(--accent,var(--blue))}.cs-card-main.on{border-width:2px}
.cs-card-head{display:flex;align-items:center;gap:8px;min-height:40px;list-style:none;cursor:pointer}
.cs-card-head::-webkit-details-marker{display:none}.cs-card-head b{font-size:17px}
.cs-card-head .cs-toggle{margin-left:auto}
.cs-tag{display:inline-block;padding:2px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;color:var(--muted)}
.cs-card-head .cs-tag{color:var(--green);border-color:var(--green)}
.cs-tag.scalp{color:var(--accent,var(--blue));border-color:var(--accent,var(--blue))}
.custom-strategy .cs-toggle{position:relative;flex:none;width:52px;height:30px;min-height:0;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--surface-2)}
.cs-toggle span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:left .15s}
.custom-strategy .cs-toggle[aria-checked="true"]{background:var(--accent,var(--blue));border-color:var(--accent,var(--blue))}
.cs-toggle[aria-checked="true"] span{left:25px;background:#fff}
.cs-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 4px}
.cs-card-grid>div{min-width:0;padding:8px 10px;border-radius:10px;background:var(--surface-2)}
.cs-card-grid>div.wide{grid-column:1/-1}
.cs-card-grid span,.cs-card-grid small{display:block;color:var(--muted);font-size:12px}
.cs-card-grid b{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.cs-card .cs-btns{grid-template-columns:1fr 1fr}.cs-card .cs-btns button{min-height:46px;font-size:15px}
.cs-cond{display:block}.cs-cond-title{margin:6px 0 0;font-size:17px;font-weight:800;cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.cs-cond[open]>.cs-cond-title{margin-bottom:12px}.cs-cond-body{display:grid;gap:12px}
.cs-chipbar{display:flex;flex-wrap:wrap;gap:6px}
.custom-strategy .cs-chipbar button{min-height:36px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}
.custom-strategy .cs-chipbar button.on{background:var(--accent,var(--blue));border-color:var(--accent,var(--blue));color:#fff}
.cs-holdings{display:grid;gap:10px}
.cs-hold{display:grid;gap:6px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface)}
.cs-hold header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.cs-hold-pnl{margin-left:auto;font-size:13px;color:var(--muted)}.cs-hold-pnl b{font-size:19px}
.cs-hold-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.cs-hold-grid div{min-width:0}.cs-hold-grid dt{color:var(--muted);font-size:12px}.cs-hold-grid dd{margin:0;font-weight:800;font-size:14px;overflow-wrap:anywhere}
.cs-hold-exit{margin:0;font-size:13.5px;line-height:1.55}.cs-hold-exit small{color:var(--muted)}
.cs-hold-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.custom-strategy .cs-hold-btns button{min-height:46px;padding:4px;font-size:15px;font-weight:800}
.cs-bulk{grid-template-columns:1fr 1fr}
.cs-totals{font-size:13.5px}
.cs-inline{display:grid;gap:6px;padding:10px;border-radius:12px;background:var(--surface-2)}
.cs-inline .cs-btns{grid-template-columns:1fr 1fr;margin-top:4px}
.cs-orders{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;font-size:14px}
.cs-orders li{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:12px}.cs-orders small{color:var(--muted)}
.custom-strategy .cs-orders button{justify-self:start;min-height:38px;padding:4px 12px;font-size:13px}
@media (min-width:900px){
 .cs-pane[data-cs-pane="hold"] .cs-holdings{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-holdings>h2,.cs-holdings>.cs-card-top,.cs-holdings>.notice,.cs-holdings>.cs-hint,.cs-holdings>.cs-btns,.cs-holdings>ul,.cs-holdings>small,.cs-holdings>p{grid-column:1/-1}
}
.cs-run-btns .cs-ic{font-size:.75em}
.custom-strategy .cs-run-btns button{white-space:nowrap}
@media (max-width:400px){.cs-run-btns .cs-ic{display:none}.custom-strategy .cs-run-btns button{font-size:14.5px}}
/* 전략 카드 한 줄 결과 (2026-10-26): 지금 사는지 + 첫 번째 이유, 막는 스위치가 여럿이면 펼쳐서 목록. */
details.cs-card>.cs-card-head{flex-wrap:wrap}
.u-eff{flex-basis:100%;order:3;color:var(--muted);font-size:13px;font-weight:650;overflow-wrap:anywhere}
.u-eff.good{color:var(--green)}
.u-why{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:13px}
.u-fix{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px;border-radius:10px;background:var(--surface-2)}
.u-fix p{margin:0;font-size:13px;color:var(--muted)}
.u-sum{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.u-sum small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.u-pill{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:750;white-space:nowrap;background:var(--surface-2)}.u-pill.good{color:var(--green)}
.u-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#332718;color:#e9ca8c;font-size:13px}
.u-bar button{flex:none;min-height:36px;padding:6px 12px}
.u-toast{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:13px}
.u-toast button{min-height:32px;padding:4px 10px;font-size:13px}
.u-sheet{display:flex;flex-direction:column;gap:8px;padding:14px;border:2px solid var(--red);border-radius:14px;background:var(--surface)}
.u-sheet h3{margin:0;color:var(--red);font-size:16px}
.u-eff.wait{color:var(--amber)}
.u-fold{border:1px dashed var(--line);border-radius:12px;padding:10px 12px;color:var(--muted);font-size:13px}.u-fold summary{cursor:pointer}
/* 자동매매 (2026-10-26): five menus in one row, 더보기 list, 운영 '지금 사는 전략' · '오늘 결과', 보유 · TEST. */
.cs-menu.cs-menu5{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.cs-menu.cs-menu5 button{min-width:0;padding-left:2px;padding-right:2px;font-size:13px;white-space:nowrap}
.cs-more-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cs-more-list button,.cs-more-list a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;text-decoration:none;min-height:0}
.cs-more-list small{color:var(--muted);font-size:13px;font-weight:400}
.u-today,.u-hold{display:flex;flex-direction:column;gap:8px}
.u-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.u-h h2,.u-h h3{margin:0}.u-h h3 small,.u-h h2 small{color:var(--muted);font-weight:500;font-size:13px}
.u-h a{font-size:13px;font-weight:700;white-space:nowrap}.u-h .good{color:var(--green)}.u-h .bad{color:var(--red)}
.u-list{list-style:none;margin:0;padding:0;font-size:13px}.u-list li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--line)}
.u-list small{color:var(--muted);text-align:right}.u-list .good{color:var(--green);font-weight:700}.u-list .warn{color:var(--amber);font-weight:700}
.u-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.u-kpis div{text-align:center;padding:8px 4px;border-radius:10px;background:var(--surface-2);min-width:0}.u-kpis small{display:block;color:var(--muted);font-size:13px}
.u-kpis b{font-size:14px;overflow-wrap:anywhere}.u-kpis .good{color:var(--green)}.u-kpis .bad{color:var(--red)}
.u-hold{padding:12px;border:1px solid var(--line);border-radius:14px;margin-top:8px}
.cs-menu.cs-menu5 button{grid-column:auto!important}
/* 전략별 1회 투자금 (2026-10-26) */
.u-amt{position:relative}.u-amt .u-amt-edit{margin-top:6px;min-height:34px;padding:4px 12px;font-size:13px}
.u-amt .good{color:var(--green)}.u-amt .bad{color:var(--red)}
.u-amt-row{display:flex;align-items:center;gap:6px;margin:6px 0}.u-amt-row input{flex:1;min-width:0;min-height:42px;font-size:17px;text-align:right;font-variant-numeric:tabular-nums}.u-amt-row b{font-size:15px}
.u-rule{display:grid;gap:4px;margin:6px 0}.u-rule div{display:grid;grid-template-columns:3em 1fr;gap:8px}.u-rule dt{color:var(--muted,#64748b);font-size:13px}.u-rule dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.u-sheet .u-amt-row span{flex:none;font-size:14px}
/* 비트코인캐시 모으기 card (bch-accum.js, 2026-10-29): two numbers per row on a phone, the three sale buttons on one row. */
.lp-metrics.ba-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0}
.lp-metrics.ba-metrics>div:last-child{grid-column:auto}
.ba-sell-row{display:flex;gap:8px;flex-wrap:nowrap}
.ba-sell-row button{flex:1 1 0;min-width:0;padding:8px 4px}
[data-ba-card] h3{margin:12px 0 4px;font-size:1rem}
details.ba-card>summary{cursor:pointer;flex-wrap:wrap;list-style:none}
details.ba-card>summary::-webkit-details-marker{display:none}
details.ba-card>summary .ba-line{flex-basis:100%;font-size:.85rem;color:var(--muted)}
.ba-sell-won{display:flex;gap:8px;align-items:center;margin-top:8px}
.ba-sell-won label{display:flex;gap:6px;align-items:center;flex:1;min-width:0}
.ba-sell-won label span{white-space:nowrap;font-size:.85rem}
.ba-sell-won input{flex:1;min-width:0;text-align:right}
.ba-sell-won b{white-space:nowrap;font-size:.85rem}