/* CONTENT HQ — sits on app.css (same colours, same sign-in) */
:root{--BF:#9b8cff;--CC:#c6f24e;--HAF:#ff6a2b}
.hq main{padding:14px 16px 80px;max-width:1280px;margin:0 auto}
.hq .demo{background:var(--warn);color:#111;font-weight:700;text-align:center;padding:6px 10px;font-size:13px}
.hq h2{font-size:15px;margin:22px 0 10px;color:var(--mute);text-transform:uppercase;letter-spacing:.8px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.kpi b{display:block;font-size:28px;line-height:1.1}
.kpi span{color:var(--mute);font-size:13px}
.periods{display:flex;gap:6px;margin:4px 0 12px}
.periods button{border:1px solid var(--line);background:var(--panel);padding:6px 12px;border-radius:999px;color:var(--mute)}
.periods button.on{color:var(--text);border-color:var(--text)}
table.t{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:14px}
table.t th,table.t td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
table.t th:first-child,table.t td:first-child{text-align:left}
table.t th{color:var(--mute);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.wrap{overflow-x:auto}
.bar{height:8px;border-radius:4px;background:var(--panel2);overflow:hidden;min-width:80px}
.bar i{display:block;height:100%;background:var(--ok)}
.tgt{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.tgt input{width:56px;padding:4px 6px;border-radius:8px;border:1px solid var(--line);background:var(--bg);text-align:right}
.b{font-weight:800;padding:1px 7px;border-radius:6px;color:#111;font-size:12px}
.b.BF{background:var(--BF)}.b.CC{background:var(--CC)}.b.HAF{background:var(--HAF)}
.grid{display:grid;grid-template-columns:70px repeat(7,minmax(130px,1fr));gap:6px;min-width:1000px}
.grid .h{color:var(--mute);font-size:12px;font-weight:700;text-transform:uppercase;padding:4px}
.grid .h.today{color:var(--text)}
.grid .rowh{display:flex;align-items:center;justify-content:center}
.cell{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:92px;padding:6px;display:flex;flex-direction:column;gap:6px}
.card{background:var(--panel2);border-left:4px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px;cursor:pointer}
.card.BF{border-left-color:var(--BF)}.card.CC{border-left-color:var(--CC)}.card.HAF{border-left-color:var(--HAF)}
.card .id{font-weight:800;font-size:12px}
.card .pls{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.pl{font-size:11px;padding:1px 5px;border-radius:5px;border:1px solid var(--line);color:var(--mute)}
.pl.published{background:var(--ok);color:#111;border-color:var(--ok)}
.pl.scheduled{border-color:var(--text);color:var(--text)}
.pl.pending_verification{border-color:var(--warn);color:var(--warn)}
.kanban{display:grid;grid-template-columns:repeat(7,minmax(160px,1fr));gap:8px;overflow-x:auto}
.col{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:8px;min-height:120px}
.col h3{margin:2px 4px 8px;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.6px}
.list .card{margin-bottom:6px}
.stage{font-size:11px;color:var(--mute);text-transform:uppercase}
.rv{background:var(--panel);border:1px solid var(--warn);border-radius:var(--r);padding:12px;margin-bottom:10px}
.rv .why{color:var(--warn);font-weight:700;font-size:13px}
.rv .act{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.btn.s{padding:6px 10px;font-size:13px;border-radius:9px}
.ghost{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:6px 10px;font-size:13px}
.sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:50}
.sheet .in{background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;width:100%;max-width:720px;max-height:88vh;overflow:auto;padding:18px}
@media(min-width:760px){.sheet{align-items:center}.sheet .in{border-radius:18px}}
.muted{color:var(--mute)}
.addrow{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.addrow input,.addrow select{padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--bg)}
.addrow input{flex:1;min-width:180px}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--mute);margin-top:8px}