/* Visitor Intelligence 2 — plugin page styles (scoped .gs-vi2). */
.gs-vi2{--vi2-green:#1FA463;--vi2-blue:#2A6FE8;--vi2-purple:#8B5CF6;--vi2-amber:#D97706;--vi2-red:#DC2626;--vi2-ink:#1B2733;--vi2-mut:#8C95A1;--vi2-line:#E7ECF2;--vi2-bg:#F6F8FB;color:var(--vi2-ink);}
.gs-vi2 .vi2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
.gs-vi2 .vi2-crumb{font-size:12px;color:var(--vi2-mut);font-weight:600;margin-bottom:2px;}
.gs-vi2 .vi2-head h1{font-size:22px;font-weight:800;margin:0;}
.gs-vi2 .vi2-sub{font-size:13px;color:var(--vi2-mut);margin-top:3px;max-width:640px;}
.gs-vi2 .vi2-range{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--vi2-line);border-radius:9px;padding:8px 12px;cursor:pointer;color:var(--vi2-ink);}
.gs-vi2 .vi2-rangemenu{position:absolute;top:42px;right:0;z-index:60;background:#fff;border:1px solid var(--vi2-line);border-radius:10px;box-shadow:0 8px 28px rgba(20,30,45,.12);padding:6px;min-width:150px;display:flex;flex-direction:column;}
.gs-vi2 .vi2-rangemenu .rm{background:none;border:0;text-align:left;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--vi2-ink);cursor:pointer;}
.gs-vi2 .vi2-rangemenu .rm:hover{background:var(--vi2-bg);}
.gs-vi2 .vi2-tabs{display:flex;gap:4px;border-bottom:1px solid var(--vi2-line);margin-bottom:16px;overflow-x:auto;}
.gs-vi2 .vi2-tab{padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--vi2-mut);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;}
.gs-vi2 .vi2-tab.on{color:var(--vi2-ink);border-bottom-color:var(--vi2-green);}
.gs-vi2 .vi2-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;}
.gs-vi2 .vi2-card{grid-column:span 12;background:#fff;border:1px solid var(--vi2-line);border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(20,30,45,.04);}
@media(min-width:768px){.gs-vi2 .vi2-c6{grid-column:span 6;}.gs-vi2 .vi2-c4{grid-column:span 4;}.gs-vi2 .vi2-c8{grid-column:span 8;}.gs-vi2 .vi2-c3{grid-column:span 3;}}
.gs-vi2 .vi2-ct{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.gs-vi2 .vi2-kpi{display:flex;flex-direction:column;gap:2px;}
.gs-vi2 .vi2-kpi .n{font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;}
.gs-vi2 .vi2-kpi .l{font-size:12px;color:var(--vi2-mut);}
.gs-vi2 .vi2-donut{display:flex;align-items:center;gap:16px;}
.gs-vi2 .vi2-seg{transition:stroke-width .12s,opacity .12s;cursor:pointer;}
.gs-vi2 .vi2-key{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:3px 5px;border-radius:6px;cursor:pointer;transition:background .12s;}
.gs-vi2 .vi2-key:hover,.gs-vi2 .vi2-key.hot{background:var(--vi2-bg);}
.gs-vi2 .vi2-key .dot{width:9px;height:9px;border-radius:50%;flex:none;}
.gs-vi2 .vi2-key .v{margin-left:auto;color:var(--vi2-mut);font-variant-numeric:tabular-nums;}
.gs-vi2 .vi2-bar{display:flex;flex-direction:column;gap:9px;}
.gs-vi2 .vi2-bar .row{display:flex;align-items:center;gap:10px;font-size:12.5px;}
.gs-vi2 .vi2-bar .row .lab{width:120px;flex:none;color:var(--vi2-ink);text-transform:capitalize;}
.gs-vi2 .vi2-bar .track{flex:1;height:8px;background:#EEF1F6;border-radius:6px;overflow:hidden;}
.gs-vi2 .vi2-bar .fill{height:100%;border-radius:6px;}
.gs-vi2 .vi2-bar .val{width:42px;text-align:right;flex:none;color:var(--vi2-mut);font-variant-numeric:tabular-nums;}
.gs-vi2 .vi2-reasons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
.gs-vi2 .vi2-reasons li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--vi2-ink);}
.gs-vi2 .vi2-reasons li .n{margin-left:auto;font-size:11px;color:var(--vi2-mut);background:var(--vi2-bg);border-radius:20px;padding:1px 8px;font-variant-numeric:tabular-nums;}
.gs-vi2 table.vi2-tbl{width:100%;border-collapse:collapse;font-size:12.5px;}
.gs-vi2 .vi2-tbl th{text-align:left;color:var(--vi2-mut);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--vi2-line);white-space:nowrap;}
.gs-vi2 .vi2-tbl td{padding:9px 10px;border-bottom:1px solid var(--vi2-line);vertical-align:middle;}
.gs-vi2 .vi2-tbl tr[data-sid]{cursor:pointer;}
.gs-vi2 .vi2-tbl tr[data-sid]:hover{background:var(--vi2-bg);}
.gs-vi2 .vi2-fp{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--vi2-bg);border:1px solid var(--vi2-line);border-radius:6px;padding:2px 7px;color:var(--vi2-ink);white-space:nowrap;}
.gs-vi2 .vi2-chip{display:inline-block;font-size:11px;font-weight:600;border-radius:20px;padding:2px 9px;}
.gs-vi2 .vi2-pill{font-size:11.5px;color:var(--vi2-mut);}
.gs-vi2 .vi2-tl{list-style:none;margin:0;padding:0;position:relative;}
.gs-vi2 .vi2-tl li{position:relative;padding:0 0 14px 22px;border-left:2px solid var(--vi2-line);}
.gs-vi2 .vi2-tl li:last-child{border-left-color:transparent;}
.gs-vi2 .vi2-tl li .mk{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;}
.gs-vi2 .vi2-tl .eng{font-size:12px;font-weight:700;text-transform:capitalize;}
.gs-vi2 .vi2-tl .rz{font-size:12px;color:var(--vi2-mut);}
.gs-vi2 .vi2-empty{color:var(--vi2-mut);font-size:13px;padding:30px 8px;text-align:center;}
.gs-vi2 .vi2-back{font-size:12.5px;color:var(--vi2-blue);cursor:pointer;font-weight:600;}
.gs-vi2 .gs-vi2-range{accent-color:var(--vi2-green);}

/* v3 insights + report additions */
.gs-vi2 .vi2-ins{display:flex;flex-direction:column;gap:9px;}
.gs-vi2 .vi2-ins .item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--vi2-line);border-radius:10px;background:#fff;}
.gs-vi2 .vi2-ins .item .bar{width:4px;align-self:stretch;border-radius:4px;flex:none;}
.gs-vi2 .vi2-ins .item .tx{flex:1;font-size:12.5px;color:var(--vi2-ink);line-height:1.45;}
.gs-vi2 .vi2-ins .item .meta{display:flex;gap:6px;align-items:center;margin-top:5px;}
.gs-vi2 .vi2-prio{font-size:10.5px;font-weight:700;border-radius:20px;padding:1px 8px;text-transform:uppercase;letter-spacing:.03em;}
.gs-vi2 .vi2-prio.high{background:#FDE7E7;color:#DC2626;}
.gs-vi2 .vi2-prio.medium{background:#FEF1DD;color:#D97706;}
.gs-vi2 .vi2-prio.low{background:#E7F3EC;color:#1FA463;}
.gs-vi2 .vi2-conf{font-size:11px;color:var(--vi2-mut);}
.gs-vi2 .vi2-predgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:640px){.gs-vi2 .vi2-predgrid{grid-template-columns:repeat(2,1fr);}}
.gs-vi2 .vi2-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:var(--vi2-green);color:#fff;border:0;border-radius:9px;padding:9px 15px;cursor:pointer;}
.gs-vi2 .vi2-btn:disabled{opacity:.6;cursor:default;}
.gs-vi2 .vi2-rep h2{font-size:16px;font-weight:800;margin:0 0 8px;}
.gs-vi2 .vi2-rep .exec{font-size:13.5px;line-height:1.6;color:var(--vi2-ink);background:var(--vi2-bg);border-left:3px solid var(--vi2-green);border-radius:0 8px 8px 0;padding:12px 14px;margin-bottom:14px;}
.gs-vi2 .vi2-rep .sec{margin-bottom:12px;}
.gs-vi2 .vi2-rep .sec h3{font-size:13px;font-weight:700;margin:0 0 4px;color:var(--vi2-ink);}
.gs-vi2 .vi2-rep .sec p{font-size:12.5px;line-height:1.55;color:#42505E;margin:0;}
.gs-vi2 .vi2-hist{display:flex;flex-direction:column;gap:6px;}
.gs-vi2 .vi2-hist .h{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:8px 10px;border:1px solid var(--vi2-line);border-radius:8px;cursor:pointer;}
.gs-vi2 .vi2-hist .h:hover{background:var(--vi2-bg);}
.gs-vi2 .vi2-hist .h .when{margin-left:auto;color:var(--vi2-mut);font-size:11px;}

/* ── Report tab: export bar, manageable history, report charts ────────────────────────────────
   Same white-card language as the rest of .gs-vi2; nothing above this line was changed. */
.gs-vi2 .vi2-repnote{font-size:12.5px;color:var(--vi2-mut);margin:0 0 12px;line-height:1.5}
.gs-vi2 .vi2-repbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gs-vi2 .vi2-exp{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.gs-vi2 .vi2-exp[hidden]{display:none}
.gs-vi2 .vi2-btn2{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;
  background:#fff;color:var(--vi2-ink);border:1px solid var(--vi2-line);border-radius:9px;padding:8px 12px;
  cursor:pointer;font-family:inherit;transition:border-color .12s,color .12s,box-shadow .12s}
.gs-vi2 .vi2-btn2:hover{border-color:var(--vi2-green);color:var(--vi2-green);box-shadow:0 2px 6px rgba(16,24,40,.08)}
.gs-vi2 .vi2-btn-x{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;
  background:#fff;color:var(--vi2-red);border:1px solid #F3D2D2;border-radius:8px;padding:6px 10px;
  cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,opacity .12s}
.gs-vi2 .vi2-btn-x:hover:not(:disabled){background:#FDEDED;border-color:var(--vi2-red)}
.gs-vi2 .vi2-btn-x:disabled{opacity:.45;cursor:default;color:var(--vi2-mut);border-color:var(--vi2-line)}

.gs-vi2 .vi2-histn{font-size:11.5px;font-weight:600;color:var(--vi2-mut)}
.gs-vi2 .vi2-histbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid var(--vi2-line)}
.gs-vi2 .vi2-histbar[hidden]{display:none}
.gs-vi2 .vi2-chk{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--vi2-ink);
  cursor:pointer;margin:0;user-select:none;-webkit-user-select:none}
.gs-vi2 .vi2-chk input,.gs-vi2 .vi2-hist .hcb{accent-color:var(--vi2-green);width:15px;height:15px;
  flex:none;cursor:pointer;margin:0}
.gs-vi2 .vi2-hist .h{gap:9px}
.gs-vi2 .vi2-hist .h .ht{flex:1;min-width:0}
.gs-vi2 .vi2-hist .h .hx{flex:none;background:none;border:0;padding:2px 4px;line-height:1;border-radius:6px;
  color:var(--vi2-mut);cursor:pointer;font-size:12px;transition:color .12s,background .12s}
.gs-vi2 .vi2-hist .h .hx:hover{color:var(--vi2-red);background:#FDEDED}

.gs-vi2 .vi2-repcharts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}
@media(max-width:767.98px){.gs-vi2 .vi2-repcharts{grid-template-columns:minmax(0,1fr)}}
.gs-vi2 .vi2-repcharts .rc{border:1px solid var(--vi2-line);border-radius:12px;padding:14px;background:#fff;min-width:0}
.gs-vi2 .vi2-repcharts .rc-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--vi2-mut);margin-bottom:10px}
.gs-vi2 .vi2-repcharts .rc-g{display:flex;gap:10px;justify-content:space-around;flex-wrap:wrap}
.gs-vi2 .vi2-repcharts .rc-n{font-size:11.5px;color:var(--vi2-mut);margin-top:8px;text-align:center}
