:root{--bg:#151a1f;--panel:#20262f;--panel2:#11161c;--line:#343b46;--text:#f3f6fb;--muted:#aab3c2;--blue:#1187ff;--green:#23d3a6;--red:#ff6470;--yellow:#ffcf65}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;background:#0e1217;border-bottom:1px solid var(--line);z-index:5}.topin{max-width:1240px;margin:auto;padding:18px 22px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:900;letter-spacing:.2px}.ver{font-size:12px;color:var(--muted);margin-top:4px}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{font-size:15px;color:#e9edf5;padding:5px 9px;border-radius:8px}.nav a.active{color:#fff;font-weight:900;background:var(--blue)}.wrap{max-width:1240px;margin:0 auto;padding:24px 22px 60px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(0,0,0,.12)}.card.dark{background:var(--panel2)}.title{font-size:25px;font-weight:900;margin:0 0 6px}.sub{color:var(--muted);font-size:14px}.grid{display:grid;gap:14px}.grid.cols4{grid-template-columns:repeat(4,1fr)}.grid.cols3{grid-template-columns:repeat(3,1fr)}.grid.cols2{grid-template-columns:repeat(2,1fr)}.metric{background:#151b23;border:1px solid #2e3642;border-radius:14px;padding:14px}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:24px;font-weight:800;margin-top:5px}.green{color:var(--green)}.red{color:var(--red)}.blue{color:var(--blue)}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);border:0;border-radius:13px;padding:11px 18px;font-weight:800;color:white;cursor:pointer}.btn.secondary{background:#2b323d}.btn.full{width:100%}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tabs button,.pill{background:#2a303a;color:#dce2ea;border:0;border-radius:999px;padding:9px 14px;font-weight:700}.tabs button.active,.pill.active{background:var(--blue);color:white}.form-section{display:none}.form-section.active{display:block}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px;align-items:start}.field{display:flex;flex-direction:column;gap:5px;background:#171d26;border:1px solid #303946;border-radius:15px;padding:12px 12px 13px;min-height:0}.field label{font-weight:900;font-size:15px;line-height:1.15;order:1;color:#f7f9fd}.field input,.field select,.field textarea{order:3}.hint{font-size:12.5px;line-height:1.28;color:var(--muted);min-height:0;order:4;margin-top:3px}.prev{font-size:12px;color:var(--yellow);min-height:16px;order:2;line-height:1.2}.field:has(input:focus),.field:has(select:focus),.field:has(textarea:focus){border-color:var(--blue);box-shadow:0 0 0 1px rgba(17,135,255,.2)}input,select,textarea{width:100%;background:#10161f;color:var(--text);border:1px solid #384150;border-radius:11px;padding:11px 12px;font-size:15px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);border-color:var(--blue)}textarea{min-height:92px}.trader-card{display:grid;grid-template-columns:1fr auto;gap:10px;background:#171c23;border:1px solid #303844;border-radius:17px;padding:16px;margin-bottom:12px}.trader-name{font-size:22px;font-weight:900}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mini{font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse;background:#151b23;border-radius:14px;overflow:hidden}th,td{padding:11px 12px;border-bottom:1px solid #2c3440;text-align:left;font-size:14px}th{color:var(--muted);font-weight:800}.right{text-align:right}.section-title{font-size:20px;font-weight:900;margin:26px 0 12px}.mobile-card{background:#171c23;border:1px solid #353d48;border-radius:18px;padding:18px}.big-number{font-size:44px;font-weight:900;letter-spacing:-1px}.copy-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.danger-note{border-left:4px solid var(--red);padding:10px 12px;background:#21191e;border-radius:8px;color:#ffcbd0}@media(max-width:900px){.hero,.grid.cols4,.grid.cols3,.grid.cols2,.formgrid,.copy-layout{grid-template-columns:1fr}.topin{align-items:flex-start;flex-direction:column}.brand{font-size:25px}.big-number{font-size:34px}.wrap{padding:16px 12px}.card{padding:14px}}

.form-section.card{padding:18px;background:#20262f}.form-section .btn.full{margin-top:4px;border-radius:18px;padding:14px 18px;font-size:17px}.form-section h2,.block-title{margin:0 0 10px;font-size:20px}.field-wide{grid-column:1/-1}.field.compact{padding:10px}.field .inline-note{order:5;color:var(--muted);font-size:12px}.section-divider{grid-column:1/-1;margin:10px 0 0;color:#dbe5f3;font-weight:900;border-top:1px solid #34404e;padding-top:14px}.quick-note{background:#121820;border:1px solid #303946;border-radius:15px;padding:12px;color:var(--muted);margin-bottom:12px}.pu-card{background:#171d26;border:1px solid #3a4350;border-radius:20px;padding:16px}.pu-card .card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pu-title{font-size:20px;font-weight:900}.pu-sub{font-size:13px;color:var(--muted)}

.mini-btn{padding:6px 10px;border-radius:9px;font-size:12px}.table-actions{white-space:nowrap}.field-wide{grid-column:1/-1}
.user-badge{display:flex;align-items:center;gap:10px;background:var(--blue);color:#fff;padding:7px 14px;border-radius:999px;font-size:14px;font-weight:700}

/* v0.10: PU Prime-screen aligned input layout */
.pu-tabs{margin-top:18px;margin-bottom:18px;gap:10px}
.pu-tabs button{padding:10px 15px;background:#252b34;color:#d8dee8;border:1px solid #343d49}
.pu-tabs button.active{background:var(--blue);border-color:var(--blue);color:white}
.pu-screen{display:none;background:#161b22;border:1px solid #303946;border-radius:22px;padding:18px;margin-bottom:22px;box-shadow:0 14px 34px rgba(0,0,0,.20)}
.pu-screen.active{display:block}
.pu-screen-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;border-bottom:1px solid #2d3541;padding-bottom:14px}
.pu-screen-head h2{margin:0 0 5px;font-size:22px;font-weight:900}
.pu-screen-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.35}.time-field{min-width:240px;max-width:260px}
.pu-formgrid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:13px;align-items:start}.compact-grid{grid-template-columns:repeat(3,minmax(230px,1fr))}
.pu-field{background:#111720;border:1px solid #313a46;border-radius:16px;padding:11px 12px 12px;display:flex;flex-direction:column;gap:6px;min-height:0}.pu-field label{font-size:14px;font-weight:900;color:#f5f7fb;line-height:1.1;margin:0}.pu-field input,.pu-field select,.pu-field textarea{margin:0;background:#0d131b;border:1px solid #36404d;border-radius:12px;padding:10px 11px;font-size:16px}.pu-field .hint{margin:0;color:#9fa9b8;font-size:12.5px;line-height:1.25}.pu-field .prev{min-height:16px;color:#ffcf65;font-size:12px;line-height:1.1}.pu-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px rgba(17,135,255,.28)}.field-wide{grid-column:1/-1}.id-field{background:#131b26;border-color:#3a4654}.id-field select{font-weight:800}.pu-screen .btn.full{margin-top:16px;border-radius:18px;padding:15px 18px;font-size:17px}.pu-screen textarea{min-height:78px}
@media(max-width:980px){.pu-screen-head{flex-direction:column}.time-field{max-width:none;width:100%}.pu-formgrid,.compact-grid{grid-template-columns:1fr}.pu-screen{padding:14px;border-radius:18px}}

/* v0.11: usability fixes */
.capture-card{display:grid;grid-template-columns:1fr minmax(260px,360px);gap:16px;align-items:center;background:#171d26;border:1px solid #313a46;border-radius:18px;padding:14px 16px;margin:14px 0 18px}
.capture-card input{font-weight:800;color:#ffcf65}
/* Szélesség: a magyar "ÉÉÉÉ. HH. NN. óó:pp" + naptár-ikon elférjen, különben a böngésző
   levágja a perc-mezőt a jobb szélen (Márió jelezte 2026-07-23: "nem látom a percet"). */
input[type="datetime-local"]{padding-right:42px;min-width:320px;width:100%;box-sizing:border-box}
input[type="datetime-local"]::-webkit-calendar-picker-indicator{margin-left:8px;opacity:.85;filter:invert(1);cursor:pointer}
.time-field{min-width:340px;max-width:380px}
.pu-field{gap:5px}.pu-field input,.pu-field select{margin-top:1px}.pu-field textarea{margin-top:1px}
@media(max-width:980px){.capture-card{grid-template-columns:1fr}.time-field{min-width:0;max-width:none}.pu-screen-head{gap:10px}}

/* v0.12: dashboard order and archive controls */
.order-card{margin-bottom:12px;background:#141b24}
.trader-card{grid-template-columns:auto 1fr auto;align-items:start}
.order-input{width:88px;background:#10161f;border:1px solid #303946;border-radius:13px;padding:8px}
.order-input label{display:block;font-size:11px;color:var(--muted);font-weight:800;margin-bottom:4px}
.order-input input{padding:7px 8px;font-size:13px;text-align:center}
.btn.danger{background:#7d2630;color:#fff}
.btn.danger:hover{background:#a52e3b}
@media(max-width:800px){.trader-card{grid-template-columns:1fr}.order-input{width:100%;display:flex;gap:10px;align-items:center}.order-input label{margin:0}.order-input input{max-width:100px}}
.alert{margin:14px 0;padding:14px 16px;border-radius:14px;border:1px solid #334155;background:#111827;color:#e5e7eb;font-weight:700}
.alert.danger{border-color:#ef4444;background:rgba(239,68,68,.12);color:#fecaca}
.alert.success{border-color:#23d3a6;background:rgba(35,211,166,.12);color:#bdf5e6}

.yellow{color:var(--yellow)}
.capital-good{border-left:4px solid var(--green)}.capital-warn{border-left:4px solid var(--yellow)}.capital-loss{border-left:4px solid var(--red);background:rgba(239,68,68,.12)}
tr.row-loss td{background:rgba(239,68,68,.14)}
.loss-badge{display:inline-block;background:var(--red);color:#2a0a0d;font-weight:900;font-size:11.5px;padding:2px 8px;border-radius:999px;margin-left:6px;letter-spacing:.3px}
.profit-badge{display:inline-block;background:var(--green);color:#062019;font-weight:900;font-size:11.5px;padding:2px 8px;border-radius:999px;margin-left:6px;letter-spacing:.3px}
.highlight-value{font-size:17px;font-weight:900}
.perf-chip{display:inline-block;padding:7px 12px;border-radius:11px;font-weight:900;font-size:15px;border:1px solid transparent}
.perf-chip.loss{background:rgba(239,68,68,.18);color:var(--red);border-color:rgba(239,68,68,.4)}
.perf-chip.low{background:rgba(255,207,101,.18);color:var(--yellow);border-color:rgba(255,207,101,.4)}
.perf-chip.good{background:rgba(35,211,166,.18);color:var(--green);border-color:rgba(35,211,166,.4)}
.help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:5px;border-radius:50%;background:#2b3542;color:#9fb0c6;font-size:11px;font-weight:800;cursor:help;vertical-align:middle;flex:0 0 auto;user-select:none}
.help:hover,.help:focus{background:var(--blue);color:#fff;outline:none}
.tip-pop{position:fixed;z-index:9999;width:340px;max-width:calc(100vw - 24px);background:#0d1219;color:#e8edf5;border:1px solid #3a4553;border-radius:12px;padding:12px 14px;font-size:13.5px;font-weight:500;line-height:1.5;text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.55);pointer-events:none}
th .help{margin-left:4px}