#eventCards{gap:12px}
:is(#eventView,#workspace-events) .event-card{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:stretch;gap:0;padding:0;min-height:0;overflow:hidden;border-radius:16px;border:1px solid #d9dfd6;background:#fffdf8}
:is(#eventView,#workspace-events) .event-card>img,:is(#eventView,#workspace-events) .event-card .event-card-placeholder{width:76px;height:76px;min-height:0;object-fit:cover;border-radius:0;align-self:start;background:#e2e9dd}
:is(#eventView,#workspace-events) .event-card-placeholder{display:grid;place-items:center;color:#557263;font-size:24px}
:is(#eventView,#workspace-events) .event-card .event-card-label{align-self:center;min-width:0;padding:12px 14px;font-size:.95rem;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
:is(#eventView,#workspace-events) .event-card .event-card-counts{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,3fr) minmax(68px,1.1fr);gap:12px;margin:0;padding:10px 14px 14px;min-width:0;border-top:1px solid #e7ebe2;align-self:stretch;text-align:left}
:is(#eventView,#workspace-events) .event-metric-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
:is(#eventView,#workspace-events) .event-metric-group:last-child{grid-template-columns:minmax(0,1fr);padding-left:10px;border-left:1px solid #e2dfd3}
:is(#eventView,#workspace-events) .event-metric-unit{grid-column:1/-1;font-size:.6rem;font-weight:650;color:#68766a;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;padding-bottom:2px}
:is(#eventView,#workspace-events) .event-card .event-count{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:58px;padding:8px 4px;line-height:1.1;white-space:nowrap;text-align:center;border:1px solid #ffffff80;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff80;font-variant-numeric:tabular-nums}
:is(#eventView,#workspace-events) .event-metric-label{font-size:.62rem;font-weight:650;letter-spacing:.01em}
:is(#eventView,#workspace-events) .event-metric-value{font-size:clamp(.95rem,3.6vw,1.28rem);font-weight:800;letter-spacing:-.045em}
:is(#eventView,#workspace-events) .event-count.own{background:linear-gradient(145deg,#d4ebdf,#e7f3e9);color:#17563f}
:is(#eventView,#workspace-events) .event-count.family{background:linear-gradient(145deg,#e7def4,#f1eafa);color:#65408c}
:is(#eventView,#workspace-events) .event-count.all{background:linear-gradient(145deg,#d7e8f5,#eaf3fa);color:#24597b}
:is(#eventView,#workspace-events) .event-count.pictured{background:linear-gradient(145deg,#f5dfad,#fff0cf);color:#865718}
#workspace-events .account-event-cards{display:grid;gap:12px}
#workspace-events .event-card{width:100%;font:inherit;text-align:left;color:#193e35;text-decoration:none;box-shadow:none;grid-column:auto}
#workspace-events .event-card::before,#workspace-events .event-card::after{display:none}
#workspace-events .event-card:hover{border-color:#557263;background:#f7faf2}
@media(max-width:360px){:is(#eventView,#workspace-events) .event-card .event-card-counts{padding-inline:10px;gap:8px}:is(#eventView,#workspace-events) .event-metric-group{gap:4px}:is(#eventView,#workspace-events) .event-metric-group:last-child{padding-left:7px}:is(#eventView,#workspace-events) .event-metric-label{font-size:.59rem}}