/* Activity content only. Existing shell, routes and theme tokens stay unchanged.
 * Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0. */
main[data-emv-composition="activity"] .portal-page-header,
main[data-emv-composition="activity"] .portal-page-header.compact-header { min-height:96px; padding:20px; }
main[data-emv-composition="activity"] .portal-page-header h1 { font-size:clamp(25px,2vw,30px); line-height:1.2; font-weight:600; }
main[data-emv-composition="activity"] .portal-page-header p { font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }
main[data-emv-composition="activity"] .refine-back { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:8px 12px; border:1px solid var(--portal-line); background:var(--portal-panel); color:var(--portal-ink); font:inherit; font-size:13px; cursor:pointer; }
main[data-emv-composition="activity"] .refine-back:is(:hover,:focus-visible) { border-color:var(--amber-dark); }
main[data-emv-composition="activity"] .portal-user-management-tabs { grid-template-columns:repeat(5,minmax(0,1fr)); }
main[data-emv-composition="activity"] .portal-user-management-tabs button { font-size:12px; font-weight:500; }
main[data-emv-composition="activity"] .portal-activity-metrics { margin-bottom:16px; border-top:0; }
main[data-emv-composition="activity"] .portal-activity-metrics>div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; min-height:64px; padding:12px 16px; }
main[data-emv-composition="activity"] .portal-activity-metrics>div>span { display:none; }
main[data-emv-composition="activity"] .portal-activity-metrics small { grid-column:1; grid-row:1; white-space:normal; overflow:visible; text-overflow:clip; font-size:12px; font-weight:400; }
main[data-emv-composition="activity"] .portal-activity-metrics strong { grid-column:2; grid-row:1; font-size:28px; line-height:32px; font-weight:500; font-variant-numeric:tabular-nums; }
main[data-emv-composition="activity"] .portal-activity-note { margin:12px 0; padding:0; border:0; background:transparent; }
main[data-emv-composition="activity"] .refine-privacy { width:100%; color:var(--portal-muted); font-size:12px; }
main[data-emv-composition="activity"] .refine-privacy summary { display:flex; align-items:center; gap:8px; width:fit-content; padding:8px 0; cursor:pointer; }
main[data-emv-composition="activity"] .refine-privacy summary::after { content:"＋"; margin-left:4px; }
main[data-emv-composition="activity"] .refine-privacy[open] summary::after { content:"－"; }
main[data-emv-composition="activity"] .refine-privacy p { margin:8px 0; padding:8px 12px; border-left:2px solid var(--portal-line); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
main[data-emv-composition="activity"] .portal-activity-toolbar { gap:12px; }
main[data-emv-composition="activity"] .portal-activity-toolbar>label { min-height:44px; }
main[data-emv-composition="activity"] .portal-activity-toolbar input { font-size:13px; }
main[data-emv-composition="activity"] .portal-activity-segments button { min-height:44px; font-size:12px; }
main[data-emv-composition="activity"] .refine-results { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0 8px; color:var(--portal-muted); font-size:12px; font-variant-numeric:tabular-nums; }
main[data-emv-composition="activity"] .portal-activity-table-wrap[hidden] { display:none; }
main[data-emv-composition="activity"] .portal-activity-table-wrap:is([data-emv-activity-state="empty"],[data-emv-activity-state="loading"]) .portal-activity-table { width:100%; min-width:0; }
main[data-emv-composition="activity"] .portal-activity-table-wrap:is([data-emv-activity-state="empty"],[data-emv-activity-state="loading"]) thead { display:none; }
main[data-emv-composition="activity"] .emv-activity-workspace { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:start; gap:20px; min-width:0; margin-top:8px; }
main[data-emv-composition="activity"] .emv-activity-workspace[data-inspector-closed="true"] { grid-template-columns:minmax(0,1fr); }
main[data-emv-composition="activity"] .emv-activity-list { min-width:0; border:1px solid var(--portal-line); background:var(--portal-panel); }
main[data-emv-composition="activity"] .emv-activity-list-heading { display:grid; grid-template-columns:84px minmax(0,1fr) 56px 16px; gap:16px; padding:12px 20px; color:var(--portal-muted); border-bottom:1px solid var(--portal-line); background:var(--portal-soft); font-size:12px; line-height:20px; }
main[data-emv-composition="activity"] .emv-activity-events { list-style:none; margin:0; padding:0; }
main[data-emv-composition="activity"] .emv-activity-item { margin:0; padding:0; border-bottom:1px solid var(--portal-line); }
main[data-emv-composition="activity"] .emv-activity-item:last-child { border-bottom:0; }
main[data-emv-composition="activity"] .emv-activity-event { position:relative; display:grid; grid-template-columns:84px minmax(0,1fr) 56px 16px; align-items:center; gap:16px; width:100%; min-height:84px; margin:0; padding:16px 20px; border:0; border-radius:0; background:transparent; color:var(--portal-ink); font:inherit; text-align:left; cursor:pointer; box-shadow:none; transition:background-color 160ms cubic-bezier(.22,1,.36,1); }
main[data-emv-composition="activity"] .emv-activity-event:hover { background:var(--portal-soft); }
main[data-emv-composition="activity"] .emv-activity-event.is-selected { background:var(--amber-soft); }
main[data-emv-composition="activity"] .emv-activity-event.is-selected::before { position:absolute; inset:0 auto 0 0; width:4px; content:""; background:var(--amber-dark); }
main[data-emv-composition="activity"] .emv-activity-event:focus-visible,
main[data-emv-composition="activity"] .emv-activity-close:focus-visible { outline:2px solid var(--amber-dark); outline-offset:-3px; }
main[data-emv-composition="activity"] .emv-activity-event>svg { width:16px; height:16px; color:var(--portal-muted); }
main[data-emv-composition="activity"] .emv-activity-time,
main[data-emv-composition="activity"] .emv-activity-copy { display:grid; min-width:0; gap:4px; }
main[data-emv-composition="activity"] .emv-activity-time strong { font-size:13px; font-weight:500; line-height:20px; font-variant-numeric:tabular-nums; }
main[data-emv-composition="activity"] .emv-activity-time small { font-size:11px; font-weight:400; line-height:16px; color:var(--portal-muted); overflow-wrap:anywhere; }
main[data-emv-composition="activity"] .emv-activity-copy strong { font-size:14px; font-weight:500; line-height:20px; overflow-wrap:anywhere; }
main[data-emv-composition="activity"] .emv-activity-copy small { font-size:12px; font-weight:400; line-height:20px; color:var(--portal-muted); overflow-wrap:anywhere; }
main[data-emv-composition="activity"] .emv-activity-status { display:inline-flex; align-items:center; gap:4px; min-width:0; font-size:12px; line-height:20px; font-weight:500; overflow-wrap:anywhere; }
main[data-emv-composition="activity"] .emv-activity-status::before { width:4px; height:4px; background:currentColor; content:""; flex:none; }
main[data-emv-composition="activity"] .emv-activity-status.is-success { color:var(--portal-success); }
main[data-emv-composition="activity"] .emv-activity-status.is-failure { color:var(--portal-error-ink); }
main[data-emv-composition="activity"] .emv-activity-status.is-unknown { color:var(--portal-muted); }
main[data-emv-composition="activity"] .emv-activity-inspector { position:sticky; top:16px; max-height:calc(100vh - 144px); overflow:auto; min-width:0; border:1px solid var(--portal-line); border-top:4px solid var(--amber-dark); background:var(--portal-panel); color:var(--portal-ink); }
main[data-emv-composition="activity"] .emv-activity-workspace[data-inspector-closed="true"] .emv-activity-inspector { display:none; }
main[data-emv-composition="activity"] .emv-activity-detail-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--portal-line); font-size:12px; color:var(--portal-muted); }
main[data-emv-composition="activity"] .emv-activity-close { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:4px 0; border:0; background:none; color:var(--portal-ink); font:inherit; font-size:12px; cursor:pointer; }
main[data-emv-composition="activity"] .emv-activity-close svg { width:16px; height:16px; }
main[data-emv-composition="activity"] .emv-activity-detail-heading { padding:24px 20px; border-bottom:1px solid var(--portal-line); }
main[data-emv-composition="activity"] .emv-activity-detail-module { margin:0 0 8px; font-size:12px; line-height:20px; color:var(--portal-muted); }
main[data-emv-composition="activity"] .emv-activity-detail-heading h2 { margin:0 0 16px; font-size:24px; line-height:32px; font-weight:500; overflow-wrap:anywhere; }
main[data-emv-composition="activity"] .emv-activity-fields { margin:0; padding:0 20px; }
main[data-emv-composition="activity"] .emv-activity-field { padding:16px 0; border-bottom:1px solid var(--portal-line); }
main[data-emv-composition="activity"] .emv-activity-field:last-child { border-bottom:0; }
main[data-emv-composition="activity"] .emv-activity-field dt { margin:0 0 8px; font-size:12px; line-height:16px; color:var(--portal-muted); }
main[data-emv-composition="activity"] .emv-activity-field dd { margin:0; white-space:pre-line; overflow-wrap:anywhere; font-size:13px; line-height:20px; font-variant-numeric:tabular-nums; }
@media(max-width:1100px) {
  main[data-emv-composition="activity"] .emv-activity-workspace { grid-template-columns:minmax(0,1fr) 280px; gap:16px; }
  main[data-emv-composition="activity"] .emv-activity-list-heading,
  main[data-emv-composition="activity"] .emv-activity-event { grid-template-columns:76px minmax(0,1fr) 52px 16px; gap:12px; padding-inline:16px; }
}
@media(max-width:900px) {
  main[data-emv-composition="activity"] .portal-page-header,
  main[data-emv-composition="activity"] .portal-page-header.compact-header { min-height:104px; padding:16px; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; text-align:left; }
  main[data-emv-composition="activity"] .portal-page-header>div:first-child { flex:1; min-width:0; }
  main[data-emv-composition="activity"] .portal-page-header h1 { font-size:24px; }
  main[data-emv-composition="activity"] .portal-page-header .refine-back { padding:8px; min-height:36px; font-size:11px; white-space:nowrap; }
  main[data-emv-composition="activity"] .portal-user-management-tabs { display:flex; overflow-x:auto; grid-template-columns:none; scrollbar-width:thin; }
  main[data-emv-composition="activity"] .portal-user-management-tabs button { flex:none; min-height:40px; padding:8px 12px; white-space:nowrap; }
  main[data-emv-composition="activity"] .portal-activity-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
  main[data-emv-composition="activity"] .portal-activity-metrics>div { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:12px; min-height:76px; }
  main[data-emv-composition="activity"] .portal-activity-metrics>div:nth-child(n) { border-right:1px solid var(--portal-line); border-bottom:0; }
  main[data-emv-composition="activity"] .portal-activity-metrics>div:last-child { border-right:0; }
  main[data-emv-composition="activity"] .portal-activity-metrics small { font-size:11px; }
  main[data-emv-composition="activity"] .portal-activity-metrics strong { font-size:24px; line-height:28px; }
  main[data-emv-composition="activity"] .portal-activity-segments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  main[data-emv-composition="activity"] .portal-activity-segments button { white-space:normal; padding:8px; }
  main[data-emv-composition="activity"] .emv-activity-workspace { display:block; }
  main[data-emv-composition="activity"] .emv-activity-inspector { display:none; position:static; max-height:none; overflow:visible; }
  main[data-emv-composition="activity"] .emv-activity-workspace[data-detail-open="true"] .emv-activity-inspector { display:block; }
  main[data-emv-composition="activity"] .emv-activity-workspace[data-detail-open="true"] .emv-activity-list { display:none; }
  main[data-emv-composition="activity"] .emv-activity-event { min-height:84px; padding:16px 12px; grid-template-columns:72px minmax(0,1fr) 48px 16px; gap:8px; }
  main[data-emv-composition="activity"] .emv-activity-list-heading { grid-template-columns:72px minmax(0,1fr) 48px 16px; gap:8px; padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
  main[data-emv-composition="activity"] .emv-activity-event { transition:none; }
}