/* Browse presentation: scoped to the list, using the shared theme palette. */
#activities-app .act-browser,#activities-app .act-browse-results-panel{border-radius:6px;box-shadow:0 2px 8px #00000006;padding:18px}
#activities-app .act-browser{border-top:3px solid var(--act-accent)}
#activities-app .act-period-first{padding-bottom:14px;margin-bottom:16px;row-gap:10px}
#activities-app .act-browse-results-heading{margin-bottom:16px}
#activities-app .act-browse-results-heading h2{font-size:17px;font-weight:600}
#activities-app .act-browse-summary{border:0;border-radius:5px;padding:16px 18px;background:var(--act-secondary);margin-bottom:20px}
#activities-app .act-browse-summary-metrics{gap:0;margin:16px 0}
#activities-app .act-browse-summary-metrics>div{padding:0 20px;border-left:1px solid var(--act-line)}
#activities-app .act-browse-summary-metrics>div:first-child{padding-left:0;border-left:0}
#activities-app .act-browse-summary-metrics strong{font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.6px}
#activities-app .act-browse-summary-metrics span{font-size:12px;margin-top:4px}
#activities-app .act-browse-state-bars{gap:12px;max-width:none;width:100%}
#activities-app .act-browse-state-bars .act-browse-track{height:4px;border-radius:3px}
#activities-app .act-browse-summary>.act-hint{font-size:11px;max-width:1100px}
#activities-app .act-browse-results-panel .act-table th{font-weight:600;padding:12px 10px;background:var(--act-secondary);color:var(--act-muted)}
#activities-app .act-browse-results-panel .act-table td{padding:14px 10px;vertical-align:middle}
#activities-app .act-browse-results-panel .act-table tbody tr:hover{background:color-mix(in srgb,var(--act-accent) 4%,var(--act-surface))}
body[data-theme] #activities-app .act-browse-record{font-size:14px!important;font-weight:600!important;padding-left:0!important}
#activities-app .act-browse-record i{font-size:12px;margin-left:12px}
#activities-app .act-browse-row-actions{gap:8px;margin-top:5px}
#activities-app .act-browse-count>span:first-child{font-size:14px;font-weight:600}
#activities-app .act-table .act-browse-track{height:4px;border-radius:3px;max-width:80px}
body[data-theme] #activities-app .act-table td:has(>.act-list-status){background:transparent!important;border-left:0!important;border-right:0!important}
#activities-app .act-list-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:4px;background:var(--act-secondary);color:var(--act-text);font-size:12px;white-space:nowrap;font-weight:500}
#activities-app .act-list-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--act-muted)}
#activities-app .act-list-status.is-published{background:color-mix(in srgb,#00a65a 12%,var(--act-surface))}
#activities-app .act-list-status.is-published::before{background:#00a65a}
#activities-app .act-list-status.is-draft{background:color-mix(in srgb,var(--act-accent) 12%,var(--act-surface))}
#activities-app .act-list-status.is-draft::before{background:var(--act-accent)}
#activities-app .act-browse-pager{padding-top:14px;margin-top:8px}
#activities-app .act-browse-card{border-radius:6px}
#activities-app .act-browser :focus-visible,#activities-app .act-browse-results-panel :focus-visible{outline:2px solid var(--act-accent);outline-offset:3px}
@media(max-width:700px){#activities-app .act-browser,#activities-app .act-browse-results-panel{padding:12px}#activities-app .act-browse-summary{padding:12px}#activities-app .act-browse-summary-metrics{gap:16px}#activities-app .act-browse-summary-metrics>div{padding:0;border:0}#activities-app .act-browse-summary-metrics strong{font-size:24px}}

/* Keep summary cards balanced across the full results panel. */
#activities-app .act-browse-summary-metrics>.act-summary-tile,#activities-app .act-browse-summary-metrics>.act-summary-tile:first-child{padding:16px;border:1px solid var(--act-line);border-left:3px solid var(--act-accent);min-height:92px;box-sizing:border-box}
#activities-app .act-browse-state-bars{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#activities-app .act-browse-state-bars>div{min-height:92px;box-sizing:border-box;padding:16px;grid-template-columns:54px minmax(0,1fr)}
#activities-app .act-browse-state-bars>div>.act-summary-ring{position:relative;display:grid;place-items:center;width:52px;height:52px;background:none;mask:none;color:var(--state-color)}
#activities-app .act-summary-ring::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--state-color) var(--share),var(--act-line) 0);mask:radial-gradient(farthest-side,transparent 72%,#000 74%)}
#activities-app .act-browse-state-bars>div>.act-summary-ring>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:24px;height:24px;line-height:24px;text-align:center;margin:0;font-size:20px}
@media(max-width:540px){#activities-app .act-browse-state-bars{grid-template-columns:1fr}}
#activities-app .act-browse-state-bars>div>.act-summary-ring{justify-content:center}

/* Compact distributions with keyboard details and explicit unavailable counts. */
#activities-app .act-summary-copy{flex:1}
#activities-app .act-summary-bars{display:flex;gap:4px;height:30px;margin-top:5px;align-items:stretch;min-width:0}
#activities-app .act-summary-bars>.act-summary-bar{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1;min-width:0;margin:0;background:var(--act-secondary);border-bottom:1px solid var(--act-muted)}
#activities-app .act-summary-bar>i{display:block;width:100%;background:var(--act-accent);border-radius:2px 2px 0 0}
#activities-app .act-summary-bar.is-unknown{border:1px dashed var(--act-muted);align-items:center}
#activities-app .act-summary-bar>b{font-size:12px;color:var(--act-muted)}
#activities-app .act-summary-bar>.act-summary-bar-tip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);z-index:5;width:max-content;max-width:160px;white-space:normal;overflow-wrap:anywhere;padding:6px 8px;margin:0 0 5px;border:1px solid var(--act-line);border-radius:3px;background:var(--act-surface);color:var(--act-text);box-shadow:0 2px 6px #0002;font-size:12px}
#activities-app .act-summary-bar:hover>.act-summary-bar-tip,#activities-app .act-summary-bar:focus>.act-summary-bar-tip{display:block}