.usage-view{display:grid;gap:20px}.usage-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.usage-intro h2{font-size:27px;margin:5px 0}.usage-intro p{margin:0;color:#6c7c88}.usage-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#16816f}.usage-filter{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr 1fr;gap:12px;padding:20px;background:white;border:1px solid #dde5e8;border-radius:14px}.usage-filter label{font-size:12px;display:grid;gap:7px;color:#526471}.usage-filter input,.usage-filter select{width:100%;min-width:0}.usage-filter-actions{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;align-items:center}.usage-presets,.usage-toggle{display:flex;gap:5px;flex-wrap:wrap}.usage-presets button,.usage-toggle button{background:#f0f4f5;border:1px solid transparent;color:#566a76;padding:8px 12px;border-radius:7px}.usage-presets button.selected,.usage-toggle button.selected{background:#d9eee8;color:#086957;border-color:#72b4a5;font-weight:700}.usage-filter button.primary{background:#137f6d;color:white;padding:11px 30px;font-weight:700}.usage-scope-note{background:#edf5f8;color:#526d7b;border-left:3px solid #79a9bc;padding:13px 16px;font-size:12px;line-height:1.7;border-radius:8px}.usage-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.usage-kpis article{background:white;border:1px solid #e0e7ea;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}.usage-kpis article>span{font-size:12px;color:#637783}.usage-kpis strong{font-size:25px;line-height:1.35;letter-spacing:-.04em;color:#193d46}.usage-kpis small{font-size:11px;color:#83909a;line-height:1.5}.usage-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.usage-chart{padding:22px;min-width:0;border-radius:14px;margin-bottom:18px}.usage-chart h3{font-size:16px;margin:0 0 16px}.usage-chart small{font-size:11px;color:#72858f}.usage-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;margin:6px 0 16px;color:#617580}.usage-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:3px;background:var(--dot);margin-right:6px}.usage-bars{height:225px;display:flex;align-items:flex-end;gap:6px;overflow-x:auto;padding:12px 0 8px}.usage-day{height:100%;display:flex;flex:1;min-width:27px;flex-direction:column;align-items:center;justify-content:flex-end;border:0!important;background:transparent!important;padding:0!important;font-size:10px;color:#667b85}.usage-day:hover .usage-bar-track{background:#e0edeb}.usage-bar-track{height:160px;width:min(100%,40px);display:flex;flex-direction:column;justify-content:flex-end;border-radius:5px;overflow:hidden;background:#f3f6f7;margin:8px 0}.usage-bar-track>span{display:block;width:100%}.usage-bar-total{font-size:10px;white-space:nowrap}.usage-no-sample{height:100%;background:repeating-linear-gradient(135deg,transparent,transparent 4px,#e6ecee 4px,#e6ecee 5px)}.usage-heat-scroll{overflow-x:auto;margin:16px 0}.usage-heat{min-width:460px;display:grid;grid-template-columns:40px repeat(24,minmax(12px,1fr));gap:3px;align-items:center}.usage-hour{font-size:9px;color:#92a0a6}.usage-heat-day{font-size:10px;color:#70848d}.usage-cell{width:100%;aspect-ratio:1;min-height:11px;max-height:20px;padding:0!important;border:0!important;border-radius:3px!important;background:color-mix(in srgb,#138371 calc(var(--intensity)*100%),#edf3f1)!important}.usage-cell.unknown{background:repeating-linear-gradient(135deg,#f4f6f7,#f4f6f7 3px,#e6ebed 3px,#e6ebed 4px)!important}.usage-cell:focus-visible{outline:2px solid #076d5c;outline-offset:1px}.usage-ranks{list-style:none;padding:0;margin:4px 0}.usage-ranks li{padding:10px 0}.usage-ranks li>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.usage-ranks b{font-size:12px;overflow-wrap:anywhere}.usage-ranks li span{font-size:11px;color:#667e88;white-space:nowrap}.usage-rank-track{height:6px;background:#eef3f4;border-radius:8px;margin-top:8px;overflow:hidden}.usage-rank-track>span{display:block;height:100%;background:linear-gradient(90deg,#2c9685,#81b9ac);border-radius:8px}.usage-empty{background:#fff9e9;border:1px solid #eedda4;padding:18px;border-radius:12px;margin-bottom:18px}.usage-empty p{font-size:12px;line-height:1.7}.usage-muted{font-size:12px;padding:32px 0;color:#8899a1}.usage-table-wrap{overflow-x:auto}.usage-table-wrap table{min-width:660px}.usage-device{border:0!important;padding:0!important;background:transparent!important;color:#147f6e!important;text-align:left}.usage-timeline-list{margin-top:20px}.usage-timeline-item{display:grid;grid-template-columns:155px 12px minmax(0,1fr);gap:14px;align-items:start;border-bottom:1px solid #eef2f3;padding:13px 0}.usage-timeline-item time{font-size:11px;color:#7c909a;line-height:1.7}.usage-timeline-item b{font-size:13px;overflow-wrap:anywhere}.usage-timeline-item p{margin:5px 0 0;font-size:11px;color:#788e99;line-height:1.7;overflow-wrap:anywhere}.usage-timeline-dot{width:8px;height:8px;background:#98aab2;border-radius:50%;margin-top:5px}.usage-timeline-dot.active{background:#168b75}.usage-timeline-dot.idle,.usage-timeline-dot.locked{background:#dda246}.usage-timeline-item.visit .usage-timeline-dot{background:#549ccf}.usage-timeline-item.event .usage-timeline-dot{background:#9a86b8}#usage-more{margin-top:20px}#usage-results[aria-busy=true]{opacity:.65;pointer-events:none}.usage-chart details{margin-top:18px}.usage-chart summary{font-size:12px;cursor:pointer}@media(max-width:1300px){.usage-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.usage-panels{grid-template-columns:1fr}.usage-filter{grid-template-columns:1fr 1fr}.usage-kpis{grid-template-columns:1fr 1fr}.usage-timeline-item{grid-template-columns:95px 8px minmax(0,1fr);gap:9px}.usage-filter-actions{align-items:stretch;flex-direction:column}.usage-kpis strong{font-size:20px}.usage-chart{padding:16px}.usage-filter{padding:14px}}

.content:has(.usage-view) .prototype{display:none}.content:has(.usage-view) .pageheading{margin-bottom:12px}.content:has(.usage-view) .pageheading .eyebrow{display:none}.content:has(.usage-view) .pageheading h1{font-size:28px}.content:has(.usage-view) .pageheading [data-action=enroll]{display:none}.usage-intro>div{display:flex;align-items:center;gap:14px}.usage-intro p{font-size:12px}.usage-view{gap:14px}.usage-filter{padding:14px 16px;gap:10px}.usage-filter input,.usage-filter select{padding:9px 11px;min-height:38px}.usage-kpis article{padding:14px;gap:6px}.usage-kpis strong{font-size:23px}.usage-scope-note{padding:10px 14px}.usage-scope-note summary{cursor:pointer;font-size:11px;list-style:none}.usage-scope-note summary span{float:right;color:#297e78}.usage-scope-note p{margin:8px 0 0}.usage-kpis{margin:14px 0}.usage-intro .usage-eyebrow{font-size:10px}.usage-chart .row.between{gap:10px;flex-wrap:wrap}@media(max-width:850px){.usage-intro>div{display:block}.usage-scope-note summary span{float:none;display:block}.content:has(.usage-view) .pageheading h1{font-size:24px}}
.usage-view>*,#usage-results,#usage-timeline{min-width:0;max-width:100%}.usage-intro>div{min-width:0}.usage-filter label{min-width:0}.usage-kpis article{overflow-wrap:anywhere}