/* panel.css — propriétaire : publication (ordre de chargement = ordre de la cascade, voir index.html) */
.stats{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;padding:0 var(--gutter)}
.stat{background:var(--c-surface);border-radius:var(--r-lg);padding:12px;box-shadow:var(--sh-1);min-width:0}
.stat b{display:block;font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stat b small{font-family:var(--font-body);font-weight:600;font-size:.6em}
.stat span{font-size:var(--fs-xs);color:var(--c-ink-2);font-weight:600}
.stat.hl{background:var(--c-primary);color:var(--c-on-primary)}
.stat.hl span{color:var(--c-on-primary);opacity:.85}
.agenda{margin:0 var(--gutter);background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:4px 16px}
.ag{display:flex;gap:12px;align-items:center;padding:12px 0}
.ag+.ag{border-top:1px solid var(--c-line)}
.ag .d{width:44px;text-align:center;flex:none;line-height:1.1}
.ag .d small{display:block;font-size:11px;font-weight:700;color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.04em}
.ag .d b{font-family:var(--font-display);font-size:20px}
.ag .bar{width:4px;align-self:stretch;border-radius:2px;background:var(--c-primary)}
.ag .bar.o{background:var(--c-mimoza)}
.quota-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 var(--gutter)}
.qbox{background:var(--c-surface);border-radius:var(--r-lg);padding:12px;box-shadow:var(--sh-1)}
.qbox .wins{display:flex;gap:4px;margin-top:8px}
.qbox .wins i{width:22px;height:26px;border-radius:9px 9px 3px 3px;background:var(--c-sunken);box-shadow:inset 0 0 0 1.5px var(--c-line)}
.qbox .wins i.on{background:var(--c-primary);box-shadow:none}
.qbox .wins i.on.o{background:var(--c-mimoza)}
.spark{display:flex;align-items:flex-end;gap:5px;height:44px}
.spark i{flex:1;background:var(--c-primary-soft);border-radius:4px 4px 1px 1px;min-height:4px}
.spark i:last-child{background:var(--c-primary)}
/* ===== Publication — Paneli, Shpalljet e mia, quota, Promovo, Fto, Posto (PUB-02, 22–37) ===== */
.pub-cf-t{color:var(--c-ink-2)}
.pub-cf{display:grid;gap:8px}
.pub-skel{display:grid;gap:12px}
.pub-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 16px;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--sh-1)}
.pub-state>.ic{width:28px;height:28px;color:var(--c-ink-3)}
.pub-draft{padding:14px;border-radius:var(--r-lg);background:var(--c-mimoza-soft);margin-bottom:12px}
.pub-draft .row>.ic{color:var(--c-mimoza-text)}
.pub-acts2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pub-acts2 .btn{width:100%;min-width:0}
.opt.pub-full .quota{background:var(--c-shega-soft);color:var(--c-shega-text)}
.pub-quota-h{text-align:center;padding-top:8px}
.pub-quota-h .lead{color:var(--c-ink-2);margin-top:8px}
.pub-wins{display:flex;gap:6px;justify-content:center;margin-bottom:12px}
.pub-wins i{width:28px;height:34px;border-radius:12px 12px 4px 4px;background:var(--c-primary)}
.pub-wins i.o{background:var(--c-mimoza)}
.pub-li{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--sh-1);min-width:0}
.pub-li .grow{min-width:0}
.pub-li b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pub-li-pic{width:56px;flex:none;border-radius:12px 12px 4px 4px;overflow:hidden;padding:0;display:block}
.pub-tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;background:var(--c-sunken);color:var(--c-ink-2)}
.pub-tag.on{background:var(--c-primary-soft);color:var(--c-on-primary-soft)}
.pub-tag.rev{background:var(--c-mimoza-soft);color:var(--c-mimoza-text)}
.pub-tag.boost{background:var(--c-mimoza);color:var(--c-on-mimoza)}
.pub-card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:12px;min-width:0}
.pub-card-h{display:flex;gap:12px;align-items:flex-start}
.pub-card-h .grow{min-width:0}
.pub-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pub-kpi{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;color:var(--c-ink-2)}
.pub-kpi span{display:inline-flex;gap:4px;align-items:center}
.pub-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px;border-top:1px solid var(--c-line);padding-top:6px}
.pub-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;color:var(--c-ink)}
.pub-tools button:hover{background:var(--c-sunken)}
.pub-tools button[disabled]{opacity:.4;cursor:not-allowed}
.pub-tools button.del{color:var(--c-shega-text)}
.pub-tools .ic{width:20px;height:20px}
.ag.pub-ag{width:100%;text-align:left;min-height:56px}
.pub-first{margin:0 var(--gutter)}
.pub-cost{background:var(--c-primary-soft);color:var(--c-on-primary-soft)}
.pub-cost .muted{color:inherit;opacity:.85}
.view .pub-sticky{position:sticky;bottom:0;z-index:5}
.pub-code{text-align:center}
.pub-codeb{display:block;font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:.04em;margin-top:4px;user-select:all}
.pub-codein{text-align:center;font-weight:700;letter-spacing:.04em}
.pub-tiers{display:flex;flex-wrap:wrap;gap:6px}
.pub-rules{margin:8px 0 0;padding-left:20px;color:var(--c-ink-2);display:grid;gap:6px}