/* Loss prevention v2 (owner 10-11 reference design), console tokens (light + dark) */
.lp2{display:flex;flex-direction:column;gap:14px}
.lp2-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lp2-s{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.lp2-s:hover{border-color:var(--line-2)}
.lp2-s.hot{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 35%,transparent)}
.lp2-s .l{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.lp2-s .v{font-size:28px;font-weight:700;color:var(--ink);line-height:1.1;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lp2-s .v small{font-size:12.5px;font-weight:500;color:var(--ink-3)}
.lp2-bar{display:flex;height:5px;border-radius:5px;overflow:hidden;background:var(--sunk)}
.lp2-bar i{display:block;height:100%}
.lp2-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.lp2-tabs button{all:unset;cursor:pointer;padding:9px 12px;font-size:14px;font-weight:600;color:var(--ink-3);border-bottom:2px solid transparent}
.lp2-tabs button.on{color:var(--ink);border-bottom-color:var(--brand)}
.lp2-tabs b{font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--sunk);color:var(--ink-2);margin-left:4px}
.lp2-bar2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lp2-sp{flex:1}
.lp2-chip{all:unset;cursor:pointer;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-2);background:var(--surface)}
.lp2-chip.on{border-color:var(--brand);color:var(--ink);background:color-mix(in srgb,var(--brand) 12%,var(--surface));font-weight:600}
.lp2-chip b{font-weight:700;margin-left:2px}
.lp2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.lp2-card{border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:14px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}
.lp2-card.t-crit{border-left-color:var(--bad)}.lp2-card.t-warn{border-left-color:var(--warn)}.lp2-card.t-blue{border-left-color:var(--info)}
.lp2-card .v6pb-tile{width:100%;border-radius:0;aspect-ratio:16/9}
.lp2-cb{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.lp2-ttl{display:flex;align-items:center;gap:8px}
.lp2-ttl b{font-size:15px;color:var(--ink);flex:1}
.lp2-facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--ink-3)}
.lp2-facts span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ink-3);margin-right:6px;vertical-align:middle}
.lp2-who{display:flex;align-items:center;gap:10px}
.lp2-who small{display:block;font-size:12px;color:var(--ink-3)}
.lp2-av{width:32px;height:32px;border-radius:50%;background:var(--sunk);color:var(--ink-2);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;flex:0 0 auto}
.lp2-acts,.lp2-reasons,.lp2-done{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lp2-bad{color:var(--bad)!important;border-color:color-mix(in srgb,var(--bad) 45%,var(--line))!important}
.lp2-undo{all:unset;cursor:pointer;margin-left:auto;font-size:12.5px;color:var(--brand);text-decoration:underline}
.lp2-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--sunk);color:var(--ink-2);white-space:nowrap}
.lp2-tag.crit{background:var(--bad-bg);color:var(--bad)}.lp2-tag.warn{background:var(--warn-bg);color:var(--warn)}.lp2-tag.good{background:var(--ok-bg);color:var(--ok)}.lp2-tag.blue{background:var(--info-bg);color:var(--info)}
.lp2-mut{color:var(--ink-3);font-size:12.5px}
.lp2-h{font-size:14px;margin:6px 0 0;color:var(--ink-2)}
.lp2-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.lp2-tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
div.lp2-tile{cursor:default}
.lp2-tile .l{font-size:12px;color:var(--ink-3)}.lp2-tile .v{font-size:22px;font-weight:700;color:var(--ink)}
.lp2-tile.on{border-color:var(--brand)}
.lp2-tile.ok .v{color:var(--ok)}.lp2-tile.bad .v{color:var(--bad)}.lp2-tile.warn .v{color:var(--warn)}
.lp2-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 14px}
.lp2-ph{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.lp2-ph b{flex:0 0 auto}.lp2-ph .lp2-mut{flex:1}
.lp2-hrs{display:flex;align-items:flex-end;gap:6px;height:62px}
.lp2-hr{all:unset;cursor:pointer;flex:1 1 0;display:flex;flex-direction:column-reverse;gap:1px;min-height:4px;border-radius:4px 4px 0 0}
.lp2-hr i{display:block;border-radius:2px}
.lp2-hr.on{outline:2px solid var(--brand);outline-offset:1px}
.lp2-hrl{display:flex;gap:6px;margin-top:4px}.lp2-hrl span{flex:1 1 0;text-align:center;font-size:11px;color:var(--ink-3)}
.lp2-tbl td{vertical-align:middle}
.lp2-tbl tr.lp2-flag td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
.lp2-clipc .v6pb-tile{width:120px}
@media (max-width:900px){.lp2-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lp2-grid{grid-template-columns:1fr}.lp2-s .v{font-size:22px}}
.lp2-tabs{overflow-x:auto;scrollbar-width:none}.lp2-tabs::-webkit-scrollbar{display:none}.lp2-tabs button{white-space:nowrap;flex:0 0 auto}
/* owner 10-11: customer photo + full picture in Visits / Main counter rows (tap = full size) */
.lp2-scene{display:block;width:120px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--sunk)}
.lp2-scene img{width:100%;height:100%;object-fit:cover;display:block}
/* person photo = the Customers / Detection log cell (owner 10-11 'make it uniform like other logs') */
.lp2-tbl td.c-img,.lp2-tbl th.c-img{width:62px}
.lp2-tbl .cuph{width:51px;height:68px;border-radius:8px;background:var(--sunk);overflow:hidden;display:flex;align-items:center;justify-content:center}
.lp2-tbl .cuph img{width:51px;height:68px;object-fit:contain;display:block}
.lp2-pp{all:unset;cursor:pointer;display:block;width:51px;height:68px}
.lp2-tbl .lp-bperson{white-space:nowrap}
.lp2-cuph{width:51px;height:68px;border-radius:8px;background:var(--sunk);overflow:hidden;flex:0 0 auto}
.lp2-cuph img{width:51px;height:68px;object-fit:contain;display:block}
.lp2-clipc .v6pb-tile{width:170px}
.lp2-sl{text-decoration:underline dotted;cursor:pointer}.lp2-sl:hover{color:var(--brand)}
.lp2-clear{color:var(--brand);border-style:dashed}
.lp2-clips{display:flex;flex-direction:column;gap:6px}
.lp2-tbl .cuph img.fb{object-fit:cover}
/* owner 11-11 (390 px check): the 4 tabs fit (wrap to a second line on a phone); hour bars >= 24 px to tap, the strip
   scrolls sideways without a visible bar; the clip caption wraps instead of being cut; picture-only tiles open full size */
.lp2-sep{width:1px;height:20px;background:var(--line);margin:0 2px}
.lp2-hrw{overflow-x:auto;scrollbar-width:none}.lp2-hrw::-webkit-scrollbar{display:none}
.lp2-hr,.lp2-hrl span{min-width:24px}
.lp2-clipc .v6pb-tile{max-width:100%}
.lp2-clipc .v6pb-tl,.lp2-card .v6pb-tl{white-space:normal;max-width:calc(100% - 52px);line-height:1.25}
.lp2-pic{cursor:zoom-in}
.lp2-cuph img.fb{object-fit:cover}
@media (max-width:640px){
  .lp2-tabs{flex-wrap:wrap;overflow:visible;gap:0}
  .lp2-tabs button{padding:8px 7px;font-size:13px}
  .lp2-tabs b{margin-left:2px;padding:1px 5px}
}