.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.tab{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 18px;font-weight:600;cursor:pointer;transition:.2s;white-space:nowrap}
.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.badge{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:#e5484d;color:#fff;font-size:12px;line-height:20px;text-align:center}
.badge.hidden{display:none}
#inboxChips{display:flex;gap:6px;margin-bottom:14px}
#inboxChips .tab{padding:7px 14px;font-size:14px}
.inbox{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.icard{background:#fff;border:1px solid #e3e3e9;border-left:4px solid #e5484d;border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow)}
.icard.err{border-left-color:var(--amber);background:#fffaf0}
.icard.done{border-left-color:#30a46c;opacity:.65}
.icard .top{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}
.icard .top b{color:var(--ink);font-size:15px;font-family:var(--display)}
.icard .txt{margin:8px 0;font-size:16px;white-space:pre-wrap;word-break:break-word}
.icard .why{font-size:13px;color:var(--muted);margin-bottom:10px}
.icard .acts{display:flex;flex-wrap:wrap;gap:8px}
.icard .acts a,.icard .acts button{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:7px 12px;font:600 14px var(--display);text-decoration:none}
.icard .acts .ok{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:600px){.inbox{grid-template-columns:1fr}}