:root{
  --ink:#231F20; --amber:#bd7a22; --soft:#f5f3f1; --line:#e2ddd9; --muted:#8f8884;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink)}
body{font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  color:var(--ink);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
a{color:inherit}

.top{background:var(--ink);color:#fff;display:flex;align-items:center;gap:14px;padding:13px 18px;position:sticky;top:0;z-index:10}
.top .brand{display:flex;align-items:center;text-decoration:none}
.top .logo{height:22px;display:block}
.top .sub{color:var(--amber);font-size:12px;letter-spacing:.28em;text-transform:uppercase}
.top .kick{margin-left:auto;color:#b9b0ab;font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums}

.wrap{flex:1;background:var(--soft);padding:26px 16px}
.card{max-width:620px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;
  box-shadow:0 1px 2px rgba(0,0,0,.03)}
.kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);font-weight:700}
h1{font-size:clamp(24px,5vw,34px);margin:.25em 0 .5em;line-height:1.05}
.lead{font-size:16px;line-height:1.5}
.muted{color:var(--muted);font-size:14px}
code{background:#efeae5;padding:.1em .4em;border-radius:5px;font-size:.9em}

table.kv{width:100%;border-collapse:collapse;margin:.5em 0}
.kv th{text-align:left;width:130px;color:var(--muted);font-weight:600;font-size:13px;
  text-transform:uppercase;letter-spacing:.04em;padding:9px 0;border-top:1px solid var(--line);vertical-align:top}
.kv td{padding:9px 0;border-top:1px solid var(--line);font-size:16px}
.asset h1{margin-top:.15em}

.foot{background:var(--ink);color:#7c7670;text-align:center;font-size:12px;padding:14px;letter-spacing:.04em}

@media(max-width:560px){ .card{padding:20px 18px} .kv th{width:104px} }

/* ===== admin ===== */
.wrap.admin .card{max-width:none}
.wrap.admin .card.login{max-width:380px;margin:7vh auto 0}
.adminhead{max-width:980px;margin:0 auto 12px;display:flex;align-items:flex-end;gap:14px}
.adminhead h1{margin:0}
.adminhead .count{color:var(--muted);font-size:14px;margin-left:auto}
.err{background:#fdecea;border:1px solid #f1b0a8;color:#9c2b2b;padding:9px 12px;border-radius:9px;margin:0 0 12px;font-size:14px}
.ok{background:#e9f6ee;border:1px solid #a9d8bd;color:#2f6b48;padding:9px 12px;border-radius:9px;margin:0 0 12px;font-size:14px;max-width:980px}

/* login */
.card.login{max-width:380px}
.card.login form{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.card.login label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}
.card.login input{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:9px}
.card.login button{font:inherit;font-weight:700;font-size:15px;padding:11px;border:none;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;margin-top:4px}

/* szűrősáv */
.filters{max-width:980px;margin:0 auto 12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filters .search{flex:1;min-width:200px;font:inherit;font-size:15px;padding:9px 12px;border:1px solid var(--line);border-radius:9px}
.filters select{font:inherit;font-size:14px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}
.filters button{font:inherit;font-weight:600;padding:9px 16px;border:none;border-radius:999px;background:var(--amber);color:#fff;cursor:pointer}
.filters .clear{color:var(--muted);text-decoration:none;font-size:20px;padding:0 6px}

/* lista tábla */
.tablewrap{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
table.list{width:100%;border-collapse:collapse;font-size:14px}
table.list thead th{text-align:left;background:#f3efeb;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--line)}
table.list td{padding:10px 12px;border-top:1px solid #f1eeea;cursor:pointer}
table.list tbody tr:hover{background:#faf7f3}
table.list .tag{font-family:'Oswald','Archivo',sans-serif;font-weight:600;white-space:nowrap}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;border:1px solid rgba(0,0,0,.15)}
.badge{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;background:#eee;color:#444;white-space:nowrap}
.badge.s-available{background:#e9f6ee;color:#2f6b48}
.badge.s-on_rent{background:#fff4e5;color:#8a5a12}
.badge.s-in_repair{background:#fdecea;color:#9c2b2b}
.badge.s-reserved{background:#eaf0fb;color:#2b5f9c}
.badge.s-retired,.badge.s-lost{background:#eee;color:#777}

/* szerkesztő űrlap */
.btn.ghost{margin-left:auto;text-decoration:none;border:1px solid var(--line);padding:7px 14px;border-radius:999px;font-size:13px;color:var(--ink)}
.editform{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.editform .fld{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.editform .fld input,.editform .fld select,.editform .fld textarea{font:inherit;font-size:15px;text-transform:none;letter-spacing:0;color:var(--ink);padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}
.editform .fld textarea{resize:vertical}
.editform .actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.editform .actions button{font:inherit;font-weight:700;font-size:15px;padding:10px 24px;border:none;border-radius:999px;background:var(--ok,#3f9d6a);color:#fff;cursor:pointer}
@media(max-width:640px){ .editform{grid-template-columns:1fr} table.list .muted:nth-child(3){display:none} }

/* ===== mellékletek / feltöltés ===== */
.secthead{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.secthead h2{font-size:16px;margin:0}
.gallery{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.att{position:relative;width:120px}
.att img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block;background:#fff}
.att .x,.att .star{position:absolute;top:4px;margin:0}
.att .x{right:4px}.att .star{left:4px}
.att .x button,.att .star button{border:none;cursor:pointer;width:24px;height:24px;border-radius:50%;font-size:14px;line-height:1;padding:0}
.att .x button{background:rgba(35,31,32,.78);color:#fff}
.att .star button{background:rgba(255,255,255,.85);color:#bd7a22}
.att .star.on button{background:var(--amber);color:#fff}
.att.doc{width:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.att.doc a{text-decoration:none;font-size:14px}
.att.doc .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.att.doc .x{position:static}
.upl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px;border-top:1px dashed var(--line)}
.upl input[type=file]{font-size:13px;max-width:230px}
.upl select,.upl input[type=text]{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}
.upl input[type=text]{flex:1;min-width:140px}
.upl .chk{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}
.upl button{font:inherit;font-weight:600;padding:8px 16px;border:none;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer}

/* datasheet kép */
.asset .hero{margin:4px 0 14px}
.asset .hero img{width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#faf7f3;border:1px solid var(--line)}
.doclinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.doclink{text-decoration:none;font-size:14px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--ink)}

/* lépkedő */
.pager{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:14px}
.pager a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:var(--ink);white-space:nowrap}
.pager a.mid{color:var(--muted)}
.pager .off{color:#c7c0bb;border:1px solid #eee;border-radius:999px;padding:7px 13px;white-space:nowrap}

/* ===== szett ===== */
.kitlist td{cursor:default}
.kitlist td:first-child{width:130px}
.kitadds{display:flex;flex-wrap:wrap;gap:18px;padding-top:12px;border-top:1px dashed var(--line)}
.kitadd{display:flex;gap:8px;align-items:center}
.kitadd input{font:inherit;font-size:14px;padding:8px 11px;border:1px solid var(--line);border-radius:8px}
.kitadd input.qty{width:64px}
.kitadd button{font:inherit;font-weight:600;padding:8px 14px;border:none;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;white-space:nowrap}
.kitlist .x{position:static}
.kitlist .x button{border:none;cursor:pointer;width:24px;height:24px;border-radius:50%;font-size:14px;background:#f0ece8;color:#9c2b2b}
/* publikus szett-lista */
.kitpub{list-style:none;padding:0;margin:14px 0 0}
.kitpub li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:15px}
.kitpub .q{color:var(--muted);white-space:nowrap}
.kitpub .tg{font-family:'Oswald','Archivo',sans-serif;font-size:12px;color:var(--muted)}

/* pager: terméknév + hotkey */
.pager .pgbtn{display:inline-flex;align-items:center;gap:2px;max-width:230px}
.pager .pgbtn .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pager kbd{font-family:inherit;font-size:11px;background:#efeae5;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--muted)}
.pager .off kbd{background:transparent;border-color:#eee}
@media(max-width:640px){ .pager .pgbtn{max-width:120px} .pager kbd{display:none} }
.filters .clear{cursor:pointer}