.ept-tabs { display: flex; gap: 0; margin: 0 0 1.25rem; border-bottom: 1px solid var(--hud-border); overflow-x: auto; max-width: 100%; }
.ept-tabs .ept-tab { padding: .6rem 1.1rem; margin: 0; cursor: pointer; font-family: "Orbitron", sans-serif; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--hud-muted); border: 0; border-bottom: 3px solid transparent; background: none; white-space: nowrap; }
.ept-tabs .ept-tab[aria-selected="true"] { color: var(--hud-orange); border-bottom-color: var(--hud-orange); }
.ept-pane[hidden] { display: none; }
.ept-field { display: flex; flex-direction: column; gap: .3rem; color: var(--hud-text); font-size: .86rem; margin: 0 0 .8rem; }
.ept-field select, .ept-field input[type="number"], .ept-roll input { display: block; background: #0a0a0c; border: 1px solid rgba(25,179,230,.5); color: var(--hud-cyan); font-family: "Share Tech Mono", monospace; padding: .4rem .6rem; width: 100%; }
.ept-label { color: var(--hud-text); font-size: .86rem; margin: .9rem 0 .4rem; }
.ept-rolls { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; }
.ept-roll { display: flex; flex-direction: column; gap: .2rem; margin: 0; font-family: "Share Tech Mono", monospace; color: var(--hud-muted); font-size: .8rem; }
.ept-roll input { padding: .3rem .4rem; }
.ept-tight { margin-top: .5rem; margin-bottom: 0; }
.ept-item { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .5rem 0; border-bottom: 1px solid rgba(255,113,0,.15); color: var(--hud-muted); font-size: .9rem; }
.ept-item:last-child { border-bottom: 0; }
.ept-item strong { color: var(--hud-text); }
.ept-x { padding: .2rem .55rem; }
.ept-drop { border-style: dashed; border-top-style: solid; }
.ept-drop code { color: var(--hud-cyan); word-break: break-all; }
.ept-drop label, .ept-gh a, .ept .fcc-hint a { color: var(--hud-cyan); }
.ept-drop input[type="file"] { color: var(--hud-muted); font-size: .8rem; }
.ept-ok { margin: .4rem 0 0; font-family: "Share Tech Mono", monospace; color: #6fdc8c; font-size: .86rem; }
.ept-err { margin: .4rem 0 0; font-family: "Share Tech Mono", monospace; color: var(--hud-orange); font-size: .86rem; }
.ept-unit { font-size: .9rem; color: var(--hud-muted); }
.ept-link { font-family: "Share Tech Mono", monospace; font-size: .75rem; color: var(--hud-muted); margin: .4rem 0 0; word-break: break-all; }
.ept-shared { margin: 0 0 .8rem; font-family: "Share Tech Mono", monospace; color: var(--hud-cyan); font-size: .82rem; }
.ept-group { margin-bottom: .7rem; }
.ept-gh { display: flex; justify-content: space-between; font-family: "Orbitron", sans-serif; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--hud-orange); margin-bottom: .25rem; }
.ept-gh a { font-family: "Exo 2", sans-serif; letter-spacing: 0; text-transform: none; font-size: .78rem; }
.ept-mat { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .4rem; font-size: .84rem; color: var(--hud-text); padding: .12rem 0; }
.ept-g { font-family: "Share Tech Mono", monospace; color: var(--hud-muted); }
.ept-c { font-family: "Share Tech Mono", monospace; color: #6fdc8c; }
.ept-mat.miss .ept-c { color: var(--hud-orange); }
.ept-tradebtn { background: none; border: 0; padding: 0; margin-left: .5rem; font: inherit; font-size: .78rem; color: var(--hud-cyan); cursor: pointer; }
.ept-tradebtn:hover { text-decoration: underline; }
.ept-row2 { display: grid; grid-template-columns: minmax(0, 1fr) 7rem; gap: 1rem; }
.ept-trade { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid rgba(255,113,0,.15); }
.ept-trade:last-child { border-bottom: 0; }
.ept-trade strong { color: var(--hud-text); }
.ept-trade small { font-family: "Share Tech Mono", monospace; color: var(--hud-cyan); margin-left: .3rem; }
.ept-trade p { margin: .2rem 0 0; font-family: "Share Tech Mono", monospace; color: var(--hud-muted); font-size: .84rem; }
.ept-trade b { color: var(--hud-cyan); font-weight: 400; }
.ept-trade.best { background: rgba(255,113,0,.08); }
.ept-trade.no { opacity: .55; }
.ept-tag { font-family: "Share Tech Mono", monospace; font-size: .78rem; color: var(--hud-muted); white-space: nowrap; }
.ept-trade.best .ept-tag { color: var(--hud-orange); }
.ept-rule { display: flex; align-items: baseline; gap: .8rem; padding: .35rem 0; border-bottom: 1px solid rgba(255,113,0,.15); color: var(--hud-text); font-size: .9rem; }
.ept-rule b { font-family: "Orbitron", sans-serif; color: var(--hud-cyan); min-width: 4.2rem; font-weight: 400; }
.ept-eh { display: flex; justify-content: space-between; align-items: baseline; }
.ept-count { font-family: "Share Tech Mono", monospace; color: var(--hud-cyan); }
.ept-acts { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.ept-eng .fcc-name small { display: block; }
.ept-eng .fcc-name small.ept-req { color: var(--hud-muted); font-family: "Exo 2", sans-serif; }
.ept-eng .fcc-name small.ept-tag { display: inline-block; }
.fcc-seg input[value="unlocked"]:checked + span { background: var(--hud-orange); border-color: var(--hud-orange); color: #0a0a0c; }
.fcc-seg input[value="invited"]:checked + span { background: rgba(25,179,230,.25); border-color: var(--hud-cyan); color: var(--hud-text); }
.fcc-seg input[value="locked"]:checked + span { background: rgba(180,177,172,.18); border-color: rgba(180,177,172,.6); color: var(--hud-text); }
#wrapper.ept { width: 100%; min-width: 0; }
@media (max-width: 600px) {
    .ept-trade { flex-direction: column; align-items: flex-start; gap: .3rem; }
    .ept-tabs .ept-tab { padding: .6rem .7rem; font-size: .68rem; }
    /* phones: inputs above the rules panel */
    #pane-trade .fcc-grid { display: flex; flex-direction: column; }
    #pane-trade .fcc-left { order: 1; }
    #pane-trade .fcc-sum { order: 2; }
}
@media (max-width: 420px) {
    .ept-tabs .ept-tab { padding: .6rem .5rem; font-size: .62rem; letter-spacing: .06em; }
    .ept-rolls { gap: .3rem; }
}