/* HT+ Builder 2.0 — My Current PC (Phase 3). Builds on htb-builds.css + htb-score.css. */
.mypc-intro{color:#93a0b8;font-size:13.5px;margin:4px 0 12px}
.mypc-btn{background:var(--v3-acc,#f5b301);border:1px solid var(--v3-acc,#f5b301);color:#1a1006;border-radius:11px;padding:10px 20px;font-weight:800;font-size:13.5px;cursor:pointer;text-decoration:none;display:inline-block}
.mypc-btn.sm{padding:7px 14px;font-size:12.5px;margin-top:8px}
.mypc-addrow{margin-top:16px}
.mypc-back{background:none;border:0;color:#93a0b8;cursor:pointer;font-size:13px;padding:4px 0;margin-bottom:6px}
.mypc-back:hover{color:var(--v3-acc,#f5b301)}
.mypc-head h4{margin:0 0 12px;font-size:17px}
.mypc-cols{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px;align-items:start}
@media (max-width:820px){.mypc-cols{grid-template-columns:1fr}}

.mypc-slot{border:1px solid #222a38;border-radius:12px;background:#0f1420;padding:10px 12px;margin-bottom:9px}
.mypc-slot-l{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#93a0b8;margin-bottom:6px}
.mypc-part{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#141b29;border:1px solid #1d2534;border-radius:9px;padding:7px 10px;font-size:12.5px;color:#e7ecf5;margin-bottom:6px}
.mypc-part button{background:none;border:0;color:#93a0b8;cursor:pointer;font-size:12px}
.mypc-part button:hover{color:#f87171}
.mypc-search{position:relative}
.mypc-search input{width:100%;box-sizing:border-box;background:#0b0f18;border:1px solid #1d2534;border-radius:9px;color:#e7ecf5;padding:8px 10px;font-size:12.5px}
.mypc-search input:focus{outline:1px solid var(--v3-acc,#f5b301)}
.mypc-dd{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:#141926;border:1px solid #2a2f3e;border-radius:11px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.5);max-height:260px;overflow-y:auto}
.mypc-dd button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:start;background:none;border:0;border-bottom:1px solid #1a2130;color:#e7ecf5;padding:8px 12px;font-size:12.5px;cursor:pointer}
.mypc-dd button:hover{background:#1c2334}
.mypc-dd button i{font-style:normal;color:#93a0b8;font-size:11px}
.mypc-import{margin-top:6px}
.mypc-import summary{cursor:pointer;color:var(--v3-info,#60a5fa);font-size:12.5px;padding:4px 0}
.mypc-import textarea{width:100%;box-sizing:border-box;background:#0b0f18;border:1px solid #1d2534;border-radius:9px;color:#e7ecf5;padding:8px 10px;font-size:12px;margin:8px 0}

.mypc-chips{display:flex;gap:12px;margin:10px 0;flex-wrap:wrap}
.mypc-chip{display:flex;flex-direction:column;align-items:center;min-width:84px;background:#141b29;border:1px solid #1d2534;border-radius:12px;padding:10px 14px}
.mypc-chip b{font-size:24px}
.mypc-chip span{font-size:11px;color:#93a0b8;margin-top:2px}

.mypc-road{position:relative;padding-inline-start:6px}
.mypc-step{display:flex;gap:12px;margin-bottom:14px;position:relative}
.mypc-step::before{content:"";position:absolute;inset-inline-start:13px;top:30px;bottom:-14px;width:2px;background:#1d2534}
.mypc-step:last-child::before{display:none}
.mypc-step-n{flex:none;width:28px;height:28px;border-radius:50%;background:rgba(245,179,1,.15);border:1px solid var(--v3-acc,#f5b301);color:var(--v3-acc,#f5b301);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;z-index:1}
.mypc-step-b{flex:1;border:1px solid #222a38;border-radius:12px;background:#0f1420;padding:10px 14px}
.mypc-step-t{font-weight:700;font-size:13.5px;color:#e7ecf5}
.mypc-step-w{color:#93a0b8;font-size:12.5px;margin-top:3px;line-height:1.5}
.mypc-gain{font-style:normal;color:var(--v3-ok,#34d399);font-size:11px;margin-inline-start:6px}

body.ht-light .mypc-slot,body.ht-light .mypc-step-b{background:#fff;border-color:#e3e7ef}
body.ht-light .mypc-part,body.ht-light .mypc-chip{background:#f4f6fa;border-color:#e3e7ef;color:#1c2130}
body.ht-light .mypc-search input,body.ht-light .mypc-import textarea{background:#f4f6fa;border-color:#e3e7ef;color:#1c2130}
body.ht-light .mypc-dd{background:#fff;border-color:#e3e7ef}
body.ht-light .mypc-dd button{color:#1c2130;border-color:#eef1f6}
body.ht-light .mypc-step-t{color:#1c2130}

/* rename button in PC detail head */
.mypc-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.mypc-head h4{margin:0}
.mypc-rename{font-size:12px;padding:4px 10px;cursor:pointer}