/* Unified frames for the remaining analytics workspace */
.stats-panel-frame {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(118, 145, 160, .18);
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0%, rgba(52, 211, 153, .055), transparent 23rem),
        linear-gradient(145deg, rgba(15, 24, 30, .98), rgba(9, 16, 21, .98));
    box-shadow: inset 0 1px rgba(255,255,255,.018), 0 18px 50px rgba(0,0,0,.14);
}
.stats-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.stats-panel-kicker {
    display: block;
    margin-bottom: 6px;
    color: #48df98;
    font: 700 9px/1.2 'JetBrains Mono', ui-monospace, monospace;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.stats-panel-title {
    color: #f5f7f7;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.018em;
}
.stats-panel-description {
    max-width: 560px;
    margin-top: 5px;
    color: #71808a;
    font-size: 10px;
    line-height: 1.55;
}

/* Overview */
.overview-frame-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(350px, .88fr);
    gap: 12px;
}
.overview-summary-frame,
.overview-health-frame { padding: 20px; }
.overview-today-block {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(72, 223, 152, .14);
    border-radius: 13px;
    background:
        linear-gradient(115deg, rgba(72, 223, 152, .075), rgba(72, 223, 152, .015) 58%),
        rgba(255,255,255,.012);
}
.overview-period-label {
    color: #8b999f;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.overview-today-values {
    display: flex;
    align-items: flex-end;
    gap: 22px;
    margin-top: 13px;
}
.overview-today-metric { min-width: 0; }
.overview-today-metric strong {
    display: block;
    color: #f7faf9;
    font-size: clamp(27px, 3.6vw, 39px);
    font-weight: 720;
    line-height: .9;
    letter-spacing: -.05em;
}
.overview-today-metric.is-secondary strong {
    color: #b8c2c6;
    font-size: clamp(21px, 2.7vw, 29px);
}
.overview-today-metric span {
    display: block;
    margin-top: 8px;
    color: #77848b;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.overview-today-divider {
    width: 1px;
    height: 42px;
    margin-bottom: 1px;
    background: rgba(118,145,160,.2);
}
.overview-period-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid rgba(118,145,160,.14);
    border-radius: 12px;
    background: rgba(255,255,255,.012);
}
.overview-period-cell {
    min-width: 0;
    padding: 13px 14px;
    border-right: 1px solid rgba(118,145,160,.12);
}
.overview-period-cell:last-child { border-right: 0; }
.overview-period-cell-head {
    display: flex;
    min-height: 18px;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    color: #8c989f;
    font-size: 9px;
    font-weight: 720;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.overview-returning-badge {
    overflow: hidden;
    color: #62dba2;
    font-size: 7px;
    letter-spacing: .02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.overview-period-numbers {
    display: grid;
    gap: 5px;
    margin-top: 9px;
    color: #67757e;
    font-size: 8px;
    text-transform: uppercase;
}
.overview-period-numbers span {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}
.overview-period-numbers strong {
    color: #dce3e4;
    font-size: 13px;
    font-weight: 650;
}
.overview-live-row {
    display: grid;
    grid-template-columns: minmax(150px, 1.1fr) minmax(150px, .9fr);
    gap: 10px;
    margin-top: 17px;
}
.overview-online-button {
    display: grid;
    grid-template-columns: auto 1fr auto;
    min-height: 88px;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(72,223,152,.2);
    border-radius: 12px;
    color: #f5f7f7;
    background: linear-gradient(135deg, rgba(72,223,152,.09), rgba(72,223,152,.025));
    text-align: left;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.overview-online-button:hover {
    border-color: rgba(72,223,152,.42);
    background: linear-gradient(135deg, rgba(72,223,152,.13), rgba(72,223,152,.035));
    transform: translateY(-1px);
}
.overview-online-button:focus-visible {
    outline: 2px solid #48df98;
    outline-offset: 2px;
}
.overview-online-pulse {
    position: relative;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #48df98;
    box-shadow: 0 0 13px rgba(72,223,152,.75);
}
.overview-online-pulse::after {
    content: '';
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(72,223,152,.42);
    border-radius: inherit;
    animation: overviewPulse 1.8s ease-out infinite;
}
@keyframes overviewPulse {
    from { opacity: .8; transform: scale(.7); }
    to { opacity: 0; transform: scale(1.65); }
}
.overview-online-button strong {
    display: block;
    font-size: 25px;
    line-height: 1;
}
.overview-online-button small {
    display: block;
    margin-top: 5px;
    color: #7f918b;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.overview-online-action { color: #48df98; font-size: 15px; }
.overview-records {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    border: 1px solid rgba(118,145,160,.14);
    border-radius: 12px;
    background: rgba(255,255,255,.012);
}
.overview-record {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
    border-right: 1px solid rgba(118,145,160,.12);
}
.overview-record:last-child { border-right: 0; }
.overview-record span {
    color: #6f7d85;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}
.overview-record strong {
    margin-top: 7px;
    color: #dce3e4;
    font-size: 18px;
}
.overview-record.is-record strong { color: #e6bd64; }
.overview-health-list {
    display: grid;
    gap: 13px;
    margin-top: 18px;
}
.overview-health-metric > div:first-child {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
}
.overview-health-metric span {
    color: #88959d;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.overview-health-metric strong { color: #63dca3; font-size: 13px; }
.overview-health-track {
    height: 5px;
    overflow: hidden;
    border: 1px solid rgba(118,145,160,.1);
    border-radius: 999px;
    background: #071015;
}
.overview-health-track > span {
    display: block;
    width: var(--health-width);
    height: 100%;
    border-radius: inherit;
    background: #48df98;
}
.overview-health-metric.is-warning strong { color: #e9a96f; }
.overview-health-metric.is-warning .overview-health-track > span { background: #e99b62; }
.overview-health-metric.is-blue strong { color: #66bff3; }
.overview-health-metric.is-blue .overview-health-track > span { background: #55b8f4; }
.overview-health-metric.is-violet strong { color: #b29af4; }
.overview-health-metric.is-violet .overview-health-track > span { background: #9c83e9; }

/* Shared tabs */
.stats-tablist {
    display: inline-flex;
    max-width: 100%;
    gap: 3px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid rgba(118,145,160,.14);
    border-radius: 10px;
    background: #091117;
    scrollbar-width: none;
}
.stats-tablist::-webkit-scrollbar { display: none; }
.stats-tab-button {
    min-height: 33px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #78858d;
    font-size: 9px;
    font-weight: 720;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .16s ease, border-color .16s ease, background .16s ease;
}
.stats-tab-button:hover { color: #d8dfdf; }
.stats-tab-button.is-active {
    border-color: rgba(72,223,152,.18);
    color: #dff8ea;
    background: rgba(72,223,152,.09);
}
.stats-tab-button:focus-visible { outline: 2px solid #48df98; outline-offset: 1px; }

/* Technical detail frame */
.technical-details-frame { margin-top: 12px; padding: 20px; }
.technical-today-chip {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid rgba(72,223,152,.15);
    border-radius: 99px;
    color: #67dca5;
    background: rgba(72,223,152,.055);
    font: 700 8px/1 'JetBrains Mono', monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.technical-tablist { margin-top: 18px; }
.technical-tab-panel {
    min-height: 215px;
    margin-top: 14px;
    padding: 18px;
    border: 1px solid rgba(118,145,160,.13);
    border-radius: 12px;
    background: rgba(255,255,255,.012);
}
.technical-bot-layout {
    display: grid;
    grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
    gap: 24px;
}
.technical-bot-summary {
    padding-right: 24px;
    border-right: 1px solid rgba(118,145,160,.13);
}
.technical-panel-note {
    min-height: 40px;
    color: #71808a;
    font-size: 10px;
    line-height: 1.6;
}
.technical-kpi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 15px;
}
.technical-kpi {
    padding: 14px;
    border: 1px solid rgba(118,145,160,.13);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
}
.technical-kpi span {
    display: block;
    color: #74828a;
    font-size: 8px;
    font-weight: 720;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.technical-kpi strong {
    display: block;
    margin-top: 7px;
    color: #e9a26f;
    font-size: 23px;
    line-height: 1;
}
.technical-kpi.is-red strong { color: #e87d7d; }
.technical-subhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.technical-subhead h4 { color: #dbe1e2; font-size: 12px; font-weight: 680; }
.technical-subhead > span {
    color: #66747c;
    font: 650 8px/1 'JetBrains Mono', monospace;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.technical-ranking-list { display: grid; gap: 10px; }
.technical-ranking-row {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(80px, 1.15fr) 82px;
    align-items: center;
    gap: 12px;
    min-height: 30px;
}
.technical-ranking-label {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    color: #bfc8cc;
    font-size: 10px;
}
.technical-ranking-label span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.technical-bot-mark {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #e99b62;
    box-shadow: 0 0 8px rgba(233,155,98,.22);
}
.technical-screen-mark {
    width: 13px;
    height: 9px;
    flex: 0 0 auto;
    border: 1px solid #6d8290;
    border-radius: 2px;
}
.technical-timezone-mark {
    position: relative;
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    border: 1px solid #6d8290;
    border-radius: 50%;
}
.technical-timezone-mark::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 1px;
    height: 4px;
    background: #6d8290;
    transform-origin: bottom;
    transform: rotate(35deg);
}
.technical-ranking-track {
    height: 6px;
    overflow: hidden;
    border: 1px solid rgba(118,145,160,.09);
    border-radius: 99px;
    background: #071015;
}
.technical-ranking-track > span {
    display: block;
    width: var(--rank-width);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2fc984, #54dfa0);
}
.technical-ranking-count { min-width: 0; text-align: right; }
.technical-ranking-count strong { display: block; color: #dce3e4; font-size: 11px; }
.technical-ranking-count small {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #67747d;
    font-size: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.technical-more-button {
    width: 100%;
    min-height: 34px;
    margin-top: 10px;
    border-top: 1px solid rgba(118,145,160,.12);
    color: #52d99b;
    font-size: 9px;
    font-weight: 720;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.technical-empty {
    display: grid;
    min-height: 125px;
    place-items: center;
    color: #64727b;
    font-size: 10px;
}
.technical-performance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.technical-performance-card {
    padding: 18px;
    border: 1px solid rgba(118,145,160,.13);
    border-radius: 11px;
    background: rgba(255,255,255,.016);
}
.technical-performance-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}
.technical-performance-head span:first-child {
    display: block;
    color: #7c8991;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.technical-performance-head strong {
    display: block;
    margin-top: 8px;
    color: #58dda0;
    font-size: 24px;
}
.technical-performance-code {
    padding: 5px 6px;
    border: 1px solid rgba(72,223,152,.14);
    border-radius: 6px;
    color: #5fd99f;
    background: rgba(72,223,152,.045);
    font: 700 8px/1 'JetBrains Mono', monospace;
}
.technical-performance-track {
    height: 6px;
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid rgba(118,145,160,.09);
    border-radius: 99px;
    background: #071015;
}
.technical-performance-track > span {
    display: block;
    width: var(--progress);
    height: 100%;
    border-radius: inherit;
    background: #48df98;
}
.technical-performance-card.is-warning .technical-performance-head strong { color: #e5bd61; }
.technical-performance-card.is-warning .technical-performance-track > span { background: #d9ae49; }
.technical-performance-card.is-danger .technical-performance-head strong { color: #e87878; }
.technical-performance-card.is-danger .technical-performance-track > span { background: #e16868; }
.technical-performance-card.is-blue .technical-performance-head strong { color: #5dbcf3; }
.technical-performance-card.is-blue .technical-performance-code { color: #67bdf0; border-color: rgba(85,184,244,.16); background: rgba(85,184,244,.05); }
.technical-performance-card.is-blue .technical-performance-track > span { background: #55b8f4; }
.technical-performance-card p { margin-top: 10px; color: #626f78; font-size: 9px; line-height: 1.5; }
.technical-simple-panel { max-width: 880px; }
.technical-ranking-row.is-simple { grid-template-columns: minmax(130px, 1fr) minmax(100px, 1.5fr) 60px; }

/* Visitors */
.stats-dashboard .visitors-card {
    overflow: hidden;
    padding: 0 !important;
    border-radius: 16px !important;
}
.visitors-header {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 18px;
    border-bottom: 1px solid rgba(118,145,160,.14);
    background: rgba(255,255,255,.012);
}
.visitors-header > div:first-child { display: flex; align-items: baseline; gap: 10px; }
.visitors-eyebrow {
    color: #7b8991;
    font-size: 9px;
    font-weight: 720;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.visitors-total { color: #f1f5f4; font: 680 20px/1 'JetBrains Mono', monospace; }
.visitors-page-summary {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #66747d;
    font: 600 9px/1.3 'JetBrains Mono', monospace;
}
.visitors-page-summary span + span {
    padding-left: 9px;
    border-left: 1px solid rgba(118,145,160,.16);
}
.visitors-columns,
.visitors-row-content {
    display: grid;
    grid-template-columns: 110px minmax(180px, 1.25fr) minmax(135px, .9fr) minmax(115px, .7fr) 112px minmax(105px, .55fr);
    align-items: center;
    gap: 14px;
}
.visitors-columns {
    min-height: 37px;
    padding: 0 18px;
    color: #64717a;
    background: rgba(255,255,255,.009);
    font-size: 8px;
    font-weight: 720;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.visitors-row {
    position: relative;
    border-top: 1px solid rgba(118,145,160,.105);
    transition: background .16s ease, box-shadow .16s ease;
}
.visitors-list .visitors-row:first-child { border-top: 0; }
.visitors-row:hover,
.visitors-row:has(.visitors-row-action:focus-visible) {
    background: rgba(72,223,152,.035);
    box-shadow: inset 2px 0 #48df98;
}
.visitors-row-action {
    position: absolute;
    z-index: 1;
    inset: 3px;
    border-radius: 8px;
}
.visitors-row-action:focus-visible { outline: 2px solid #48df98; outline-offset: -2px; }
.visitors-row-content {
    position: relative;
    z-index: 2;
    min-height: 68px;
    padding: 10px 18px;
    pointer-events: none;
}
.visitors-time time,
.visitors-identity,
.visitors-environment,
.visitors-engagement { display: flex; min-width: 0; flex-direction: column; }
.visitors-time strong { color: #c7d0d2; font: 620 10px/1.2 'JetBrains Mono', monospace; }
.visitors-time span { margin-top: 4px; color: #5f6d75; font: 550 8px/1 'JetBrains Mono', monospace; }
.visitors-location { display: flex; min-width: 0; align-items: center; gap: 8px; }
.visitors-flag { flex: 0 0 auto; font-size: 16px; }
.visitors-identity strong {
    overflow: hidden;
    color: #d6dddf;
    font-size: 10px;
    font-weight: 620;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.visitors-user-agent {
    max-width: 230px;
    margin-top: 4px;
    overflow: hidden;
    color: #5f6c74;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.visitors-bot-badge {
    flex: 0 0 auto;
    padding: 3px 5px;
    border: 1px solid rgba(232,120,120,.2);
    border-radius: 5px;
    color: #e87878;
    background: rgba(232,120,120,.07);
    font-size: 7px;
    font-weight: 800;
}
.visitors-browser,
.visitors-os { display: flex; min-width: 0; align-items: center; gap: 6px; }
.visitors-browser img,
.visitors-os img { width: 13px; height: 13px; flex: 0 0 auto; object-fit: contain; }
.visitors-browser span,
.visitors-os span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.visitors-browser { color: #b7c0c4; font-size: 9px; }
.visitors-os { margin-top: 5px; color: #64727a; font-size: 8px; }
.visitors-os img { width: 11px; height: 11px; filter: grayscale(1); opacity: .55; }
.visitors-source { min-width: 0; }
.visitors-source-link {
    position: relative;
    z-index: 4;
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #53d99b;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: auto;
}
.visitors-source-link:hover { text-decoration: underline; }
.visitors-source-link:focus-visible { outline: 1px solid #48df98; outline-offset: 3px; }
.visitors-direct { color: #68767e; font-size: 9px; font-style: italic; }
.visitors-engagement { align-items: flex-start; }
.visitors-views {
    display: inline-flex;
    min-width: 30px;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    padding: 4px 7px;
    border: 1px solid rgba(72,223,152,.14);
    border-radius: 99px;
    color: #ccebdd;
    background: rgba(72,223,152,.055);
    font: 680 10px/1 'JetBrains Mono', monospace;
}
.visitors-engagement-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
    color: #617078;
    font: 550 7px/1 'JetBrains Mono', monospace;
}
.visitors-load-time { color: #54d99b; }
.visitors-device {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    color: #76838b;
}
.visitors-device-icon { font-size: 14px; }
.visitors-device-name {
    overflow: hidden;
    font-size: 8px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.visitors-chevron {
    width: 6px;
    height: 6px;
    margin-left: 2px;
    border-top: 1px solid #5f6c73;
    border-right: 1px solid #5f6c73;
    transform: rotate(45deg);
}
.visitors-empty {
    display: grid;
    min-height: 180px;
    place-items: center;
    color: #68757d;
    font-size: 11px;
}
.visitors-pagination {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 18px;
    border-top: 1px solid rgba(118,145,160,.14);
    background: rgba(255,255,255,.012);
}
.visitors-pagination-summary { color: #68757d; font: 600 9px/1 'JetBrains Mono', monospace; }
.visitors-pagination-links { display: flex; align-items: center; gap: 5px; }
.visitors-page-link {
    display: inline-flex;
    min-width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid rgba(118,145,160,.16);
    border-radius: 8px;
    color: #89959c;
    background: #0a1319;
    font: 650 9px/1 'JetBrains Mono', monospace;
    transition: color .16s ease, border-color .16s ease, background .16s ease;
}
.visitors-page-link:hover,
.visitors-page-link:focus-visible { border-color: rgba(72,223,152,.38); color: #e7efec; outline: 0; }
.visitors-page-link.is-current {
    border-color: #48df98;
    color: #06120c;
    background: #48df98;
}
.visitors-page-text { min-width: 64px; }

@media (max-width: 1080px) {
    .overview-frame-grid { grid-template-columns: 1fr; }
    .overview-health-frame { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr); gap: 24px; }
    .overview-health-frame .stats-panel-head { grid-row: 1 / span 2; }
    .overview-live-row { margin-top: 0; }
    .overview-health-list { margin-top: 0; }
    .visitors-columns,
    .visitors-row-content {
        grid-template-columns: 92px minmax(160px, 1.2fr) minmax(125px, .8fr) minmax(100px, .65fr) 92px 74px;
        gap: 10px;
    }
    .visitors-device-name { display: none; }
}
@media (max-width: 767px) {
    .overview-summary-frame,
    .overview-health-frame,
    .technical-details-frame { padding: 15px; }
    .overview-health-frame { display: block; }
    .overview-today-block { margin-top: 14px; padding: 15px; }
    .overview-today-values { gap: 16px; }
    .overview-today-metric strong { font-size: 28px; }
    .overview-today-metric.is-secondary strong { font-size: 22px; }
    .overview-period-list { grid-template-columns: 1fr; }
    .overview-period-cell {
        display: grid;
        grid-template-columns: minmax(90px, .6fr) minmax(0, 1.4fr);
        align-items: center;
        gap: 10px;
        border-right: 0;
        border-bottom: 1px solid rgba(118,145,160,.12);
    }
    .overview-period-cell:last-child { border-bottom: 0; }
    .overview-period-numbers { grid-template-columns: 1fr 1fr; margin-top: 0; }
    .overview-live-row { grid-template-columns: 1fr; margin-top: 14px; }
    .overview-online-button { min-height: 76px; }
    .overview-records { min-height: 70px; }
    .overview-health-list { margin-top: 16px; }
    .technical-tablist { display: flex; width: 100%; }
    .technical-tablist .stats-tab-button { flex: 1 0 auto; }
    .technical-tab-panel { min-height: 0; margin-top: 10px; padding: 14px; }
    .technical-bot-layout { grid-template-columns: 1fr; gap: 18px; }
    .technical-bot-summary { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid rgba(118,145,160,.13); }
    .technical-performance-grid { grid-template-columns: 1fr; }
    .technical-ranking-row,
    .technical-ranking-row.is-simple { grid-template-columns: minmax(90px, 1fr) minmax(56px, .75fr) 66px; gap: 8px; }
    .visitors-header { min-height: 66px; padding: 13px 14px; }
    .visitors-page-summary { align-items: flex-end; flex-direction: column; gap: 3px; }
    .visitors-page-summary span + span { padding-left: 0; border-left: 0; }
    .visitors-columns { display: none; }
    .visitors-list { display: grid; gap: 8px; padding: 8px; }
    .visitors-row {
        overflow: hidden;
        border: 1px solid rgba(118,145,160,.13) !important;
        border-radius: 11px;
        background: rgba(255,255,255,.01);
    }
    .visitors-row:hover,
    .visitors-row:has(.visitors-row-action:focus-visible) { box-shadow: inset 2px 0 #48df98; }
    .visitors-row-content {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "location time"
            "environment device"
            "source source"
            "engagement engagement";
        min-height: 0;
        gap: 12px 14px;
        padding: 13px;
    }
    .visitors-time { grid-area: time; text-align: right; }
    .visitors-location { grid-area: location; }
    .visitors-environment { grid-area: environment; }
    .visitors-source {
        grid-area: source;
        padding-top: 10px;
        border-top: 1px solid rgba(118,145,160,.1);
    }
    .visitors-engagement {
        grid-area: engagement;
        flex-direction: row;
        align-items: center;
        gap: 9px;
    }
    .visitors-engagement-meta { margin-top: 0; }
    .visitors-device {
        grid-area: device;
        justify-content: flex-end;
    }
    .visitors-device-name { display: inline; }
    .visitors-chevron { display: none; }
    .visitors-user-agent { max-width: min(52vw, 230px); }
    .visitors-pagination { flex-direction: column; padding: 13px; }
    .visitors-pagination-summary { display: none; }
}
@media (max-width: 420px) {
    .overview-today-divider { height: 35px; }
    .overview-today-metric strong { font-size: 24px; }
    .overview-today-metric.is-secondary strong { font-size: 19px; }
    .overview-period-numbers { gap: 9px; }
    .overview-period-numbers span { align-items: flex-start; flex-direction: column; gap: 3px; }
    .technical-ranking-track { display: none; }
    .technical-ranking-row,
    .technical-ranking-row.is-simple { grid-template-columns: minmax(0, 1fr) 70px; }
    .visitors-row-content {
        grid-template-areas:
            "location time"
            "environment device"
            "source source"
            "engagement engagement";
    }
    .visitors-device-name { display: none; }
    .visitors-page-text { min-width: 38px; padding: 0 7px; font-size: 0; }
    .visitors-page-text::before { content: '‹'; font-size: 16px; }
    .visitors-page-text[rel="next"]::before { content: '›'; }
}
@media (prefers-reduced-motion: reduce) {
    .overview-online-pulse::after { animation: none; }
    .overview-online-button,
    .stats-tab-button,
    .visitors-row,
    .visitors-page-link { transition: none; }
}

/* Behaviour and insights */
.insights-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
    gap: 12px;
}
.stats-dashboard .stats-insights-section .insights-card {
    min-width: 0;
    padding: 20px !important;
    border-radius: 16px !important;
}
.insights-card-header,
.insights-diagnostic-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.insights-title {
    color: #eef3f2;
    font-size: 14px;
    font-weight: 690;
    line-height: 1.3;
    letter-spacing: -.015em;
}
.insights-description {
    display: block;
    margin-top: 5px;
    color: #697780;
    font-size: 9px;
    line-height: 1.45;
}
.insights-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 7px;
    color: #75828a;
    font-size: 8px;
    font-weight: 650;
    text-transform: uppercase;
}
.insights-legend span,
.insights-segment-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.insights-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
}
.insights-dot.is-new { background: #55b8f4; }
.insights-dot.is-returning { background: #48df98; }
.insights-dot.is-short { background: #e87878; }
.insights-dot.is-medium { background: #dfbb59; }
.insights-dot.is-engaged { background: #48df98; }
.insights-tabs {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 3px;
    padding: 3px;
    border: 1px solid rgba(118,145,160,.14);
    border-radius: 9px;
    background: #091117;
}
.insights-tab {
    min-height: 31px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #75828a;
    font-size: 8px;
    font-weight: 720;
    letter-spacing: .055em;
    text-transform: uppercase;
    white-space: nowrap;
}
.insights-tab:hover { color: #d9e0df; }
.insights-tab.is-active {
    border-color: rgba(72,223,152,.17);
    color: #dff8e9;
    background: rgba(72,223,152,.085);
}
.insights-tab:focus-visible { outline: 2px solid #48df98; outline-offset: 1px; }
.insights-tab-panel { margin-top: 17px; }
.insights-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.insights-metric {
    padding: 11px 12px;
    border: 1px solid rgba(118,145,160,.12);
    border-radius: 9px;
    background: rgba(255,255,255,.014);
}
.insights-metric dt {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #748189;
    font-size: 8px;
    font-weight: 690;
    text-transform: uppercase;
}
.insights-metric dd {
    margin-top: 7px;
    color: #e5ebea;
    font: 680 17px/1 'JetBrains Mono', monospace;
}
.insights-trend-chart {
    display: flex;
    height: 174px;
    align-items: stretch;
    gap: 4px;
    margin-top: 15px;
    padding: 10px 3px 0;
    border-top: 1px solid rgba(118,145,160,.1);
}
.insights-trend-column {
    position: relative;
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}
.insights-trend-bars {
    display: flex;
    height: 138px;
    flex: 1;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
}
.insights-trend-bar {
    display: block;
    width: min(11px, 42%);
    height: var(--insights-height);
    min-height: 0;
    border-radius: 3px 3px 1px 1px;
    transform-origin: bottom;
    animation: insightsGrow .72s cubic-bezier(.22,1,.36,1) both;
}
.insights-trend-bar.is-new { background: linear-gradient(180deg, #67c6fb, #347fa9); }
.insights-trend-bar.is-returning { background: linear-gradient(180deg, #5be8a6, #258359); }
.insights-axis-label {
    display: block;
    margin-top: 7px;
    overflow: hidden;
    color: #596770;
    font: 540 7px/1 'JetBrains Mono', monospace;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.insights-tooltip {
    position: absolute;
    z-index: 8;
    left: 50%;
    bottom: calc(100% - 8px);
    display: grid;
    min-width: 116px;
    gap: 3px;
    padding: 8px 9px;
    border: 1px solid rgba(118,145,160,.2);
    border-radius: 8px;
    color: #91a0a7;
    background: #0a141a;
    box-shadow: 0 12px 30px rgba(0,0,0,.35);
    font: 550 8px/1.35 'JetBrains Mono', monospace;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 5px);
    transition: opacity .15s ease, transform .15s ease;
}
.insights-tooltip strong { color: #e8eeee; font-weight: 680; }
.insights-trend-column:hover .insights-tooltip,
.insights-hour-column:hover .insights-tooltip { opacity: 1; transform: translate(-50%, 0); }
@keyframes insightsGrow {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
}
.insights-period {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid rgba(72,223,152,.14);
    border-radius: 99px;
    color: #5fd99f;
    background: rgba(72,223,152,.05);
    font: 680 8px/1 'JetBrains Mono', monospace;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.insights-engagement-bar {
    display: flex;
    height: 10px;
    margin-top: 26px;
    overflow: hidden;
    border-radius: 99px;
    background: #081116;
}
.insights-engagement-segment { display: block; width: var(--insights-width); height: 100%; }
.insights-engagement-segment.is-short { background: #df6f71; }
.insights-engagement-segment.is-medium { background: #d3ad4c; }
.insights-engagement-segment.is-engaged { background: #45d795; }
.insights-segment-list { display: grid; gap: 0; margin-top: 18px; }
.insights-segment-row {
    display: flex;
    min-height: 43px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(118,145,160,.1);
}
.insights-segment-name { color: #aab5ba; font-size: 10px; }
.insights-segment-values { display: flex; align-items: baseline; gap: 9px; }
.insights-segment-values strong { color: #e1e7e6; font: 650 11px/1 'JetBrains Mono', monospace; }
.insights-segment-values span { min-width: 40px; color: #69777f; font: 550 9px/1 'JetBrains Mono', monospace; text-align: right; }
.insights-footer {
    margin: 15px -20px -20px;
    padding: 12px 20px;
    border-top: 1px solid rgba(118,145,160,.12);
    color: #68767e;
    background: rgba(255,255,255,.01);
    font-size: 8px;
    font-weight: 680;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.insights-empty {
    display: grid;
    min-height: 165px;
    place-items: center;
    color: #64727a;
    font-size: 10px;
}
.stats-dashboard .stats-insights-section .insights-advanced { margin-top: 12px; padding: 0 !important; }
.insights-advanced-summary {
    display: flex;
    min-height: 76px;
    cursor: pointer;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 20px;
}
.insights-advanced-summary::-webkit-details-marker { display: none; }
.insights-advanced-summary:focus-visible { outline: 2px solid #48df98; outline-offset: -2px; border-radius: 14px; }
.insights-advanced-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.insights-advanced-copy strong { color: #dfe6e4; font-size: 12px; font-weight: 680; }
.insights-advanced-copy > span { color: #68767e; font-size: 9px; }
.insights-chevron {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-right: 1px solid #708089;
    border-bottom: 1px solid #708089;
    transform: rotate(45deg);
    transition: transform .18s ease;
}
.insights-advanced[open] .insights-chevron { transform: rotate(225deg); }
.insights-advanced-body {
    padding: 0 20px 20px;
    border-top: 1px solid rgba(118,145,160,.12);
}
.insights-diagnostics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding-top: 20px;
}
.insights-diagnostic {
    min-width: 0;
    padding: 17px;
    border: 1px solid rgba(118,145,160,.13);
    border-radius: 11px;
    background: rgba(255,255,255,.012);
}
.insights-hour-chart {
    display: flex;
    height: 116px;
    align-items: flex-end;
    gap: 2px;
    margin-top: 18px;
}
.insights-hour-column {
    position: relative;
    display: flex;
    height: 100%;
    flex: 1;
    align-items: flex-end;
}
.insights-hour-bar {
    display: block;
    width: 100%;
    height: var(--insights-height);
    border-radius: 2px 2px 0 0;
    background: linear-gradient(180deg, #e77c78, #853f43);
}
.insights-hour-axis {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    color: #59676f;
    font: 520 7px/1 'JetBrains Mono', monospace;
}
.insights-country-list,
.insights-performance-list { display: grid; gap: 12px; margin-top: 18px; }
.insights-country-top,
.insights-performance-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.insights-country-name {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    color: #bac4c7;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.insights-country-values,
.insights-performance-values { display: flex; flex: 0 0 auto; align-items: baseline; gap: 8px; }
.insights-country-values span,
.insights-performance-values small { color: #68767e; font: 540 7px/1 'JetBrains Mono', monospace; }
.insights-country-values strong,
.insights-performance-values strong { color: #e77f7b; font: 650 9px/1 'JetBrains Mono', monospace; }
.insights-track {
    display: block;
    height: 5px;
    margin-top: 6px;
    overflow: hidden;
    border-radius: 99px;
    background: #071015;
}
.insights-track > i {
    display: block;
    width: var(--insights-width);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #b95d5e, #e77f7b);
}
.insights-performance { margin-top: 12px; }
.insights-performance-header { align-items: center; }
.insights-performance-panel { margin-top: 17px; }
.insights-performance-row > .insights-performance-top > span:first-child {
    min-width: 0;
    overflow: hidden;
    color: #b8c2c5;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.insights-performance-values strong { color: #56dda0; }
.insights-performance .insights-track > i { background: linear-gradient(90deg, #25895c, #4bdda0); }
.insights-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 1080px) {
    .insights-grid { grid-template-columns: 1fr; }
    .insights-engagement-card { min-height: 300px; }
}
@media (max-width: 767px) {
    .stats-dashboard .stats-insights-section .insights-card { padding: 15px !important; }
    .insights-card-header { flex-direction: column; }
    .insights-tabs { width: 100%; overflow-x: auto; }
    .insights-tab { flex: 1; }
    .insights-trend-chart { height: 158px; gap: 2px; }
    .insights-trend-bars { height: 124px; gap: 1px; }
    .insights-axis-label { font-size: 6px; transform: rotate(-36deg); transform-origin: center top; }
    .insights-footer { margin: 15px -15px -15px; padding: 11px 15px; }
    .insights-advanced-summary { min-height: 70px; padding: 14px 15px; }
    .insights-advanced-body { padding: 0 15px 15px; }
    .insights-diagnostics-grid { grid-template-columns: 1fr; padding-top: 15px; }
    .insights-performance-header { align-items: flex-start; flex-direction: column; }
    .insights-performance-header .insights-tabs { width: 100%; }
    .insights-country-values { gap: 5px; }
}
@media (max-width: 420px) {
    .insights-trend-column:nth-child(even) .insights-axis-label { visibility: hidden; }
    .insights-country-top { align-items: flex-start; flex-direction: column; gap: 5px; }
    .insights-country-values { width: 100%; justify-content: flex-end; }
}
@media (prefers-reduced-motion: reduce) {
    .insights-trend-bar { animation: none; }
    .insights-tooltip,
    .insights-chevron { transition: none; }
}