.opac-realtime-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--member-border, #d8e3ef);
    border-radius: 18px;
    color: var(--member-text, #172b43);
    box-shadow: 0 3px 12px rgba(22,71,127,.04);
}
.opac-realtime-heading {
    display: flex;
    align-items: center;
    gap: 11px;
}
.opac-realtime-heading h2 {
    margin: 0;
    font-size: .96rem;
}
.opac-realtime-heading-copy { min-width: 0; }
.opac-realtime-heading p, .opac-realtime-heading small, .opac-realtime-empty {
    margin: 0;
    color: var(--member-muted, #64748b);
    font-size: .73rem;
}
.opac-realtime-heading small { margin-left: auto; text-align: right; white-space: nowrap; }
.opac-realtime-empty { padding: 22px 17px; font-size: .86rem; }
.opac-realtime-list {
    max-height: 440px;
    margin: 0;
    padding: 6px 17px 12px;
    overflow-y: auto;
    list-style: none;
}
.opac-realtime-item {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 12px 0;
    border-bottom: 1px solid #eef2f6;
}
.opac-realtime-item:last-child { border-bottom: 0; }
.opac-realtime-icon {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e8f4f8;
    color: #087f9e;
}
.visitor-statistics-page .opac-realtime-icon { background: #fff0e5; color: #ca6800; }
.opac-realtime-icon svg { width: 20px; height: 20px; }
.opac-realtime-detail { min-width: 0; }
.opac-realtime-detail p { margin: 0 0 4px; font-size: .86rem; line-height: 1.5; overflow-wrap: anywhere; }
.opac-realtime-detail time { color: var(--member-muted, #64748b); font-size: .86rem; }
.statistics-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: stretch;
    gap: 16px;
    margin-bottom: 16px;
}
.statistics-overview-grid > * { min-width: 0; }
.statistics-overview-grid .member-trend-panel { margin: 0; }
.member-statistics-page .statistics-overview-grid--members {
    grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
}
@media (max-width: 900px) {
    .statistics-overview-grid,
    .member-statistics-page .statistics-overview-grid--members { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
    .statistics-overview-grid { margin-right: 12px; margin-left: 12px; gap: 12px; }
}
@media (max-width: 600px) {
    .opac-realtime-heading { flex-wrap: wrap; }
    .opac-realtime-heading small { flex-basis: 100%; margin-left: 49px; text-align: left; }
    .opac-realtime-list { max-height: 350px; }
}
@media print {
    .statistics-overview-grid { display: block; }
    .statistics-overview-grid > * { margin-bottom: 12px; }
    .opac-realtime-list { max-height: none; overflow: visible; }
}