/* PULSCAM_MODEL_CARDS_ENTERPRISE_ONLY_V1 R2
   Desktop image-first card presentation only.
   Grid, API, routing, filters, header, footer and mobile remain unchanged.
*/
@media (min-width:769px){
  #liveGrid .modelCard{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.14)!important;
    border-radius:15px!important;
    background:#0b0f14!important;
    box-shadow:0 12px 28px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.08)!important;
    isolation:isolate;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }
  #liveGrid .modelCard:hover{
    transform:translateY(-2px);
    border-color:rgba(249,115,22,.38)!important;
    box-shadow:0 18px 38px rgba(15,23,42,.18),0 3px 8px rgba(15,23,42,.09)!important;
  }
  #liveGrid .thumbWrap{
    position:relative;
    border-radius:inherit!important;
    background:#0b0f14!important;
  }
  #liveGrid .thumbWrap img{
    object-fit:cover!important;
    object-position:center!important;
    filter:saturate(.96) contrast(1.02);
    transform:scale(1.001);
  }
  #liveGrid .thumbWrap::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(4,8,14,0) 32%,rgba(4,8,14,.30) 55%,rgba(4,8,14,.92) 100%);
  }
  #liveGrid .thumbWrap::before{
    content:"●  LIVE";
    position:absolute;
    top:8px;
    left:8px;
    z-index:5;
    padding:4px 7px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    background:rgba(9,98,57,.90);
    color:#fff;
    font:900 9px/1 Inter,"Segoe UI",Arial,sans-serif;
    letter-spacing:.025em;
    box-shadow:0 5px 14px rgba(0,0,0,.22);
  }
  #liveGrid .thumbWrap .newBadge{
    left:auto!important;
    right:8px!important;
    top:8px!important;
    z-index:6!important;
    background:linear-gradient(90deg,#ff3b2f,#ff7a1a)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:0 6px 16px rgba(0,0,0,.20)!important;
  }
  #liveGrid .modelInfo{
    position:absolute!important;
    left:0;
    right:0;
    bottom:0!important;
    z-index:4;
    padding:34px 11px 10px!important;
    background:linear-gradient(180deg,rgba(4,8,14,0) 0%,rgba(4,8,14,.62) 34%,rgba(4,8,14,.96) 100%)!important;
    color:#fff!important;
    pointer-events:none;
  }
  #liveGrid .modelInfo > .name{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#fff!important;
    font-family:Inter,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.12!important;
    letter-spacing:-.012em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.36);
  }
  #liveGrid .modelInfo > .name .scoreMini{
    flex:0 0 auto;
    margin-left:auto!important;
    color:#ffd7bd!important;
    font-size:9.5px!important;
    font-weight:850!important;
  }
  #liveGrid .modelInfo > .name + .line.small{
    margin-top:3px!important;
    color:rgba(255,255,255,.82)!important;
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }
  #liveGrid .modelInfo > .roomDesc{
    margin-top:3px!important;
    color:rgba(255,255,255,.76)!important;
    font-size:10.5px!important;
    line-height:1.22!important;
    -webkit-line-clamp:1!important;
    text-shadow:0 1px 2px rgba(0,0,0,.25);
  }
  #liveGrid .modelInfo > .liveTags{
    flex-wrap:nowrap!important;
    gap:4px!important;
    margin-top:6px!important;
    min-height:0!important;
    overflow:hidden;
  }
  #liveGrid .modelInfo > .liveTags .liveTag{
    flex:0 0 auto;
    padding:3px 5px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:6px!important;
    background:rgba(15,23,42,.66)!important;
    color:#fff!important;
    font-size:8.7px!important;
    font-weight:800!important;
    backdrop-filter:blur(6px);
  }
  #liveGrid .modelInfo > .line.small:last-child{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:6px!important;
    padding-top:5px!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    color:rgba(255,255,255,.90)!important;
    font-size:9.2px!important;
    font-weight:760!important;
    line-height:1.15!important;
  }
  #liveGrid .modelInfo > .line.small:last-child::before{
    content:"";
    flex:0 0 6px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 3px rgba(34,197,94,.14);
  }
  #liveGrid .modelCard:focus-visible{
    outline:3px solid rgba(249,115,22,.50);
    outline-offset:3px;
  }
}
@media (prefers-reduced-motion:reduce){
  #liveGrid .modelCard{transition:none!important}
  #liveGrid .modelCard:hover{transform:none!important}
}

/* R2.1 BabyDoll-style refinement: typography/hierarchy only. */
@media (min-width:769px){
  #liveGrid .modelInfo{
    padding:46px 13px 11px!important;
    background:linear-gradient(180deg,rgba(4,8,14,0) 0%,rgba(4,8,14,.52) 30%,rgba(4,8,14,.965) 100%)!important;
  }
  #liveGrid .modelInfo > .name{
    font-size:15.5px!important;
    line-height:1.08!important;
    letter-spacing:-.018em!important;
    text-shadow:0 2px 4px rgba(0,0,0,.42);
  }
  #liveGrid .modelInfo > .name .scoreMini{
    margin-left:6px!important;
    padding:2px 5px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(255,87,34,.86),rgba(255,122,26,.90))!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    box-shadow:0 3px 9px rgba(0,0,0,.20);
  }
  #liveGrid .modelInfo > .name + .line.small{
    margin-top:5px!important;
    color:rgba(255,255,255,.86)!important;
    font-size:11.5px!important;
    font-weight:720!important;
    line-height:1.2!important;
  }
  #liveGrid .modelInfo > .roomDesc{
    margin-top:4px!important;
    color:rgba(255,255,255,.80)!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  #liveGrid .modelInfo > .liveTags{
    gap:5px!important;
    margin-top:7px!important;
  }
  #liveGrid .modelInfo > .liveTags .liveTag{
    padding:3px 6px!important;
    border-radius:7px!important;
    background:rgba(15,23,42,.72)!important;
    border-color:rgba(255,255,255,.18)!important;
    font-size:9px!important;
  }
  #liveGrid .modelInfo > .line.small:last-child{
    margin-top:8px!important;
    padding-top:6px!important;
    color:rgba(255,255,255,.92)!important;
    font-size:9.4px!important;
    border-top-color:rgba(255,255,255,.12)!important;
  }
}

/* R2_2_DESKTOP_NAME_ONLY_DEFAULT */
@media (min-width:769px){
  #liveGrid .modelInfo{
    padding:28px 13px 11px!important;
    transition:padding .18s ease,background .18s ease!important;
  }
  #liveGrid .modelInfo > .name .scoreMini,
  #liveGrid .modelInfo > .name + .line.small,
  #liveGrid .modelInfo > .roomDesc,
  #liveGrid .modelInfo > .liveTags,
  #liveGrid .modelInfo > .line.small:last-child{
    opacity:0!important;
    max-height:0!important;
    margin-top:0!important;
    padding-top:0!important;
    border-top-color:transparent!important;
    overflow:hidden!important;
    transform:translateY(6px);
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,max-height .18s ease,margin .18s ease,padding .18s ease!important;
  }
  #liveGrid .modelInfo > .name .scoreMini{
    max-width:0!important;
    margin-left:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* R2_2_DESKTOP_HOVER_REVEAL */
@media (min-width:769px){
  #liveGrid .modelCard:hover .modelInfo{
    padding:42px 13px 13px!important;
  }
  #liveGrid .modelCard:hover .modelInfo > .name .scoreMini,
  #liveGrid .modelCard:hover .modelInfo > .name + .line.small,
  #liveGrid .modelCard:hover .modelInfo > .roomDesc,
  #liveGrid .modelCard:hover .modelInfo > .liveTags,
  #liveGrid .modelCard:hover .modelInfo > .line.small:last-child{
    opacity:1!important;
    transform:translateY(0);
  }
  #liveGrid .modelCard:hover .modelInfo > .name .scoreMini{
    max-width:90px!important;
    margin-left:auto!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  #liveGrid .modelCard:hover .modelInfo > .name + .line.small{
    max-height:28px!important;
    margin-top:4px!important;
  }
  #liveGrid .modelCard:hover .modelInfo > .roomDesc{
    max-height:30px!important;
    margin-top:4px!important;
  }
  #liveGrid .modelCard:hover .modelInfo > .liveTags{
    max-height:32px!important;
    margin-top:7px!important;
  }
  #liveGrid .modelCard:hover .modelInfo > .line.small:last-child{
    max-height:30px!important;
    margin-top:8px!important;
    padding-top:6px!important;
    border-top-color:rgba(255,255,255,.14)!important;
  }
}

/* R2_2_MOBILE_MINIMAL_INFO */
@media (max-width:768px){
  #liveGrid .modelCard{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.14)!important;
    border-radius:15px!important;
    background:#0b0f14!important;
    box-shadow:0 10px 24px rgba(15,23,42,.14)!important;
    isolation:isolate;
  }
  #liveGrid .thumbWrap{
    position:relative;
    border-radius:inherit!important;
    background:#0b0f14!important;
  }
  #liveGrid .thumbWrap img{
    object-fit:cover!important;
    object-position:center!important;
  }
  #liveGrid .thumbWrap::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(4,8,14,0) 30%,rgba(4,8,14,.32) 56%,rgba(4,8,14,.94) 100%);
  }
  #liveGrid .thumbWrap::before{
    content:"●  LIVE";
    position:absolute;
    top:8px;
    left:8px;
    z-index:5;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(9,98,57,.90);
    color:#fff;
    font:900 9px/1 Inter,"Segoe UI",Arial,sans-serif;
  }
  #liveGrid .thumbWrap .newBadge{
    left:auto!important;
    right:8px!important;
    top:8px!important;
    z-index:6!important;
    border:1px solid rgba(255,255,255,.75)!important;
  }
  #liveGrid .modelInfo{
    position:absolute!important;
    left:0;
    right:0;
    bottom:0!important;
    z-index:4;
    padding:34px 12px 11px!important;
    background:linear-gradient(180deg,rgba(4,8,14,0) 0%,rgba(4,8,14,.64) 36%,rgba(4,8,14,.96) 100%)!important;
    color:#fff!important;
  }
  #liveGrid .modelInfo > .name{
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.12!important;
  }
  #liveGrid .modelInfo > .name .scoreMini{
    display:none!important;
  }
  #liveGrid .modelInfo > .roomDesc,
  #liveGrid .modelInfo > .liveTags{
    display:none!important;
  }
  #liveGrid .modelInfo > .name + .line.small{
    margin-top:4px!important;
    color:rgba(255,255,255,.82)!important;
    font-size:10.8px!important;
    font-weight:700!important;
  }
  #liveGrid .modelInfo > .line.small:last-child{
    display:flex!important;
    align-items:center;
    gap:5px;
    margin-top:7px!important;
    padding-top:6px!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    color:rgba(255,255,255,.90)!important;
    font-size:9.6px!important;
  }
  #liveGrid .modelInfo > .line.small:last-child::before{
    content:"";
    flex:0 0 6px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 3px rgba(34,197,94,.14);
  }
}

/* R2_2_MOBILE_SINGLE_COLUMN_320_430 */
@media (max-width:430px){
  #liveGrid.grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #liveGrid .modelCard{
    border-radius:16px!important;
  }
  #liveGrid .modelInfo{
    padding:42px 14px 13px!important;
  }
  #liveGrid .modelInfo > .name{
    font-size:16px!important;
  }
  #liveGrid .modelInfo > .name + .line.small{
    font-size:11.5px!important;
  }
  #liveGrid .modelInfo > .line.small:last-child{
    font-size:10px!important;
  }
}

/* R2_2_TABLET_TWO_COLUMNS_431_768 */
@media (min-width:431px) and (max-width:768px){
  #liveGrid.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

/* R2_2_DESKTOP_HOVER_BADGE_CLEARANCE */
@media (min-width:769px){
  #liveGrid .thumbWrap::before,
  #liveGrid .thumbWrap .newBadge{
    transition:opacity .14s ease!important;
  }
  #liveGrid .modelCard:hover .thumbWrap::before,
  #liveGrid .modelCard:hover .thumbWrap .newBadge{
    opacity:0!important;
  }
}

/* R2_3_MOBILE_TWO_COLUMNS_360_768 */
@media (max-width:359px){
  #liveGrid.grid{grid-template-columns:1fr!important;}
}
@media (min-width:360px) and (max-width:768px){
  #liveGrid.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
}

/* R2_3_DESKTOP_PROGRESSIVE_DENSITY */
@media (min-width:769px) and (max-width:1099px){
  #liveGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (min-width:1100px) and (max-width:1439px){
  #liveGrid.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (min-width:1440px) and (max-width:1679px){
  #liveGrid.grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media (min-width:1680px){
  #liveGrid.grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}

/* R2_4_DESKTOP_DENSITY_6_7 */
@media (min-width:1440px) and (max-width:1679px){
  #liveGrid.grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}
@media (min-width:1680px){
  #liveGrid.grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;}
}

/* R2_4_MOBILE_CLEAN_NAME_ONLY */
@media (max-width:768px){
  #liveGrid .thumbWrap::after{
    background:linear-gradient(180deg,rgba(4,8,14,0) 58%,rgba(4,8,14,.12) 74%,rgba(4,8,14,.82) 100%)!important;
  }
  #liveGrid .modelInfo{
    padding:18px 8px 7px!important;
    background:linear-gradient(180deg,rgba(4,8,14,0) 0%,rgba(4,8,14,.20) 42%,rgba(4,8,14,.88) 100%)!important;
  }
  #liveGrid .modelInfo > .name{
    font-size:11.5px!important;
    line-height:1.05!important;
    letter-spacing:-.01em!important;
    text-shadow:0 1px 3px rgba(0,0,0,.42)!important;
  }
  #liveGrid .modelInfo > .name + .line.small,
  #liveGrid .modelInfo > .roomDesc,
  #liveGrid .modelInfo > .liveTags,
  #liveGrid .modelInfo > .line.small:last-child{
    display:none!important;
  }
}
@media (max-width:359px){
  #liveGrid .modelInfo{padding:20px 10px 8px!important;}
  #liveGrid .modelInfo > .name{font-size:12px!important;}
}

/* R2_5_DESKTOP_NINE_COLUMN_DENSITY */
@media (min-width:1440px){
  #liveGrid.grid{
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
  }
}

/* R2_5_MOBILE_COMPACT_METRICS_UNDER_NAME */
@media (max-width:768px){
  #liveGrid .modelInfo > .line.small:last-child{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    margin-top:2px!important;
    padding-top:0!important;
    border-top:0!important;
    color:rgba(255,255,255,.76)!important;
    font-size:9px!important;
    line-height:1.05!important;
    opacity:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #liveGrid .modelInfo > .line.small:last-child::before{
    content:none!important;
    display:none!important;
  }
}


/* R2_6_MODEL_NAME_PREMIUM_TYPOGRAPHY_V1 */
#liveGrid .modelInfo > .name{
  position:relative;
  color:#f8fafc!important;
  font-weight:800!important;
  letter-spacing:-.006em!important;
  text-shadow:0 1px 1px rgba(0,0,0,.82),0 2px 7px rgba(0,0,0,.52)!important;
}
#liveGrid .modelInfo > .name::before{
  content:"";
  flex:0 0 auto;
  width:3px;
  height:13px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff8a3d 0%,#f97316 55%,#ea580c 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.28);
}
@media (min-width:769px){
  #liveGrid .modelInfo > .name{
    font-size:15.5px!important;
    line-height:1.08!important;
  }
  #liveGrid .modelCard:hover .modelInfo > .name{color:#fff!important;}
}
@media (max-width:768px){
  #liveGrid .modelInfo > .name{
    font-size:11.5px!important;
    line-height:1.06!important;
    gap:4px!important;
  }
  #liveGrid .modelInfo > .name::before{
    width:2px;
    height:10px;
  }
}
@media (max-width:359px){
  #liveGrid .modelInfo > .name{font-size:12px!important;}
}


/* R2_6R1_MODEL_NAME_ENTERPRISE_SILVER_TYPOGRAPHY_V1 */
#liveGrid .modelInfo > .name{
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",sans-serif!important;
  color:#d7dde6!important;
  font-weight:700!important;
  letter-spacing:.008em!important;
  text-shadow:0 1px 1px rgba(0,0,0,.88),0 2px 5px rgba(0,0,0,.46)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#liveGrid .modelInfo > .name::before{
  width:3px!important;
  height:13px!important;
  opacity:1!important;
  background:linear-gradient(180deg,#ff9a54 0%,#f97316 48%,#dc4f08 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10),0 2px 7px rgba(0,0,0,.32)!important;
}
@media (min-width:769px){
  #liveGrid .modelCard:hover .modelInfo > .name{color:#eef2f7!important;}
}
@media (max-width:768px){
  #liveGrid .modelInfo > .name{
    font-weight:700!important;
    letter-spacing:.006em!important;
    color:#d7dde6!important;
  }
  #liveGrid .modelInfo > .name::before{
    width:3px!important;
    height:11px!important;
  }
}


/* R2_6R2_MODEL_NAME_FINE_SILVER_MOBILE_ACCENT_V1 */
#liveGrid .modelInfo > .name{
  color:#cbd3dd!important;
  font-weight:600!important;
  letter-spacing:.012em!important;
  text-shadow:0 1px 1px rgba(0,0,0,.90),0 2px 4px rgba(0,0,0,.38)!important;
}
#liveGrid .modelInfo > .name::before{
  display:block!important;
  flex:0 0 auto!important;
  align-self:center!important;
  width:3px!important;
  height:12px!important;
  margin-right:2px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffad73 0%,#ff7a1a 45%,#e85a0c 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 5px rgba(249,115,22,.42)!important;
}
@media (min-width:769px){
  #liveGrid .modelInfo > .name{
    font-size:14px!important;
    line-height:1.08!important;
  }
  #liveGrid .modelInfo > .name::before{
    width:3px!important;
    height:12px!important;
  }
  #liveGrid .modelCard:hover .modelInfo > .name{color:#e4e9ef!important;}
}
@media (max-width:768px){
  #liveGrid .modelInfo > .name{
    font-size:10.5px!important;
    font-weight:600!important;
    line-height:1.05!important;
    letter-spacing:.010em!important;
    color:#cbd3dd!important;
    gap:3px!important;
  }
  #liveGrid .modelInfo > .name::before{
    width:3px!important;
    height:12px!important;
    margin-right:2px!important;
    background:#ff7a1a!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 6px rgba(249,115,22,.50)!important;
  }
}
@media (max-width:359px){
  #liveGrid .modelInfo > .name{font-size:11px!important;}
}


/* R2_6R3_INLINE_ACCENT_SQUARE_CARD_ENTERPRISE_V1 */
#liveGrid .modelCard{
  border-radius:0!important;
}
#liveGrid .thumbWrap{
  border-radius:0!important;
}
#liveGrid .modelInfo > .name{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:100%!important;
}
#liveGrid .modelInfo > .name::before{
  display:inline-block!important;
  position:static!important;
  flex:0 0 3px!important;
  width:3px!important;
  height:12px!important;
  margin:0 5px 0 0!important;
  align-self:center!important;
}

/* R2_7_ENTERPRISE_LIVE_STATUS_DOT_V1 */
#liveGrid .thumbWrap::before{
  content:none!important;
  display:none!important;
}

#liveGrid .modelInfo > .name::before{
  content:""!important;
  display:inline-block!important;
  position:static!important;
  flex:0 0 8px!important;
  width:8px!important;
  height:8px!important;
  margin:0 6px 0 0!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:
    0 0 0 2px rgba(34,197,94,.14),
    0 1px 5px rgba(34,197,94,.22)!important;
}

@media(max-width:768px){
  #liveGrid .modelInfo > .name::before{
    flex-basis:7px!important;
    width:7px!important;
    height:7px!important;
    margin-right:5px!important;
    box-shadow:
      0 0 0 2px rgba(34,197,94,.13),
      0 1px 4px rgba(34,197,94,.18)!important;
  }
}