#tracking-events-card { max-width:1200px; }
body.presentation-mode #tracking-events-card { display:none !important; }
#tracking-events-card h2 { margin-bottom:12px; }
#tracking-events-card .te-intro { max-width:850px; line-height:1.7; color:#57534e; margin-bottom:24px; }
#tracking-events-card .te-filters { display:flex; flex-wrap:wrap; gap:16px; align-items:end; padding:20px; border:1px solid #e7e5e4; border-radius:12px; background:#faf9f7; }
#tracking-events-card label { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:600; color:#44403c; min-width:150px; }
#tracking-events-card .te-search { flex:1; min-width:220px; }
#tracking-events-card input, #tracking-events-card select, #tracking-events-card button { font:inherit; border-radius:8px; min-height:44px; padding:10px 12px; }
#tracking-events-card input, #tracking-events-card select { width:100%; border:1px solid #a8a29e; background:#fff; color:#1c1917; }
#tracking-events-card button { cursor:pointer; border:1px solid #d6d3d1; background:#fff; color:#44403c; font-weight:600; }
#tracking-events-card button.te-primary { background:#0369a1; color:#fff; border-color:#0369a1; }
#tracking-events-card button:disabled { cursor:wait; opacity:.65; }
#tracking-events-card :focus-visible { outline:3px solid #0284c7; outline-offset:3px; }
#tracking-events-card .te-scope { margin:20px 0 8px; color:#44403c; font-size:14px; line-height:1.7; }
#tracking-events-card .te-status { padding:16px 18px; margin:16px 0; border:1px solid #e7e5e4; border-radius:10px; background:#faf9f7; line-height:1.7; color:#44403c; }
#tracking-events-card .te-status[data-state="error"], #tracking-events-card .te-status[data-state="partial"] { background:#fffbeb; border-color:#fcd34d; color:#78350f; }
#tracking-events-card .te-list { display:grid; gap:20px; margin-top:20px; }
#tracking-events-card .te-event { border:1px solid #d6d3d1; border-radius:12px; padding:24px; min-width:0; overflow-wrap:anywhere; }
#tracking-events-card .te-event-header { display:flex; align-items:start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
#tracking-events-card .te-heading { flex:1; min-width:min(260px,100%); }
#tracking-events-card .te-event h3 { font-size:19px; line-height:1.5; color:#1c1917; margin:12px 0 0; }
#tracking-events-card .te-person { font-size:15px; font-weight:700; color:#0369a1; }
#tracking-events-card .te-computer { font-size:13px; color:#57534e; margin-top:4px; line-height:1.5; }
#tracking-events-card .te-labels { display:flex; align-items:center; flex-wrap:wrap; gap:8px; max-width:100%; }
#tracking-events-card .te-kind { font-size:12px; color:#57534e; background:#f5f4f2; border:1px solid #e7e5e4; border-radius:6px; padding:5px 9px; }
#tracking-events-card .te-category { font-size:12px; color:#075985; background:#f0f9ff; border:1px solid #bae6fd; border-radius:6px; padding:5px 9px; }
#tracking-events-card .te-reference { display:flex; flex-direction:column; gap:3px; font-size:11px; line-height:1.4; color:#57534e; padding-left:4px; }
#tracking-events-card .te-reference code { font-size:12px; color:#44403c; }
#tracking-events-card .te-when { font-size:13px; line-height:1.7; color:#57534e; margin:0 0 22px; padding-bottom:18px; border-bottom:1px solid #e7e5e4; }
#tracking-events-card .te-facts { display:grid; grid-template-columns:minmax(100px,140px) minmax(0,1fr); gap:16px 24px; line-height:1.7; font-size:14px; }
#tracking-events-card .te-facts dt { color:#44403c; font-weight:600; }
#tracking-events-card .te-facts dd { margin:0; color:#57534e; }
#tracking-events-card .te-confidence { margin:8px 0 20px 164px; font-size:12px; line-height:1.6; color:#57534e; }
#tracking-events-card .te-action { border-left:3px solid #7dd3fc; background:#f0f9ff; border-radius:0 8px 8px 0; padding:14px 16px; margin:18px 0; }
#tracking-events-card .te-action h4 { font-size:14px; color:#075985; margin:0 0 6px; }
#tracking-events-card .te-action p { margin:0; font-size:14px; line-height:1.7; color:#44403c; }
#tracking-events-card .te-hours { font-size:13px; line-height:1.7; color:#57534e; margin:16px 0 0; }
#tracking-events-card .te-findings ul { list-style:none; margin:12px 0 0; padding:0; }
#tracking-events-card .te-findings li { padding:16px; background:#faf9f7; border:1px solid #e7e5e4; border-radius:8px; }
#tracking-events-card .te-findings li + li { margin-top:12px; }
#tracking-events-card .te-findings h4 { font-size:14px; color:#44403c; margin:0 0 10px; line-height:1.6; }
#tracking-events-card .te-findings .te-action { margin-bottom:0; }
#tracking-events-card details { border-top:1px solid #e7e5e4; padding-top:16px; margin-top:22px; font-size:13px; color:#57534e; }
#tracking-events-card summary { cursor:pointer; font-weight:600; color:#44403c; padding:6px 0; }
#tracking-events-card details dl { margin-top:16px; }
#tracking-events-card .te-empty { padding:24px 0; line-height:1.7; color:#57534e; }
#tracking-events-card .te-more { margin-top:20px; }
@media (max-width:600px) {
  #tracking-events-card .te-filters { padding:16px; }
  #tracking-events-card label, #tracking-events-card .te-search { width:100%; min-width:0; }
  #tracking-events-card .te-search { flex-basis:100%; }
  #tracking-events-card .te-event { padding:18px; }
  #tracking-events-card .te-labels { width:100%; }
  #tracking-events-card .te-reference { flex-basis:100%; padding-left:0; margin-top:4px; }
  #tracking-events-card .te-facts { grid-template-columns:1fr; gap:6px; }
  #tracking-events-card .te-facts dd + dt { margin-top:10px; }
  #tracking-events-card .te-confidence { margin-left:0; }
  #tracking-events-card .te-findings li { padding:12px; }
}