/* CAM FINDER (cams tab) + INSPECT favorite star */
#camfinder{border:1px solid var(--line);background:var(--panel);margin:6px 0 10px;--c:var(--cy)}
#camfinder .cf-h{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;user-select:none}
#camfinder .cf-h b{font:700 13px var(--hd);letter-spacing:.22em;color:var(--cy2)}
#camfinder .cf-cnt{flex:1;text-align:right;font-size:10px;letter-spacing:.1em;color:var(--dim);font-variant-numeric:tabular-nums}
#camfinder .cf-chev{color:var(--dim);font-style:normal;transition:transform .15s}
#camfinder.shut .cf-chev{transform:rotate(-90deg)}#camfinder.shut .cf-body{display:none}
#camfinder .cf-body{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}
#camfinder .cf-cotd{border:1px solid color-mix(in srgb,var(--m-gold) 40%,transparent);background:color-mix(in srgb,var(--m-gold) 6%,transparent);padding:8px}
#camfinder .cf-ch{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.2em;color:var(--dim)}
#camfinder .cf-ch b{color:var(--m-gold);font-weight:400}
#camfinder .cf-cb{display:flex;align-items:center;gap:8px;margin:6px 0}
#camfinder .cf-ca{display:flex;gap:6px}
#camfinder .cf-q{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--ink);padding:8px 9px;font:inherit;font-size:12px;letter-spacing:.06em}
#camfinder .cf-q:focus{outline:none;border-color:var(--cy)}
#camfinder .cf-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:112px;overflow:auto;scrollbar-width:thin}
#camfinder .cf-c{border:1px solid var(--faint);padding:3px 7px;font-size:10px;letter-spacing:.06em;color:var(--dim);transition:.12s;white-space:nowrap}
#camfinder .cf-c small{color:var(--mute);font-size:9.5px}
#camfinder .cf-c:hover{border-color:var(--cy)}
#camfinder .cf-c.on{color:var(--m-hi);border-color:var(--cy);background:color-mix(in srgb,var(--cy) 16%,transparent)}
#camfinder .cf-opts{display:flex;gap:8px;align-items:center}
#camfinder .cf-co{flex:1;min-width:0;background:var(--panel2);border:1px solid var(--line);color:var(--ink);padding:5px 6px;font:inherit;font-size:10.5px}
#camfinder .cf-v{display:flex;align-items:center;gap:5px;font-size:9.5px;letter-spacing:.1em;color:var(--dim);cursor:pointer;white-space:nowrap}
#camfinder .cf-list{position:relative;height:300px;overflow-y:auto;border:1px solid var(--line2);background:var(--panel);scrollbar-width:thin}
#camfinder .cf-in{position:relative;width:100%}
#camfinder .cf-r{position:absolute;left:0;right:0;height:44px;display:flex;align-items:center;gap:8px;padding:0 8px;text-align:left;border-bottom:1px solid var(--line2);width:100%}
#camfinder .cf-r:hover,#camfinder .cf-r:focus-visible{background:color-mix(in srgb,var(--cy) 12%,transparent)}
#camfinder .cf-r.bad{opacity:.45}
#camfinder .cf-n{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#camfinder .cf-n b{font-weight:400;font-size:11.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}
#camfinder .cf-n small{font-size:9.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}
#camfinder .cf-t{flex:none;min-width:34px;text-align:center;font-size:10px;letter-spacing:.08em;padding:2px 3px;border:1px solid var(--faint);color:var(--dim)}
#camfinder .cf-t.t-hls,#camfinder .cf-t.t-mjpeg{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
#camfinder .cf-t.t-embed{color:var(--red2);border-color:color-mix(in srgb,var(--red2) 40%,transparent)}
#camfinder .cf-s{flex:none;color:var(--m-gold);font-style:normal;font-size:13px}
#camfinder .cf-empty{padding:12px 4px;font-size:10.5px;letter-spacing:.1em;color:var(--dim);text-align:center}
#tb-inspect .acts .btn[data-cf] .cf-star{color:var(--m-gold)}
#tb-inspect .acts .btn[data-cf][aria-pressed="true"]{border-color:var(--m-gold);color:var(--m-hi)}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  #camfinder .cf-list{height:min(34vh,240px)}
  #camfinder .cf-r{height:44px}
  #camfinder .cf-c,#camfinder .cf-co,#camfinder .cf-q{min-height:34px}
  #camfinder .cf-chips{flex-wrap:nowrap;max-height:none;overflow-x:auto;padding-bottom:3px}
  #camfinder .cf-q{font-size:16px}
}
/* QA 10/13 tabs-a: tap targets on phones (COTD buttons were 21px, INSPECT action row 29px) */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  #camfinder .cf-ca .btn,#camfinder .cf-cb .btn{min-height:34px}
  #tb-inspect .acts .btn{min-height:34px}
  #camfinder .cf-h{min-height:38px}
}
/* UX sweep tab-extras: 44px touch targets; chips never hide a half-clipped row on tablet/desktop */
#camfinder .cf-chips{max-height:none}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  #camfinder .cf-c,#camfinder .cf-co,#camfinder .cf-q,#camfinder .cf-ca .btn,#camfinder .cf-cb .btn,#camfinder .cf-h{min-height:44px}
  #camfinder .cf-c{padding:3px 11px}
}