.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px calc(env(safe-area-inset-bottom)+90px) 14px;}
.card{background:#fff;border-radius:var(--radius);padding:12px;display:flex;gap:11px;align-items:center;margin-bottom:9px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,34,64,.04);}
.card:active{background:#FBFAF6;}
/* thumb-wrap: contenedor con efecto baraja */
.thumb-wrap{position:relative;width:52px;height:52px;flex-shrink:0;}
.thumb{width:52px;height:52px;border-radius:10px;background:#EDEAE0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#B7B2A2;border:1px solid var(--line);position:relative;z-index:1;}
.thumb img{width:100%;height:100%;object-fit:cover;}
/* Baraja: capas detrás */
.thumb-wrap[data-deck]::before,.thumb-wrap[data-deck]::after{content:'';position:absolute;inset:0;border-radius:10px;background:#D5D0C4;border:1px solid rgba(0,0,0,.10);}
.thumb-wrap[data-deck]::before{transform:rotate(-6deg) translateX(-3px) translateY(3px);z-index:0;}
.thumb-wrap[data-deck='2']::after{display:none;}
.thumb-wrap[data-deck='3']::after{transform:rotate(-11deg) translateX(-5px) translateY(5px);z-index:-1;}
/* Badge contador en thumb de card */
.thumb-count{position:absolute;bottom:3px;right:3px;background:rgba(0,0,0,.58);color:#fff;font-size:8.5px;font-weight:700;padding:1px 4px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);line-height:1.5;z-index:2;pointer-events:none;letter-spacing:.2px;}
/* Badge contador en photo-box del sheet */
.pb-count-badge{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;font-size:9px;font-weight:700;padding:1.5px 5px;border-radius:5px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);line-height:1.45;pointer-events:none;}
.card-body{flex:1;min-width:0;}
.card-title{font-size:14.5px;font-weight:650;color:var(--ink);line-height:1.25;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.card-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-soft);flex-wrap:wrap;}
.code-tag{font-family:var(--mono);font-size:11px;background:#EFEBDD;color:#6B6450;padding:1.5px 6px;border-radius:5px;}
.card-right{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.price{font-size:14px;font-weight:700;color:var(--ink);font-family:var(--mono);}
.badge{font-size:9.5px;font-weight:700;letter-spacing:.5px;padding:3px 7px;border-radius:6px;text-transform:uppercase;}
.badge.ok{background:#E4F3E8;color:var(--ok);}
.badge.bajo{background:#FBF0DC;color:var(--warn);}
.badge.critico{background:#F8E2DE;color:var(--crit);}
.badge.sin{background:#ECECEC;color:var(--none);}
.load-more{display:block;width:100%;padding:13px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--steel);font-weight:600;font-size:13.5px;margin-top:4px;}
.empty-state{text-align:center;padding:60px 20px;color:var(--ink-soft);}
.empty-state .e-title{font-weight:700;color:var(--ink);margin-bottom:4px;font-size:15px;}