/* MELVENA — panel administratora. Korzysta ze zmiennych i przycisków z style.css. */
.adm { display:grid; grid-template-columns:256px minmax(0,1fr); min-height:100vh; font-size:15px; }
.adm-bare { display:block; }
.adm h1 { font-size:clamp(1.5rem,2.6vw,2.1rem); margin:0; } .adm h2 { font:700 1.02rem/1.3 var(--sans); letter-spacing:0; margin:0 0 14px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.adm h2 small { font-weight:500; font-size:13px; color:var(--muted); } .adm h3 { font:700 12px/1.3 var(--sans); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:16px 0 8px; }
.adm h2 i { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--accent); color:var(--accent-ink); font:800 13px/1 var(--sans); font-style:normal; }
.btn.small { padding:8px 15px; font-size:13.5px; } .link.bad, .bad { color:var(--bad); } .good { color:var(--ok); }
.mono { font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:.92em; } .strong { font-weight:700; color:var(--text); text-decoration:none; } a.strong:hover { text-decoration:underline; }
.stack { display:grid; gap:16px; align-content:start; } .lead-s { color:var(--muted); margin:0 0 16px; max-width:70ch; }

.side { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; gap:10px; padding:20px 14px; background:var(--surface); border-right:1px solid var(--line); overflow-y:auto; }
.side-logo { display:flex; align-items:center; gap:10px; padding:4px 10px 14px; text-decoration:none; } .side-logo span { font:700 11px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--accent); border:1px solid var(--line); border-radius:999px; padding:4px 9px; }
.side nav { display:grid; gap:2px; } .side nav p { margin:14px 12px 4px; font:700 10.5px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.side nav a { display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:12px; color:var(--muted); text-decoration:none; font-weight:600; transition:background .2s ease, color .2s ease; }
.side nav a:hover { background:var(--surface2); color:var(--text); } .side nav a[aria-current="page"] { background:var(--accent); color:var(--accent-ink); }
.side nav a span { flex:1; } .side nav b { min-width:22px; padding:2px 7px; border-radius:999px; background:var(--gold); color:#22130A; font-size:11.5px; text-align:center; }
.side nav svg { width:19px; height:19px; }
.side-foot { margin-top:auto; display:grid; gap:10px; padding:14px 10px 0; border-top:1px solid var(--line); font-size:13px; } .side-foot > span { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-foot .row { gap:6px; flex-wrap:nowrap; } .side-foot .icon-btn { width:36px; height:36px; flex:none; } .side-foot .btn.small { padding:7px 12px; }
:root[data-theme="light"] .side .logo-light, :root[data-theme="light"] .adm-login .logo-light { display:none; } :root:not([data-theme="light"]) .side .logo-dark, :root:not([data-theme="light"]) .adm-login .logo-dark { display:none; }

.adm-main { padding:clamp(16px,2.6vw,34px); max-width:1500px; width:100%; display:grid; gap:18px; align-content:start; }
.adm-top { display:flex; align-items:center; gap:14px; flex-wrap:wrap; } .adm-top > div:first-of-type { flex:1; min-width:200px; }
.adm-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; } .adm-menu { display:none; }
.back { font-size:13px; color:var(--muted); text-decoration:none; } .back:hover { color:var(--accent); }
.flash { margin:0; padding:12px 16px; border-radius:14px; border:1px solid var(--line); background:var(--surface); font-weight:600; }
.flash.bad { border-color:var(--bad); color:var(--bad); } .flash.good { border-color:var(--ok); } .flash.warn { border-color:var(--gold); background:color-mix(in srgb, var(--gold) 12%, var(--surface)); }
.card { background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:clamp(16px,2vw,24px); min-width:0; }
.cols { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; } .cols.wide-left { grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); } .chat-cols { grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr); }
.narrow-card { max-width:460px; }
.fold-card > summary { cursor:pointer; font-weight:700; list-style:none; display:flex; justify-content:space-between; } .fold-card > summary::after { content:"+"; color:var(--accent); font-size:1.3rem; line-height:1; } .fold-card[open] > summary::after { content:"–"; } .fold-card[open] > summary { margin-bottom:16px; }
.fold-card > summary::-webkit-details-marker { display:none; }

.adm-login { max-width:400px; margin:8vh auto; display:grid; gap:14px; padding:clamp(22px,4vw,36px); background:var(--surface); border:1px solid var(--line); border-radius:26px; box-shadow:var(--shadow); }
.adm-login h1 { font-size:2rem; }

.form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 14px; } .form-grid .w2 { grid-column:span 2; } .form-grid .w3 { grid-column:1 / -1; }
.adm input, .adm select, .adm textarea { padding:10px 12px; font-size:15px; border-radius:11px; } .adm textarea { resize:vertical; }
.check { display:flex; align-items:center; gap:9px; color:var(--text); font-weight:600; } .check input { width:18px; height:18px; flex:none; accent-color:var(--accent); }
fieldset.plain { border:0; padding:0; margin:0; display:grid; gap:16px; min-width:0; } fieldset.plain[disabled] { opacity:.7; }
.narrow-input { max-width:110px; } .row > input { flex:1; min-width:160px; }

.pipeline { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
.pstage { position:relative; display:grid; gap:2px; padding:16px; border-radius:18px; background:var(--surface); border:1px solid var(--line); color:var(--text); text-decoration:none; transition:transform .25s var(--ease), border-color .25s ease; }
.pstage:hover { transform:translateY(-3px); border-color:var(--accent); } .pstage span { font-size:12.5px; font-weight:700; color:var(--muted); } .pstage strong { font:420 2.3rem/1.1 var(--serif); } .pstage small { font-size:12px; color:var(--muted); }
.pstage.hot { border-color:var(--gold); background:color-mix(in srgb, var(--gold) 12%, var(--surface)); } .pstage.hot strong { color:var(--accent); }
.pstage:not(:last-child)::after { content:"→"; position:absolute; right:-10px; top:50%; translate:50% -50%; color:var(--muted); font-size:13px; z-index:1; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.stat { display:grid; gap:4px; align-content:start; padding:18px; border-radius:18px; background:var(--surface); border:1px solid var(--line); } .stat span { font-size:12.5px; font-weight:700; color:var(--muted); } .stat strong { font:420 1.6rem/1.2 var(--serif); } .stat small { font-size:12.5px; color:var(--muted); }
.stat.warn { border-color:var(--bad); } .meter { width:100%; height:8px; appearance:none; border:0; border-radius:999px; overflow:hidden; background:var(--surface2); }
.meter::-webkit-progress-bar { background:var(--surface2); } .meter::-webkit-progress-value { background:var(--accent); border-radius:999px; } .meter::-moz-progress-bar { background:var(--accent); }

.todo { list-style:none; margin:0 0 12px; padding:0; display:grid; gap:6px; } .todo .none { color:var(--muted); padding:8px 0; }
.todo a { display:grid; grid-template-columns:auto 1fr; gap:2px 12px; align-items:center; padding:10px 12px; border-radius:13px; border:1px solid var(--line); color:var(--text); text-decoration:none; font-weight:600; transition:.2s ease; }
.todo a:hover, .todo a[aria-current="page"] { border-color:var(--accent); background:var(--surface2); } .todo a b { grid-row:span 2; } .todo small { color:var(--muted); font-weight:500; font-size:12.5px; }
.st { display:inline-block; padding:3px 10px; border-radius:999px; border:1px solid var(--line); background:var(--surface2); font:700 11.5px/1.5 var(--sans); white-space:nowrap; color:var(--text); }
.st-w_drodze { border-color:#7FA8D9; color:#7FA8D9; } .st-doreczone { border-color:var(--gold); background:var(--gold); color:#22130A; } .st-odebrane { border-color:var(--brand); color:var(--brand); }
.st-magazyn { border-color:var(--ok); color:var(--ok); } .st-zwrot, .st-bad { border-color:var(--bad); color:var(--bad); }

.tabs { display:flex; gap:6px; flex-wrap:wrap; } .tabs a { padding:8px 14px; border-radius:999px; border:1px solid var(--line); color:var(--text); text-decoration:none; font-weight:600; font-size:13.5px; }
.tabs a[aria-current="page"] { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); } .tabs b { opacity:.7; font-weight:700; margin-left:3px; }
.tbl-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; background:var(--surface); } .card .tbl-wrap { margin-bottom:12px; }
.tbl { width:100%; border-collapse:collapse; font-size:14px; } .tbl th { text-align:left; padding:10px 14px; font:700 11px/1.3 var(--sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--line); white-space:nowrap; }
.tbl td { padding:11px 14px; border-bottom:1px solid var(--line); vertical-align:middle; } .tbl tr:last-child td { border-bottom:0; } .tbl tbody tr:hover { background:var(--surface2); }
.tbl small { display:block; color:var(--muted); font-size:12.5px; } .tbl .num { text-align:right; white-space:nowrap; font-weight:700; } .tbl .act { text-align:right; white-space:nowrap; } .tbl .act form { display:inline; }
.tbl .thumb { width:60px; } .tbl .thumb img { width:44px; height:55px; object-fit:cover; border-radius:8px; }
.kv { display:grid; grid-template-columns:auto 1fr; margin:0; border:0; border-radius:0; } .kv dt, .kv dd { padding:8px 0; background:none; border-bottom:1px solid var(--line); } .kv dt { color:var(--muted); font-size:13.5px; padding-right:18px; } .kv dd { font-weight:600; text-align:right; }
.kv.compact dt, .kv.compact dd { padding:6px 0; font-size:13.5px; } .kv > :nth-last-child(-n+2) { border-bottom:0; }
.steps-bar { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; counter-reset:s; }
.steps-bar li { counter-increment:s; padding:10px 12px; border-radius:12px; border:1px solid var(--line); color:var(--muted); font-weight:700; font-size:13px; } .steps-bar li::before { content:counter(s) ". "; }
.steps-bar .done { border-color:var(--ok); color:var(--ok); } .steps-bar .now { background:var(--accent); border-color:var(--accent); color:var(--accent-ink); }
.timeline { list-style:none; margin:10px 0 0; padding:0 0 0 16px; border-left:2px solid var(--line); display:grid; gap:10px; } .timeline li { position:relative; display:grid; } .timeline li::before { content:""; position:absolute; left:-22px; top:6px; width:10px; height:10px; border-radius:50%; background:var(--line); }
.timeline .now::before { background:var(--accent); } .timeline small { color:var(--muted); font-size:12.5px; }
ul.plain { list-style:none; margin:0; padding:0; display:grid; gap:8px; } ul.plain small { display:block; color:var(--muted); font-size:12.5px; }

.proto { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:18px; align-items:start; } .proto-form { display:grid; gap:16px; }
.advisor { position:sticky; top:16px; display:grid; gap:10px; } .advisor ul { margin:0; padding-left:18px; display:grid; gap:6px; font-size:13.5px; } .advisor .none { color:var(--muted); list-style:none; margin-left:-18px; }
.advisor .eyebrow { margin:0; } .adv-warn { color:var(--bad); font-weight:600; } .adv-warn:empty { display:none; }
.adv-grade { display:flex; align-items:center; gap:14px; padding:14px; border-radius:16px; border:1px solid var(--g); background:color-mix(in srgb, var(--g) 13%, var(--surface)); margin-bottom:6px; }
.adv-grade b { font:420 3rem/1 var(--serif); color:var(--g); min-width:1.2em; text-align:center; } .adv-grade span { display:grid; font-size:12.5px; color:var(--muted); } .adv-grade strong { color:var(--text); font-size:15px; }
.parts input { border:0; background:transparent; padding:6px 4px; border-radius:6px; } .parts td { padding:4px 8px; } .parts .q { width:110px; } .parts .q input { text-align:center; }
.parts tr.bad td { background:color-mix(in srgb, var(--bad) 14%, transparent); } .parts tr.ok .q input { color:var(--ok); font-weight:700; }
.x { width:28px; height:28px; border-radius:50%; border:1px solid var(--line); background:var(--surface); color:var(--muted); cursor:pointer; font-size:16px; line-height:1; } .x:hover { border-color:var(--bad); color:var(--bad); }
.yn { display:grid; gap:0; } .yn fieldset { display:flex; align-items:center; gap:8px; border:0; border-bottom:1px solid var(--line); margin:0; padding:8px 0; min-width:0; } .yn fieldset:last-child { border-bottom:0; }
.yn legend { float:left; flex:1; padding:0; font-weight:600; font-size:14px; } .yn label { display:block; position:relative; }
.yn input { position:absolute; opacity:0; inset:0; cursor:pointer; } .yn label span { display:block; min-width:52px; text-align:center; padding:6px 10px; border-radius:999px; border:1px solid var(--line); font:700 12.5px/1.3 var(--sans); color:var(--muted); cursor:pointer; transition:.15s ease; }
.yn input:focus-visible + span { outline:3px solid var(--gold); outline-offset:2px; } .yn .tak input:checked + span { background:var(--ok); border-color:var(--ok); color:#fff; } .yn .nie input:checked + span { background:var(--bad); border-color:var(--bad); color:#fff; } .yn .nd input:checked + span { background:var(--surface2); border-color:var(--text); color:var(--text); }
.grade-pick { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; } .grade-pick label { position:relative; display:grid; gap:4px; padding:12px; border-radius:14px; border:1px solid var(--line); cursor:pointer; transition:.2s ease; }
.grade-pick input { position:absolute; opacity:0; } .grade-pick b { font:420 1.8rem/1 var(--serif); color:var(--g); } .grade-pick span { font-size:12px; color:var(--muted); line-height:1.25; }
.grade-pick label:has(input:checked) { border-color:var(--g); background:color-mix(in srgb, var(--g) 14%, var(--surface)); } .grade-pick label.suggested { box-shadow:0 0 0 2px color-mix(in srgb, var(--g) 55%, transparent); }
.grade-pick label:has(input:focus-visible) { outline:3px solid var(--gold); outline-offset:2px; }

.stock-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:14px; }
.stock-card { display:flex; flex-direction:column; border-radius:18px; overflow:hidden; background:var(--surface); border:1px solid var(--line); color:var(--text); text-decoration:none; transition:transform .25s var(--ease), border-color .25s ease; } .stock-card:hover { transform:translateY(-4px); border-color:var(--accent); }
.stock-card .ph { position:relative; aspect-ratio:4/4.2; background:var(--photo); display:grid; place-items:center; color:var(--muted); font-size:13px; } .stock-card .ph img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.stock-card .info { display:grid; gap:3px; padding:12px 14px 14px; } .stock-card .price { font:500 1.2rem/1.2 var(--serif); color:var(--accent); } .stock-card small { font-size:12.5px; color:var(--muted); } .stock-card small.bad { color:var(--bad); } .stock-card small.good { color:var(--ok); }
.photos { display:grid; grid-template-columns:repeat(auto-fill,minmax(104px,1fr)); gap:10px; margin-bottom:14px; } .photos figure { position:relative; margin:0; aspect-ratio:4/5; border-radius:12px; overflow:hidden; background:var(--photo); border:1px solid var(--line); }
.photos figure:first-child { outline:2px solid var(--accent); outline-offset:1px; } .photos img { width:100%; height:100%; object-fit:cover; } .photos .x { position:absolute; right:6px; top:6px; }
.orders { display:grid; gap:14px; } .order header { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:6px; } .order .total { font:500 1.3rem/1.2 var(--serif); color:var(--accent); text-align:right; } .order .total small { display:block; font:500 12.5px var(--sans); color:var(--muted); }
.order-body { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:18px; padding-bottom:12px; } .order-body small { display:block; color:var(--muted); font-size:12.5px; margin-top:6px; } .order address { font-style:normal; font-size:14px; } .order h3 { margin-top:8px; }
.order footer { border-top:1px solid var(--line); padding-top:12px; } .order footer input { max-width:240px; }
.msgs { display:grid; gap:8px; max-height:52vh; overflow-y:auto; padding:4px 2px 12px; } .msg { margin:0; display:grid; justify-items:start; gap:2px; } .msg span { padding:9px 13px; border-radius:14px; background:var(--surface2); border:1px solid var(--line); max-width:80%; white-space:pre-wrap; overflow-wrap:anywhere; }
.msg small { font-size:11.5px; color:var(--muted); } .msg.operator { justify-items:end; } .msg.operator span { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); } .msg.system span { background:none; border-style:dashed; color:var(--muted); font-size:13px; }
.qs li { padding:8px 0; border-bottom:1px solid var(--line); }

.cat-fields { padding:14px; border:1px dashed var(--line); border-radius:14px; background:var(--surface2); } .cat-title { margin:0; font:700 12px/1.3 var(--sans); letter-spacing:.1em; text-transform:uppercase; color:var(--accent); }
.moves { display:grid; gap:8px; } .moves form { display:grid; } .moves details { border:1px solid var(--line); border-radius:13px; padding:10px 12px; } .moves details[open] { border-color:var(--accent); } .moves summary { cursor:pointer; font-weight:700; } .moves details form { margin-top:12px; }
.move { display:grid; gap:1px; text-align:left; padding:10px 12px; border-radius:13px; border:1px solid var(--line); background:none; color:var(--text); font:inherit; cursor:pointer; transition:.2s ease; } .move:hover { border-color:var(--accent); background:var(--surface2); }
.move small { color:var(--muted); font-size:12.5px; } .move.bad strong { color:var(--bad); } .move.bad:hover { border-color:var(--bad); }

@media (max-width:1200px) { .pipeline { grid-template-columns:repeat(3,1fr); } .pstage:nth-child(3)::after { display:none; } .stats { grid-template-columns:1fr 1fr; } .proto { grid-template-columns:1fr; } .advisor { position:static; order:-1; } }
@media (max-width:900px) {
  .adm { display:block; } .adm-menu { display:grid; }
  .side { position:fixed; left:0; top:0; z-index:60; width:270px; transform:translateX(-102%); transition:transform .3s var(--ease); box-shadow:var(--shadow); } .side.open { transform:none; }
  .cols, .cols.wide-left, .chat-cols, .order-body { grid-template-columns:1fr; } .form-grid { grid-template-columns:1fr 1fr; } .grade-pick { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:560px) { .pipeline, .stats, .form-grid { grid-template-columns:1fr 1fr; } .form-grid .w2 { grid-column:1 / -1; } .pstage::after { display:none; } .yn fieldset { flex-wrap:wrap; } .yn legend { flex-basis:100%; float:none; } .steps-bar { grid-template-columns:1fr 1fr; } }
@media print { .side, .adm-top .adm-actions, .advisor .btn, .proto-form .row { display:none; } .adm { display:block; } .card { break-inside:avoid; } }

/* ---- limit działalności nierejestrowanej ---- */
a.flash { display:block; color:var(--text); text-decoration:none; } .flash.limit-uwaga { border-color:var(--gold); background:color-mix(in srgb, var(--gold) 14%, var(--surface)); }
.flash.limit-alarm, .flash.limit-przekroczony { border-color:var(--bad); background:color-mix(in srgb, var(--bad) 12%, var(--surface)); }
.stat-link { color:var(--text); text-decoration:none; transition:border-color .2s ease, transform .2s var(--ease); } .stat-link:hover { border-color:var(--accent); transform:translateY(-2px); }
.limit-card { display:grid; gap:16px; --lv:var(--ok); } .lv-uwaga { --lv:var(--gold); } .lv-alarm, .lv-przekroczony { --lv:var(--bad); } .lv-brak { --lv:var(--muted); }
.limit-card { border-color:var(--lv); } .limit-head { display:flex; justify-content:space-between; align-items:end; gap:18px; flex-wrap:wrap; } .limit-head .eyebrow { margin-bottom:8px; }
.adm h2.big { font:420 clamp(1.6rem,3vw,2.3rem)/1.1 var(--serif); margin:0 0 6px; color:var(--lv); } .limit-head .hint { margin:0; max-width:60ch; }
.limit-num { text-align:right; display:grid; } .limit-num strong { font:420 clamp(1.8rem,3.4vw,2.8rem)/1.1 var(--serif); } .limit-num span { color:var(--muted); font-size:14px; }
.meter.big { height:14px; } .limit-card .meter::-webkit-progress-value { background:var(--lv); } .limit-card .meter::-moz-progress-bar { background:var(--lv); }
.limit-parts { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:0; border:0; border-radius:0; } .limit-parts div { display:grid; gap:2px; align-content:start; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--surface2); }
.limit-parts dt, .limit-parts dd { padding:0; border:0; background:none; margin:0; } .limit-parts dt { font-size:12px; font-weight:700; color:var(--muted); } .limit-parts dd { font-weight:700; font-size:15.5px; } .limit-parts small { display:block; font-weight:500; font-size:12px; color:var(--muted); } .limit-parts small.bad { color:var(--bad); }
.tbl tr.sel td { background:var(--surface2); }
@media (max-width:1200px) { .limit-parts { grid-template-columns:repeat(3,1fr); } } @media (max-width:560px) { .limit-parts { grid-template-columns:1fr 1fr; } .limit-num { text-align:left; } }

.photos .mk { position:absolute; left:6px; bottom:6px; padding:3px 9px; border-radius:999px; border:0; background:rgba(42,20,30,.8); color:#F8F3EC; font:700 11px/1.4 var(--sans); cursor:pointer; opacity:0; transition:opacity .2s ease; } .photos figure:hover .mk, .photos .mk:focus-visible { opacity:1; }
.photos .vis { position:absolute; left:6px; top:6px; padding:3px 9px; border-radius:999px; background:var(--gold); color:#22130A; font:700 11px/1.4 var(--sans); }
@media (hover:none) { .photos .mk { opacity:1; } }
/* ---- licytacje, dostawcy, klienci ---- */
#ending { display:grid; gap:8px; } #ending:empty { display:none; }
.auctions { display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:14px; align-items:start; }
.auction { display:grid; gap:12px; } .auction header { display:flex; justify-content:space-between; gap:14px; align-items:start; } .auction h2 { margin:0 0 2px; } .auction header small { color:var(--muted); font-size:12.5px; }
.clock { text-align:right; display:grid; flex:none; } .clock strong { font:500 1.45rem/1.15 var(--serif); font-variant-numeric:tabular-nums; } .clock small { white-space:nowrap; }
.auction.warm { border-color:var(--gold); } .auction.hot { border-color:var(--bad); box-shadow:0 0 0 3px color-mix(in srgb, var(--bad) 18%, transparent); } .auction.hot .clock strong { color:var(--bad); }
.auction.over { border-style:dashed; } .auction footer { border-top:1px solid var(--line); padding-top:12px; } .auction footer input { max-width:170px; }
.auction > details > summary { cursor:pointer; color:var(--muted); font-size:13.5px; font-weight:600; } .auction > details[open] > summary { margin-bottom:12px; }
.stars { color:var(--gold); letter-spacing:1px; white-space:nowrap; } .stat strong.small { font:700 15px/1.4 var(--sans); overflow-wrap:anywhere; }
.search-row input { max-width:420px; }
/* ARYNTE HUB: kafle projektów. */
.hub-tiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:14px; }
.hub-tile { display:grid; gap:6px; align-content:start; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--text); text-decoration:none; transition:transform .2s ease, border-color .2s ease; }
a.hub-tile:hover { transform:translateY(-3px); border-color:var(--accent); } .hub-tile.off { opacity:.62; }
.hub-tile small { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.hub-tile strong { font-size:1.25rem; } .hub-tile span { color:var(--muted); font-size:14px; } .hub-tile .st { justify-self:start; margin-top:6px; }