/* GoldenEye Analysis Trading Journal: matches the course prototype (black & gold, Montserrat + Lato) */
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Lato;src:url(../fonts/Lato-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(../fonts/Lato-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Lato;src:url(../fonts/Lato-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
:root{--black:#0B0B0C;--surface:#151517;--surface2:#1E1E21;--line:#2C2A26;--gold:#C9A54E;--gold-hi:#E8C872;--gold-dk:#8E7230;--text:#F2EFE8;--muted:#A9A49A;--white:#fff;--green:#5BBF7A;--red:#E06B5F;--r:12px}
*{box-sizing:border-box}
body{margin:0;background:var(--black);color:var(--text);font:16px/1.55 Lato,Arial,sans-serif}
h1,h2,h3,h4{font-family:Montserrat,Arial,sans-serif;color:var(--white);line-height:1.2;margin:0 0 .5em}
h1{font-size:32px;font-weight:800}h2{font-size:24px;font-weight:800}h3{font-size:17px;font-weight:700}
a{color:var(--gold-hi)}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.eyebrow{font:700 12px Montserrat,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.muted{color:var(--muted)}.small{font-size:13px}
.pos{color:var(--green)}.neg{color:var(--red)}
.demo-bar{background:#1a1508;color:var(--gold-hi);font-size:13px;text-align:center;padding:6px 12px;border-bottom:1px solid var(--gold-dk)}
.site-head{position:sticky;top:0;z-index:20;background:rgba(11,11,12,.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:18px;height:64px}
.site-head img{height:42px;display:block;mix-blend-mode:lighten}
.brand-t{font:800 14px Montserrat;letter-spacing:1px;color:var(--gold-hi);white-space:nowrap}
.site-head nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.site-head nav a{color:var(--text);text-decoration:none;font:600 14px Montserrat,Arial,sans-serif;padding:8px 12px;border-radius:8px}
.site-head nav a:hover{color:var(--gold-hi)}
.site-head nav a.on{color:var(--black);background:var(--gold)}
.member-chip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px;cursor:pointer;background:none}
.member-chip b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--black);font:800 12px Montserrat}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 14px Montserrat,Arial,sans-serif;padding:10px 16px;border-radius:8px;text-decoration:none;cursor:pointer;border:2px solid var(--gold);background:var(--gold);color:var(--black);white-space:nowrap}
.btn:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.btn.ghost{background:transparent;color:var(--gold-hi)}
.btn.ghost:hover{background:rgba(201,165,78,.12)}
.btn.danger{background:transparent;border-color:#6a2f2f;color:var(--red)}
.btn.sm{padding:5px 10px;font-size:12px;border-width:1px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
main{padding:24px 0 60px}
.view{display:none}.view.on{display:block}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.page-head h1{margin:0}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.card.feature{border-color:var(--gold-dk);background:linear-gradient(160deg,#1c180d,var(--surface) 60%)}
.card h3{margin-bottom:12px}
.grid{display:grid;gap:14px}.grid>*{min-width:0}
.card>[id^="t-"]{overflow-x:auto}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;min-width:0}
.kpi.big{border-color:var(--gold-dk);background:linear-gradient(160deg,#1c180d,var(--surface) 70%)}
.kpi span{display:block;font:700 11px Montserrat;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.kpi b{display:block;font:800 22px Montserrat;color:var(--gold-hi);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi b.pos{color:var(--green)}.kpi b.neg{color:var(--red)}
.kpi i{font-style:normal;font-size:12px;color:var(--muted)}
.chart-box{position:relative;height:280px}
table.tbl{width:100%;border-collapse:collapse;font-size:14px}
table.tbl th,table.tbl td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;white-space:nowrap}
table.tbl th{font:700 12px Montserrat;letter-spacing:.5px;color:var(--gold-hi);background:var(--surface2);position:sticky;top:0;cursor:pointer;user-select:none}
table.tbl th.nosort{cursor:default}
table.tbl th .ar{color:var(--muted);font-size:10px;margin-left:3px}
table.tbl td.num,table.tbl th.num{text-align:right}
table.tbl tbody tr:hover{background:var(--surface2)}
.tbl-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);max-height:70vh}
.mini td,.mini th{padding:6px 8px;font-size:13px}
.badge{display:inline-block;font:700 11px Montserrat;letter-spacing:.5px;padding:2px 7px;border-radius:6px;background:#26241f;color:var(--gold-hi);border:1px solid var(--gold-dk)}
.badge.win{color:var(--green);border-color:#2f6a41;background:rgba(91,191,122,.08)}
.badge.loss{color:var(--red);border-color:#6a2f2f;background:rgba(224,107,95,.08)}
.badge.grey,.badge.breakeven{color:var(--muted);border-color:var(--line);background:transparent}
.badge.sample{color:#000;background:var(--gold-dk);border-color:var(--gold-dk)}
.filters{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}
label{display:block;font:700 12px Montserrat;letter-spacing:.5px;color:var(--muted);margin-bottom:10px}
input,select,textarea{width:100%;margin-top:4px;background:var(--black);border:1px solid var(--line);color:#fff;border-radius:8px;padding:9px 10px;font:15px Lato,Arial,sans-serif}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
textarea{min-height:90px;resize:vertical}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 12px}
.span2{grid-column:span 2}.span4{grid-column:1/-1}
.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:4px}
.seg button{flex:1;background:var(--black);color:var(--muted);border:0;padding:9px;font:700 13px Montserrat;cursor:pointer}
.seg button.on.long{background:rgba(91,191,122,.18);color:var(--green)}
.seg button.on.short{background:rgba(224,107,95,.18);color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{border:1px solid var(--line);background:var(--black);color:var(--muted);border-radius:999px;padding:5px 11px;font:600 12px Montserrat;cursor:pointer}
.chip.on{border-color:var(--gold);color:var(--gold-hi);background:rgba(201,165,78,.12)}
.stars{display:flex;gap:4px;margin-top:6px}
.stars button{background:none;border:0;font-size:22px;color:#3a372f;cursor:pointer;padding:0 2px}
.stars button.on{color:var(--gold-hi)}
.form-layout{display:grid;grid-template-columns:1fr 330px;gap:16px;align-items:start}
.live{position:sticky;top:84px}
.live .row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.live .row b{font-family:Montserrat}
.live .row:last-child{border-bottom:0}
.exits-tbl{width:100%;border-collapse:collapse}
.exits-tbl td{padding:3px 4px;vertical-align:top}
.exits-tbl input{margin:0}
.section-t{font:800 12px Montserrat;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:18px 0 10px;padding-top:12px;border-top:1px solid var(--line)}
.section-t:first-child{border-top:0;margin-top:0;padding-top:0}
.comment{background:var(--black);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:8px 12px;margin:8px 0;font-size:14.5px}
.comment .when{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.comment .c-ctl{margin-left:auto;display:flex;gap:6px}.comment .c-ctl .btn{padding:2px 8px;font-size:11px}
.comment .c-text{white-space:pre-wrap;word-break:break-word}
.empty{text-align:center;padding:50px 20px;color:var(--muted)}
.login{max-width:440px;margin:50px auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.login .logo{display:block;height:70px;margin:0 auto 10px;mix-blend-mode:lighten}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--gold);color:#000;font:700 14px Montserrat;padding:10px 18px;border-radius:8px;z-index:99;opacity:0;transition:opacity .25s;pointer-events:none}
.toast.on{opacity:1}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--gold-dk);border-radius:var(--r);max-width:720px;width:94vw;padding:22px}
dialog::backdrop{background:rgba(0,0,0,.7)}
.tag-edit{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.tag-edit span{border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 11px;font-size:13px;display:inline-flex;align-items:center;gap:4px}
.tag-edit span button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px}
.inline{display:flex;gap:8px}.inline input{margin-top:0}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;padding:20px 0}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(4,1fr)}.filters{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.form-layout{grid-template-columns:1fr}.live{position:static}.g3{grid-template-columns:1fr 1fr}.brand-t{display:none}}
@media (max-width:700px){
 .site-head .wrap{height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:8px}
 .site-head img{height:34px}
 .site-head nav{order:3;width:100%;margin-left:0;flex-wrap:wrap;justify-content:center}
 .site-head nav a{padding:6px 9px;font-size:13px;white-space:nowrap}
 .site-head{position:static}
 .member-chip{margin-left:auto}.member-chip span{display:none}
 .kpis{grid-template-columns:1fr 1fr}.g2,.g3{grid-template-columns:1fr}
 .fgrid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}
 h1{font-size:25px}.kpi b{font-size:19px}.chart-box{height:230px}
}

/* ---------- modes (demo / live) ---------- */
body.mode-live .demo-only, body.mode-demo .live-only { display: none !important; }
.demo-bar a { color: #fff; font-weight: 800; text-decoration: underline; margin-left: 6px; }
footer a { color: var(--gold-hi); }
[hidden] { display: none !important; }
.auth-msg { margin: 10px 0 0; font-size: 14px; }
.auth-msg.err { color: var(--red); } .auth-msg.ok { color: var(--green); }
.linkbtn { background: none; border: 0; color: var(--gold-hi); cursor: pointer; padding: 0; font: inherit; text-decoration: underline; }
#login-url{overflow-wrap:anywhere;word-break:break-word}