/* /mobile-data-usage-calculator only: the activity list. Scoped under #mdApp. */
#mdApp .md-act { display: grid; grid-template-columns: 1fr 96px 108px; gap: 6px 10px; align-items: end; padding: 8px 0; border-bottom: 1px solid var(--bm-line); }
#mdApp .md-act .ic-field { margin: 0; min-width: 0; }
#mdApp .md-act-name { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-weight: 600; font-size: .92rem; }
#mdApp .md-basis { font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; border-radius: 999px; padding: 1px 7px; border: 1px solid var(--bm-line); color: var(--bm-ink-3); }
#mdApp .md-basis.is-estimate { border-color: var(--bm-warn, var(--bm-line)); color: var(--bm-ink-2); }
#mdApp .md-act-note { grid-column: 1 / -1; font-size: .76rem; color: var(--bm-ink-3); margin: 0; }
@media (max-width: 520px) { #mdApp .md-act { grid-template-columns: 1fr 1fr; } }
@media (forced-colors: active) { #mdApp .md-basis { border: 1px solid CanvasText; } }