.scry-listing-activity { color: var(--bs-body-color); }
.scry-listing-activity a { text-decoration: underline; text-underline-offset: .18em; }
.scry-listing-activity a:focus-visible,
.scry-listing-activity summary:focus-visible,
.scry-listing-consent button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.scry-listing-activity .activity-table { width: 100%; table-layout: fixed; }
.scry-listing-activity .activity-table th:first-child { width: 32%; }
.scry-listing-activity .activity-table th:last-child { width: 16%; }
.scry-listing-activity .activity-table td { padding: .65rem .5rem; overflow-wrap: anywhere; }
.scry-listing-activity .activity-count { font-variant-numeric: tabular-nums; }
.scry-listing-activity .activity-method { max-width: 75ch; }
.scry-listing-activity summary { cursor: pointer; }
.scry-listing-consent { color: var(--bs-body-color); background: var(--bs-body-bg); border-top: 1px solid var(--bs-border-color); padding: 1rem; }
.scry-listing-consent p { max-width: 75ch; }
.scry-listing-consent [hidden] { display: none !important; }
.scry-listing-consent .btn { white-space: normal; }
@media (max-width: 767.98px) {
    .scry-listing-activity .activity-table thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
    .scry-listing-activity .activity-table,
    .scry-listing-activity .activity-table tbody { display: block; }
    .scry-listing-activity .activity-table tr { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--bs-border-color); padding: .75rem 0; }
    .scry-listing-activity .activity-table td { display: block; border: 0; padding: .3rem .5rem; text-align: left !important; }
    .scry-listing-activity .activity-table td:first-child,
    .scry-listing-activity .activity-table td:nth-child(2),
    .scry-listing-activity .activity-table td:last-child { grid-column: 1 / -1; }
    .scry-listing-activity .activity-table td:not(:first-child)::before { content: attr(data-label); display: block; font-size: .8rem; font-weight: 600; }
}
@media (pointer: coarse) {
    .scry-listing-activity a, .scry-listing-activity summary,
    .scry-listing-activity .btn, .scry-listing-activity select,
    .scry-listing-consent .btn { min-height: 44px; display: inline-flex; align-items: center; }
}

/* Dashboard: el gráfico es la superficie principal; el catálogo queda como detalle. */
.scry-listing-activity { --activity-views: #0b7775; --activity-clicks: #285bc1; }
[data-bs-theme="dark"] .scry-listing-activity { --activity-views: #4fd5c7; --activity-clicks: #9abaff; }
.scry-listing-activity .activity-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin: 1.5rem 0 .85rem; }
.scry-listing-activity .activity-filters { display: flex; align-items: end; flex-wrap: wrap; gap: .5rem; }
.scry-listing-activity .activity-updated, .scry-listing-activity .activity-period { font-size: .8rem; color: var(--scry-text-secondary); margin: 0; }
.scry-listing-activity .activity-period { margin-bottom: 1rem; }
.scry-listing-activity .activity-period span { margin-left: .3rem; }
.scry-listing-activity .activity-overview { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(260px, 1fr); gap: 1rem; margin-bottom: 1rem; align-items: stretch; }
.scry-listing-activity .activity-panel { border: 1px solid var(--scry-border-default); background: var(--scry-surface-0); border-radius: var(--scry-radius-md); min-width: 0; padding: 1.25rem; }
.scry-listing-activity .activity-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.scry-listing-activity .activity-panel h2 { font-size: 1rem; font-weight: 700; margin: 0; color: var(--scry-text-primary); }
.scry-listing-activity .activity-tag { color: var(--scry-text-secondary); background: var(--scry-surface-1); border: 1px solid var(--scry-border-default); border-radius: .35rem; font-size: .72rem; white-space: nowrap; padding: .2rem .45rem; }
.scry-listing-activity .activity-totals { display: flex; flex-wrap: wrap; gap: 1.1rem 2rem; margin: 1.5rem 0 .25rem; }
.scry-listing-activity .activity-totals dt { font-size: .8rem; font-weight: 400; color: var(--scry-text-secondary); }
.scry-listing-activity .activity-totals dd { font-size: 1.7rem; font-weight: 700; line-height: 1.3; margin: .3rem 0 0; font-variant-numeric: tabular-nums; color: var(--scry-text-primary); }
.scry-listing-activity .activity-totals dd small { font-size: .8rem; font-weight: 400; color: var(--scry-text-secondary); }
.scry-listing-activity .activity-dot { display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; margin-right: .3rem; }
.scry-listing-activity .activity-dot-views { background: var(--activity-views); }
.scry-listing-activity .activity-dot-clicks { background: var(--activity-clicks); }
.scry-listing-activity .activity-chart svg { width: 100%; height: auto; display: block; overflow: hidden; }
.scry-listing-activity .activity-grid { stroke: var(--scry-border-default); stroke-width: 1; }
.scry-listing-activity .activity-axis { fill: var(--scry-text-secondary); font-size: 13px; font-family: inherit; font-variant-numeric: tabular-nums; }
.scry-listing-activity .activity-unmeasured { fill: var(--scry-surface-1); }
.scry-listing-activity .activity-line { fill: none; stroke-width: 2.5; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.scry-listing-activity .activity-line-views { stroke: var(--activity-views); }
.scry-listing-activity .activity-line-clicks { stroke: var(--activity-clicks); stroke-dasharray: 6 4; }
.scry-listing-activity .activity-point-views { fill: var(--activity-views); }
.scry-listing-activity .activity-point-clicks { fill: var(--activity-clicks); }
.scry-listing-activity .activity-hit { fill: transparent; cursor: crosshair; outline: 0; }
.scry-listing-activity .activity-hit:hover, .scry-listing-activity .activity-hit:focus { fill: var(--scry-border-soft); stroke: var(--scry-text-secondary); stroke-width: .7; }
.scry-listing-activity .activity-chart-readout { min-height: 1.5em; text-align: center; font-size: .8rem; color: var(--scry-text-secondary); margin: 0 0 .75rem; }
.scry-listing-activity .activity-measurement, .scry-listing-activity .activity-panel-caption { color: var(--scry-text-secondary); font-size: .78rem; margin: .6rem 0 0; }
.scry-listing-activity .activity-empty { font-size: .85rem; margin: .5rem 0; max-width: 70ch; }
.scry-listing-activity .activity-daily { margin-top: .75rem; font-size: .8rem; }
.scry-listing-activity .activity-daily-scroll { max-height: 240px; overflow: auto; margin-top: .75rem; }
.scry-listing-activity .activity-ranking { display: flex; flex-direction: column; }
.scry-listing-activity .activity-rank-list { list-style: none; padding: 0; margin: .5rem 0 1rem; }
.scry-listing-activity .activity-rank-list li { padding: .8rem 0; border-bottom: 1px solid var(--scry-border-default); }
.scry-listing-activity .activity-rank-list li:last-child { border-bottom: 0; }
.scry-listing-activity .activity-rank-row { display: grid; grid-template-columns: 1rem minmax(0, 1fr) auto; gap: .5rem; align-items: baseline; font-size: .86rem; }
.scry-listing-activity .activity-rank-row a { overflow-wrap: anywhere; }
.scry-listing-activity .activity-rank-row strong { font-variant-numeric: tabular-nums; }
.scry-listing-activity .activity-rank-position { font-size: .75rem; color: var(--scry-text-secondary); }
.scry-listing-activity .activity-rank-meta { margin: .2rem 0 .5rem 1.5rem; font-size: .73rem; color: var(--scry-text-secondary); overflow-wrap: anywhere; }
.scry-listing-activity .activity-rank-bar { display: block; width: calc(100% - 1.5rem); height: 4px; margin-left: 1.5rem; fill: var(--activity-views); }
.scry-listing-activity .activity-rank-track { fill: var(--scry-surface-2); }
.scry-listing-activity .activity-ranking-empty { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1; padding: 2rem 0; }
.scry-listing-activity .activity-ranking-empty i { font-size: 1.5rem; color: var(--scry-text-secondary); margin-bottom: 1rem; }
.scry-listing-activity .activity-ranking-empty p { font-size: .95rem; margin: 0 0 .4rem; }
.scry-listing-activity .activity-ranking-empty span { color: var(--scry-text-secondary); font-size: .8rem; }
.scry-listing-activity .activity-detail-link { margin-top: auto; padding-top: .75rem; font-size: .83rem; }
.scry-listing-activity .activity-publications { margin-bottom: 1.25rem; }
.scry-listing-activity .activity-publications > summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; list-style: none; }
.scry-listing-activity .activity-publications > summary::-webkit-details-marker { display: none; }
.scry-listing-activity .activity-publications > summary small { display: block; margin-top: .3rem; color: var(--scry-text-secondary); font-size: .8rem; }
.scry-listing-activity .activity-detail-toggle { font-size: .8rem; white-space: nowrap; text-decoration: underline; text-underline-offset: .18em; }
.scry-listing-activity .activity-publications[open] .activity-detail-toggle { font-size: 0; }
.scry-listing-activity .activity-publications[open] .activity-detail-toggle::after { content: 'Ocultar detalle'; font-size: .8rem; }
.scry-listing-activity .activity-publications-body { margin-top: 1.25rem; }
.scry-listing-activity .activity-method { color: var(--scry-text-secondary); }
@media (max-width: 1199.98px) {
    .scry-listing-activity .activity-overview { grid-template-columns: minmax(0, 1fr); }
    .scry-listing-activity .activity-ranking-empty { padding: 1.25rem 0; }
}
@media (max-width: 575.98px) {
    .scry-listing-activity .activity-panel { padding: 1rem .75rem; }
    .scry-listing-activity .activity-totals { gap: 1rem; justify-content: space-between; }
    .scry-listing-activity .activity-coverage { flex-basis: 100%; }
    .scry-listing-activity .activity-coverage dd { font-size: 1.1rem; }
    .scry-listing-activity .activity-chart svg { min-height: 200px; }
    .scry-listing-activity .activity-publications > summary { align-items: flex-start; }
}

.scry-listing-activity { --activity-cart: #9a6700; --activity-purchases: #7d3cb5; }
[data-bs-theme="dark"] .scry-listing-activity { --activity-cart: #f6c76b; --activity-purchases: #d9b1ff; }
.scry-listing-activity .activity-dot-cart_adds, .scry-listing-activity .activity-point-cart_adds { fill: var(--activity-cart); background: var(--activity-cart); }
.scry-listing-activity .activity-dot-purchases, .scry-listing-activity .activity-point-purchases { fill: var(--activity-purchases); background: var(--activity-purchases); }
.scry-listing-activity .activity-line-cart_adds { stroke: var(--activity-cart); stroke-dasharray: 12 4; }
.scry-listing-activity .activity-line-purchases { stroke: var(--activity-purchases); stroke-dasharray: 2 4; }
.scry-listing-activity .activity-daily-scroll { overflow-x: auto; }
.scry-listing-activity .activity-daily-scroll table { min-width: 460px; }
@media (max-width: 767.98px) { .scry-listing-activity .activity-table td:last-child { grid-column: 1 / -1; } }

@media (max-width:575.98px) { .scry-listing-activity .activity-totals > div:not(.activity-coverage) { flex: 0 0 calc(50% - .5rem); } }

.scry-listing-consent .btn.btn-outline-secondary {
    color: var(--scry-text-primary, var(--bs-body-color));
    background: transparent;
    border-color: var(--scry-text-secondary, var(--bs-border-color));
}
.scry-listing-consent .btn.btn-outline-secondary:hover,
.scry-listing-consent .btn.btn-outline-secondary:focus-visible {
    color: var(--scry-text-primary, var(--bs-body-color));
    background: var(--scry-surface-2, var(--bs-body-bg));
}
