/* QRSENAL v0.4.4 mobile analytics */
.trend-line{stroke:#7d9cff!important;stroke-width:3!important}
.trend-fill{fill:rgba(125,156,255,.10)!important}
.progress i{background:#7d9cff!important}
.heatmap i{background:rgba(125,156,255,var(--heat))!important}

.mobile-analytics-browse,.mobile-analytics-backbar{display:none}

@media(max-width:760px){
  .analytics-top{margin-bottom:12px!important}
  .analytics-top p{max-width:31rem}
  .analytics-toolbar{position:relative}
  .mobile-analytics-browse{display:none;margin-top:10px}
  html.mobile-analytics-browse-open .mobile-analytics-browse{display:block}
  html.mobile-analytics-browse-open #analyticsWorkbench,
  html.mobile-analytics-browse-open #analyticsV4{display:none!important}
  html.mobile-analytics-browse-open .mobile-qr-selector{display:none!important}

  .mobile-analytics-browse-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 2px 10px}
  .mobile-analytics-browse-head h2{margin:0;font-size:20px;line-height:1.1}
  .mobile-analytics-browse-head p{margin:4px 0 0;color:#8290a2;font-size:12px}
  .mobile-analytics-browse-tools{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;margin-bottom:10px}
  .mobile-analytics-browse-tools input,.mobile-analytics-browse-tools select{min-width:0;height:44px;border:1px solid #303a49;background:#0b1017;color:#fff;border-radius:11px;padding:0 12px;font-size:16px;outline:none}
  .mobile-analytics-browse-tools input:focus,.mobile-analytics-browse-tools select:focus{border-color:#6f8fff;box-shadow:0 0 0 3px rgba(111,143,255,.12)}
  .mobile-analytics-list{display:grid;gap:7px}
  .mobile-analytics-row{width:100%;min-height:68px;display:grid;grid-template-columns:52px minmax(0,1fr) auto 22px;gap:10px;align-items:center;padding:8px 9px;border:1px solid #27303d;border-radius:13px;background:#11161e;color:#fff;text-align:left;-webkit-tap-highlight-color:transparent}
  .mobile-analytics-row:active{background:#182131;border-color:#40506a}
  .mobile-analytics-thumb{width:52px;height:52px;border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden}
  .mobile-analytics-thumb canvas,.mobile-analytics-thumb img{width:46px!important;height:46px!important;display:block!important}
  .mobile-analytics-copy{min-width:0}.mobile-analytics-copy strong{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-analytics-copy small{display:block;margin-top:4px;color:#7f8c9f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-analytics-scans{text-align:right}.mobile-analytics-scans b{display:block;font-size:14px}.mobile-analytics-scans small{display:block;margin-top:2px;color:#748195;font-size:9px}
  .mobile-analytics-chevron{font-size:28px;line-height:1;color:#7d9cff;margin-top:-2px}
  .mobile-analytics-empty{padding:28px 12px;text-align:center;border:1px dashed #30394a;border-radius:13px;color:#8290a2;font-size:12px}

  .mobile-analytics-backbar{display:none;align-items:center;margin:0 0 10px}
  html.mobile-analytics-detail-open .mobile-analytics-backbar{display:flex}
  .mobile-analytics-backbar button{border:0;background:transparent;color:#9fb4ff;padding:4px 0;font-size:14px;font-weight:800;text-align:left}
  html.mobile-analytics-detail-open .mobile-qr-selector{display:none!important}
  html.mobile-analytics-detail-open .detail-heading{display:flex!important;padding:13px!important;margin-bottom:9px!important}
  html.mobile-analytics-detail-open .detail-heading h2{font-size:20px!important}
  html.mobile-analytics-detail-open .detail-heading p{display:block!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:68vw}

  .metric-row-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metric-v4 strong{font-size:22px!important;line-height:1.05!important}
  .metric-v4:last-child strong{font-size:18px!important;line-height:1.1!important}
  .analytics-trend{min-height:220px!important}
  .line-wrap{height:160px!important}.line-wrap svg{height:136px!important}
}