/* AKJournals arculat: Roboto, fehér alap, türkiz linkek (#007DA5), narancs hangsúly (#F57822) */
:root{--teal:#007DA5;--teal-dark:#005f7e;--orange:#F57822;--orange-dark:#d9640f;--ink:#2a2a2a;--muted:#757575;
 --line:#dddddd;--bg:#f6f7f9;--card:#ffffff;--ftr:#7a7a7a;
 --pass-bg:#C6EFCE;--pass-fg:#006100;--fail-bg:#FFC7CE;--fail-fg:#9C0006;--review-bg:#FFEB9C;--review-fg:#9C6500;--na-bg:#EDEDED;--na-fg:#595959}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55;color:var(--ink);background:var(--bg);display:flex;flex-direction:column;min-height:100vh}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
main.wrap{flex:1;padding:18px 0 40px}
h1,h2{font-family:"Roboto Condensed",Roboto,sans-serif;font-weight:400;color:rgba(0,0,0,.87);margin:0 0 10px}
h1{font-size:30px;text-transform:uppercase;letter-spacing:.2px}h2{font-size:22px}
h3{font-family:"Roboto Condensed",Roboto,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.4px;margin:18px 0 8px}
.h-fail{color:var(--fail-fg)}.h-review{color:var(--review-fg)}
.lead{color:#444;margin:0 0 14px}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:500}.err{color:var(--fail-fg)}
.nowrap{white-space:nowrap}
/* fejléc */
.hdr{background:#fff}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:16px;color:var(--ink)}
.brand img{height:46px;width:auto}
.brand-title{font-family:"Roboto Condensed",Roboto,sans-serif;font-size:22px;color:rgba(0,0,0,.87);border-left:2px solid var(--line);padding-left:16px;line-height:1.1}
.brand:hover{text-decoration:none}
.nav{display:flex;align-items:center;gap:26px}
.nav a{color:var(--orange);text-transform:uppercase;font-weight:500;font-size:14px;letter-spacing:.3px}
.nav-user{color:var(--muted);font-size:14px}
.stripe{height:5px;background:linear-gradient(90deg,#FACEB1 0%,#FACEB1 16%,#F9A46E 16%,#F9A46E 36%,#F57822 36%,#F57822 50%,#F9A46E 50%,#F9A46E 66%,#FACEB1 66%,#FACEB1 84%,#F57822 84%,#F57822 100%)}
/* morzsák, kártyák */
.crumbs{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--teal);margin:6px 0 14px}
.crumbs .sep{color:#999;margin:0 6px}.crumbs span:last-child{color:var(--ink)}
.card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:22px 26px;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.card-narrow{max-width:520px;margin:30px auto}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
@media (max-width:860px){.grid-2{grid-template-columns:1fr}.hdr-row{flex-direction:column;align-items:flex-start}}
/* űrlap */
.form label{display:block;font-weight:500;margin:12px 0 4px;font-size:14px}
.form input[type=text],.form input[type=password],.form select{display:block;width:100%;font:inherit;padding:9px 10px;border:1px solid #c9ced6;border-radius:3px;margin-top:4px;background:#fff}
.form input:focus,.form select:focus{outline:2px solid rgba(0,125,165,.35);border-color:var(--teal)}
.btn{display:inline-block;border:0;border-radius:3px;padding:10px 18px;font:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.4px;font-size:13px;cursor:pointer;background:#e9edf1;color:var(--ink);text-decoration:none}
.btn:hover{text-decoration:none;filter:brightness(.96)}
.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark)}
.btn-ghost{background:#fff;color:var(--teal);border:1px solid var(--teal)}.btn-ghost:hover{background:#eef7fa}
.btn-danger{background:#fff;color:var(--fail-fg);border:1px solid #e0a0a6}.btn-small{padding:6px 12px;font-size:12px}
.btn[disabled]{opacity:.6;cursor:wait}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.form .btn-primary{margin-top:16px}
.drop{display:block;border:2px dashed #c9ced6;border-radius:6px;padding:22px 16px;text-align:center;cursor:pointer;background:#fbfcfd;margin-top:6px;font-weight:400}
.drop.over{border-color:var(--teal);background:#eef7fa}
.drop input{display:none}.drop-text{display:block;color:#444}.drop-text small{color:var(--muted)}
.drop-list{display:block;margin-top:10px;color:var(--teal);font-size:13px;word-break:break-word}
code{background:#f0f2f5;padding:1px 5px;border-radius:3px;font-size:13px}
.flash{padding:10px 14px;border-radius:4px;margin-bottom:14px;border:1px solid}
.flash-warn{background:#fff6e5;border-color:#f3c98b;color:#7a4b00}.flash-ok{background:#eaf7ec;border-color:#9fd3a8;color:#1b5e20}
/* kulcs-érték, táblázat */
.kvs{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;margin:6px 0 10px}
.kv{display:flex;gap:10px;font-size:14px;padding:4px 0;border-bottom:1px dotted #e6e6e6}
.kv .k{color:var(--muted);min-width:96px}.kv .v{color:var(--ink)}
@media (max-width:860px){.kvs{grid-template-columns:1fr}}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing:.4px;color:var(--muted);border-bottom:2px solid var(--line);padding:8px 10px}
.tbl td{padding:9px 10px;border-bottom:1px solid #ececec;vertical-align:top}
.tbl td.num{text-align:center;font-weight:500;width:64px}
.v-pass{color:var(--pass-fg)}.v-fail{color:var(--fail-fg)}.v-review{color:var(--review-fg)}.v-na{color:var(--na-fg)}
/* állapot-chipek */
.chip{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.chip-queued{background:#eceff3;color:#555}.chip-running{background:#ffe6d2;color:#9a4a00}.chip-done{background:var(--pass-bg);color:var(--pass-fg)}.chip-failed{background:var(--fail-bg);color:var(--fail-fg)}
.chip-big{font-size:13px;padding:6px 14px;margin-top:4px}
.progress{height:6px;background:#eceff3;border-radius:3px;overflow:hidden;margin:10px 0 8px}
.progress .bar{width:40%;height:100%;background:linear-gradient(90deg,var(--teal),#5bc0de);animation:slide 1.6s ease-in-out infinite}
@keyframes slide{0%{margin-left:-40%}100%{margin-left:100%}}
/* eredmény */
.stats{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 6px}
.stat{flex:1;min-width:110px;border-radius:6px;padding:12px 14px;text-align:center}
.stat .n{display:block;font-family:"Roboto Condensed",Roboto,sans-serif;font-size:32px;line-height:1;font-weight:700}
.stat .l{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.stat.v-pass{background:var(--pass-bg)}.stat.v-fail{background:var(--fail-bg)}.stat.v-review{background:var(--review-bg)}.stat.v-na{background:var(--na-bg)}
.stat.v-total{background:#fff;border:1px solid var(--line);color:var(--ink)}
.items{list-style:none;padding:0;margin:0 0 8px}
.items li{padding:9px 0;border-bottom:1px solid #ececec;display:grid;grid-template-columns:minmax(220px,.9fr) 2fr;gap:12px;font-size:14px}
.items .iid{font-weight:500}.items .iex{color:#444}
@media (max-width:860px){.items li{grid-template-columns:1fr}}
.tag{display:inline-block;background:#ffe6d2;color:#9a4a00;font-size:11px;padding:1px 7px;border-radius:9px;text-transform:uppercase;margin-left:6px}
details.letter{margin-top:14px}details summary{cursor:pointer;color:var(--teal);font-weight:500}
details pre{white-space:pre-wrap;background:#f8f9fb;border:1px solid var(--line);border-radius:4px;padding:14px;font:13px/1.5 Consolas,Menlo,monospace;margin:10px 0 0}
pre.log{max-height:360px;overflow:auto;font-size:12px}
.inline{display:inline;margin-top:12px}
ol.steps{padding-left:20px;margin:6px 0 10px}ol.steps li{margin-bottom:8px}
/* lábléc */
.ftr{background:var(--ftr);color:#fff;margin-top:20px}
.stripe-top{margin:0}
.ftr-links{display:flex;gap:40px;padding:22px 0 16px;border-bottom:1px solid rgba(255,255,255,.25)}
.ftr-links a{color:#fff;text-transform:uppercase;font-weight:500;font-size:13px;letter-spacing:.4px;opacity:.9}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 22px;font-size:13px;flex-wrap:wrap}
.ftr-copy div{opacity:.9;margin-top:2px}
.ftr-logo{height:84px;width:auto}
/* feltöltés-folyamatjelző */
.upload-progress{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#fbfcfd}
.upload-head{display:flex;justify-content:space-between;font-size:14px;font-weight:500;margin-bottom:6px}
.upload-bar{height:10px;background:#e6e9ee;border-radius:5px;overflow:hidden}
.upload-fill{height:100%;width:0;background:linear-gradient(90deg,var(--teal),#5bc0de);transition:width .25s}
/* folyóirat-panel borítóval */
.journal-panel{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin:10px 0 4px;background:#fff}
.journal-cover{height:104px;width:auto;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.18);flex:none}
.journal-text{display:flex;flex-direction:column;gap:2px}
.journal-code{font-family:"Roboto Condensed",Roboto,sans-serif;font-size:20px;font-weight:700;color:var(--teal);letter-spacing:.3px}
.journal-name{font-size:14px;color:var(--ink)}
.title-row{display:flex;gap:14px;align-items:center}
.journal-cover-sm{height:64px;width:auto;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.2);flex:none}
