.staging-bar{background:#FFF4D6;color:#7A5B00;text-align:center;font-size:13px;padding:3px}
.btn.wa{background:#1E7A4C;border-color:#1E7A4C}.btn.wa:hover{background:#17603B}
.more{margin:4px 0 12px;font-size:14px;color:var(--muted)}.more summary{cursor:pointer;margin-bottom:8px}
.kids{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.kid{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 14px;cursor:pointer;font:inherit;color:var(--ink)}
.kid.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.kid small{opacity:.75;margin-left:4px}
.kid.add{border-style:dashed;color:var(--navy)}
.subtabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:16px}
.stab{background:none;border:0;padding:8px 18px;font:inherit;font-size:17px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.stab.on{color:var(--navy);border-bottom-color:var(--gold);font-weight:700}
.mat{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:10px;background:#fff}
.mat .t{font-weight:700;color:var(--ink)}.mat .meta{font-size:13px;color:var(--muted)}
.mat .acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tag{display:inline-block;font-size:12px;border-radius:3px;padding:1px 7px;margin-right:6px;background:var(--gold-soft);color:#7A5B00;font-weight:400}
.tag.s{background:#E3F2EA;color:#1E7A4C}.tag.lock{background:#EEF0F4;color:var(--muted)}
.locked{font-size:14px;color:var(--muted);border:1px dashed var(--line);border-radius:4px;padding:5px 10px}
.mat.preview{background:var(--paper)}
.banner{background:var(--gold-soft);border-radius:8px;padding:14px 16px;margin-bottom:14px}
.sec{font-size:15px;color:var(--muted);margin:18px 0 8px;font-weight:700}
.empty{color:var(--muted);padding:12px 0}
table.rec{width:100%;border-collapse:collapse;font-size:14px}table.rec th,table.rec td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left}
.mt{margin-top:14px}.small{font-size:14px;color:var(--muted)}
@media (max-width:760px){.hero{grid-template-columns:1fr}.mat{flex-direction:column;align-items:flex-start}h1{font-size:32px}.nav .logo span{font-size:16px}}