/* Squid'nsert Finder styles. Ported from docs/squidnsert-finder.html; all rules are scoped under #sqf-root. */
  #sqf-root{
    --bg:#130f1b;--panel:#1b1526;--panel2:#221a30;--line:#33264a;
    --ink:#f1eef7;--muted:#a99cc0;--muted2:#6f6486;
    --teal:#2ccbeb;--teal-dim:#0e3a44;--amber:#f9861f;--amber-dim:#3a2410;--danger:#ff6b5e;
    --purple:#9a33d6;--purple-dim:#2a1640;--flame3:#ef3323;
    --flame:linear-gradient(90deg,#fde047,#f9861f 46%,#ef3323);
    --radius:8px;
    all:initial;display:block;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;
    max-width:600px;margin:0 auto;padding:22px;border:1px solid var(--line);border-radius:14px;box-sizing:border-box;
  }
  #sqf-root *{box-sizing:border-box;}
  #sqf-root .mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;}
  #sqf-root .head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
  #sqf-root h2{font-size:24px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--teal);
    text-shadow:2px 2px 0 var(--purple),3px 3px 0 #000,4px 4px 0 #000;}
  #sqf-root .flamebar{height:4px;width:118px;border-radius:3px;background:var(--flame);margin:9px 0 2px;}
  #sqf-root .head .dot{color:var(--teal);}
  #sqf-root .sub{color:var(--muted);font-size:13.5px;margin:0 0 18px;}
  #sqf-root .steps{display:flex;gap:6px;margin-bottom:16px;}
  #sqf-root .steps .s{flex:1;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);
    padding:7px 8px;border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:var(--panel);}
  #sqf-root .steps .s.on{color:var(--bg);background:var(--teal);border-color:var(--teal);font-weight:700;}
  #sqf-root .steps .s.done{color:var(--purple);border-color:var(--purple-dim);}
  #sqf-root .label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;}
  #sqf-root .wheelgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
  @media (max-width:460px){#sqf-root .wheelgrid{grid-template-columns:1fr;}}
  #sqf-root .wheel{display:flex;gap:11px;align-items:center;text-align:left;background:var(--panel);
    border:1px solid var(--line);border-radius:var(--radius);padding:12px;cursor:pointer;color:var(--ink);width:100%;transition:.12s;}
  #sqf-root .wheel:hover{border-color:var(--teal);background:var(--panel2);}
  #sqf-root .wheel:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}
  #sqf-root .wheel svg{flex:0 0 auto;color:var(--teal);}
  #sqf-root .wheel .wt{display:block;font-weight:700;font-size:14px;line-height:1.25;}
  #sqf-root .wheel .wd{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;}
  #sqf-root .back{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;letter-spacing:.06em;padding:0;margin:0 0 12px;}
  #sqf-root .back:hover{color:var(--teal);}
  #sqf-root .chosen{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);
    border-radius:var(--radius);padding:10px 12px;margin-bottom:14px;}
  #sqf-root .chosen svg{color:var(--teal);flex:0 0 auto;}
  #sqf-root .chosen .t{font-weight:700;font-size:13.5px;}
  #sqf-root .chosen .d{font-size:11.5px;color:var(--muted);}
  #sqf-root input.search{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
    color:var(--ink);font-size:15px;padding:12px 13px;margin-bottom:10px;}
  #sqf-root input.search::placeholder{color:var(--muted2);}
  #sqf-root input.search:focus{outline:none;border-color:var(--teal);}
  #sqf-root .list{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);}
  #sqf-root .item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;
    border-top:1px solid var(--line);background:var(--panel);}
  #sqf-root .item:first-child{border-top:none;}
  #sqf-root .item:hover{background:var(--panel2);}
  #sqf-root .item .nm{font-size:14px;}
  #sqf-root .item .nm small{color:var(--muted);font-weight:400;}
  #sqf-root .item .sz{font-size:12.5px;color:var(--teal);white-space:nowrap;font-family:ui-monospace,monospace;}
  #sqf-root .item .sz.amber{color:var(--amber);}
  #sqf-root .item .sz.warn{color:var(--danger);}
  #sqf-root .empty{padding:16px 13px;color:var(--muted);font-size:13px;background:var(--panel);}
  #sqf-root .empty a{color:var(--teal);}
  #sqf-root .result{border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--radius);background:var(--panel);padding:16px;}
  #sqf-root .result.err{border-left-color:var(--danger);}
  #sqf-root .rk{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;}
  #sqf-root .rp{font-size:17px;font-weight:800;margin:0 0 4px;line-height:1.25;}
  #sqf-root .rp small{font-weight:600;color:var(--muted);font-size:13px;}
  #sqf-root .badge{display:inline-block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
    padding:3px 8px;border-radius:20px;margin:6px 0 12px;}
  #sqf-root .badge.in{background:var(--teal-dim);color:var(--teal);}
  #sqf-root .badge.made{background:var(--amber-dim);color:var(--amber);}
  #sqf-root .selrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
  #sqf-root .sel{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:9px 11px;}
  #sqf-root .sel .k{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
  #sqf-root .sel .v{font-size:15px;font-weight:700;margin-top:3px;}
  #sqf-root .sel .v.amber{color:var(--amber);}
  #sqf-root .code{background:var(--bg);border:1px dashed var(--purple);border-radius:6px;padding:10px 12px;margin-bottom:10px;}
  #sqf-root .code .k{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;}
  #sqf-root .code .v{font-family:ui-monospace,monospace;font-size:15px;font-weight:700;color:var(--teal);letter-spacing:.02em;}
  #sqf-root .code .h{font-size:11.5px;color:var(--muted);margin-top:5px;}
  #sqf-root .note{font-size:13px;color:var(--ink);background:var(--teal-dim);border-radius:6px;padding:10px 12px;margin-bottom:10px;}
  #sqf-root .note.warn{background:#3a1f1c;color:#ffd7d2;}
  #sqf-root .note b{color:#fff;}
  #sqf-root .cta{display:inline-block;background:var(--flame);color:#1a0f04;font-weight:800;text-decoration:none;
    padding:12px 18px;border-radius:var(--radius);font-size:14px;letter-spacing:.03em;cursor:pointer;border:none;}
  #sqf-root .cta:hover{filter:brightness(1.08);}
  #sqf-root .cta.ghost{background:none;color:var(--teal);border:1px solid var(--teal);}
  #sqf-root .ctarow{display:flex;gap:9px;flex-wrap:wrap;}
  #sqf-root .helpline{margin-top:14px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;}
  #sqf-root .helpline a{color:var(--teal);text-decoration:none;font-weight:600;}
  #sqf-root .foot{margin-top:16px;font-size:12px;color:var(--muted2);}
  #sqf-root .foot a{color:var(--teal);}
  #sqf-root .hide{display:none !important;}
  /* --- additions for cart + grouped wheel layout --- */
  #sqf-root .wheelgroup{margin-bottom:14px;}
  #sqf-root .wheelgroup .gh{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:800;margin:0 0 7px;}
  #sqf-root .wheel .wd b{color:var(--ink);font-weight:700;}
  #sqf-root .idbig{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:34px;font-weight:800;color:var(--teal);line-height:1;margin:6px 0 10px;letter-spacing:.02em;}
  #sqf-root .price{font-size:18px;font-weight:800;margin-left:10px;color:var(--ink);}
  #sqf-root .badge.out{background:#3a1512;color:var(--danger);}
  #sqf-root .cta:disabled{opacity:.6;cursor:wait;}
  #sqf-root .added{border:1px solid var(--teal);background:var(--teal-dim);border-radius:6px;padding:10px 12px;margin:10px 0;font-size:14px;}
  #sqf-root .added a{color:var(--teal);font-weight:700;}
  #sqf-root .err-msg{color:var(--danger);font-size:13px;margin-top:8px;}
