.visitor-analytics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.visitor-analytics-heading h2{margin:4px 0 0}.visitor-analytics-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.visitor-stat{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff)}.visitor-stat small,.visitor-stat span{color:var(--muted);font-size:.78rem}.visitor-stat strong{font-size:1.85rem;color:var(--green)}.visitor-stat.primary{background:var(--green);border-color:var(--green)}.visitor-stat.primary *{color:#fff}.visitor-analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:16px;margin-top:16px}.visitor-panel{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff)}.visitor-panel h3{margin:0 0 4px}.visitor-panel>p{margin:0 0 18px;color:var(--muted)}.visitor-bars{height:230px;display:flex;align-items:flex-end;gap:8px;padding-top:18px}.visitor-bar-item{height:100%;min-width:0;flex:1;display:grid;grid-template-rows:22px 1fr 24px;align-items:end;text-align:center}.visitor-bar-item strong{font-size:.68rem}.visitor-bar-item i{display:block;width:min(24px,80%);min-height:4px;margin:auto;background:linear-gradient(180deg,#68b692,var(--green));border-radius:8px 8px 3px 3px}.visitor-bar-item small{font-size:.62rem;color:var(--muted);white-space:nowrap}.visitor-rank{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.visitor-rank:last-child{border-bottom:0}.visitor-rank>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);color:var(--green)}.visitor-rank>span{display:grid;flex:1}.visitor-rank small{color:var(--muted)}.visitor-rank em{font-style:normal;font-weight:800}.visitor-role-panel{margin-top:16px}.visitor-recent{margin-top:16px}.visitor-recent-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) auto;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.visitor-recent-row>span{display:grid}.visitor-recent-row small,.visitor-recent-row time{color:var(--muted);font-size:.78rem}.visitor-analytics-message{margin:14px 2px 0;color:var(--muted);font-size:.8rem}@media(max-width:1000px){.visitor-analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-analytics-grid{grid-template-columns:1fr}}@media(max-width:620px){.visitor-analytics-heading{align-items:flex-start;flex-direction:column}.visitor-analytics-summary{grid-template-columns:1fr 1fr}.visitor-stat{padding:14px}.visitor-stat strong{font-size:1.45rem}.visitor-recent-row{grid-template-columns:1fr;gap:5px}.visitor-bars{gap:3px}.visitor-bar-item small{font-size:.5rem;transform:rotate(-45deg);transform-origin:center}.visitor-panel{padding:14px}}
/* Kompatibilitas struktur kartu analitik pada halaman admin. */
.visitor-analytics-grid>article,.visitor-recent-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff)}
.visitor-analytics-grid>article header,.visitor-recent-card header{margin-bottom:18px}.visitor-analytics-grid>article h3,.visitor-recent-card h3{margin:0 0 4px}.visitor-analytics-grid>article small,.visitor-recent-card header small{color:var(--muted)}
.visitor-daily-chart{height:230px;display:flex;align-items:flex-end;gap:8px;padding-top:18px}.visitor-recent-card{margin-top:16px}
.visitor-stat-loading{opacity:.72}.visitor-stat-loading strong{animation:visitorPulse 1.1s ease-in-out infinite}.visitor-analytics-message.error{color:#b43a32;font-weight:700}@keyframes visitorPulse{50%{opacity:.35}}

/* Durasi keterlibatan pengunjung. */
.visitor-analytics-summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.visitor-recent-row{grid-template-columns:minmax(150px,.8fr) minmax(170px,1fr) minmax(250px,1.2fr) auto}
.visitor-duration{display:grid;gap:6px}.visitor-activity{justify-self:start;padding:5px 9px;border-radius:999px;background:#eef1ef;color:#56605b;font-size:.72rem}.visitor-activity.active{background:#e6f2ed;color:#236448}.visitor-activity.reading{background:#e7f0f7;color:#276386}.visitor-activity.tadarrus{background:#e1f4e8;color:#17683d}.visitor-duration small{line-height:1.45}
@media(max-width:1000px){.visitor-recent-row{grid-template-columns:1fr 1fr}.visitor-recent-row time{justify-self:end}}
@media(max-width:620px){.visitor-recent-row{grid-template-columns:1fr}.visitor-recent-row time{justify-self:start}}