/* Vuli web UI - styles of the Reports screen (plan W18, DECISIONS #189).
   What: the small "main" pill that marks the full report in the Type column and in the page
   text. Everything else on that screen reuses the shared table, toolbar, dialog and pager
   styles of style.css, so a phone shows the same card layout as the other tables. Colours come
   from the shared tokens only (light theme, left-to-right, no inline style anywhere). */

.pill-main{display:inline-flex;align-items:center;font-size:12px;font-weight:700;line-height:1.4;color:var(--accent);border:1px solid var(--accent);background:var(--accent-soft);padding:0 8px;border-radius:999px;white-space:nowrap;vertical-align:middle}