.platinum-timeline { margin:0 0 26px; padding:21px; border:1px solid var(--line); border-radius:17px; background:rgba(15,31,59,.62); }.timeline-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:15px; }.timeline-heading .eyebrow { margin:0 0 6px; }.timeline-heading h2 { font-size:20px; }.timeline-items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.timeline-item { display:flex; align-items:center; gap:9px; min-width:0; padding:9px; border:1px solid rgba(177,204,247,.14); border-radius:11px; background:rgba(5,15,35,.35); }.timeline-item img { width:38px; height:38px; flex:none; border-radius:8px; object-fit:cover; }.timeline-item div { display:grid; min-width:0; gap:2px; }.timeline-item strong,.timeline-item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.timeline-item strong { color:var(--text); font:600 11px 'Space Grotesk'; }.timeline-item span,.timeline-item time { color:var(--muted); font-size:9px; }.timeline-item time { display:none; }.compact-select { display:flex; align-items:center; gap:5px; min-height:39px; padding:0 8px; border:1px solid var(--line); border-radius:9px; color:var(--muted); background:rgba(14,30,56,.7); font-size:10px; }.compact-select select { min-width:72px; border:0; outline:0; color:var(--text); background:transparent; font:inherit; font-size:11px; font-weight:700; }.compact-select option { color:#13223b; }.light-theme .platinum-timeline,.light-theme .compact-select { background:#fff; }.light-theme .timeline-item { background:#f3f7ff; }
@media (max-width:900px) { .platinum-toolbar { flex-wrap:wrap; }.platinum-search { flex-basis:45%; }.platinum-toolbar > p { margin-left:auto; }.timeline-items { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:580px) { .timeline-items { grid-template-columns:1fr; }.platinum-search { flex-basis:100%; }.compact-select { flex:1; }.compact-select select { width:100%; }.platinum-toolbar > p { width:100%; margin:0; text-align:left; } }