/*
 * JLPT180 Dashboard Snippet Inline Style Owner.
 * P4.38: moved static inline styles from includes/snippet-360-clean.php.
 * Scope: .jlpt-sn-* only.
 */
.jlpt-sn-stats-row-fallback{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 10px;}
.jlpt-sn-overflow-hidden-rel{position:relative;overflow:hidden;}
.jlpt-sn-color-noi{color:var(--noi)}
.jlpt-sn-unit-small{font-size:.49rem; margin-left:4px;}
.jlpt-sn-stamina-max{font-size:0.7rem}
.jlpt-sn-main-grid{display: grid; grid-template-columns: 1.5fr 1fr; gap: 14px; align-items: start;}
.jlpt-sn-col-stack{display: flex; flex-direction: column; gap: 14px; min-width: 0;}
.jlpt-sn-loop-card{border-radius: 16px; box-shadow: 0 0 20px rgba(212,168,67,0.08); border: 2px solid rgba(212,168,67,0.3); overflow: hidden; transition: 0.3s ease; background: var(--bg2);}
.jlpt-sn-phap-tuong-shadow{box-shadow: inset 0 0 20px rgba(0,0,0,0.5);}
.jlpt-sn-pt3-head-row{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; width:100%;}
.jlpt-sn-pt3-name-stack{display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0;}
.jlpt-sn-pt3-char-name-inline{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:1px; line-height: 1;}
.jlpt-sn-login-btn{background:rgba(212,168,67,0.2); border:1px solid rgba(212,168,67,0.5); color:var(--gold); border-radius:16px; padding:4px 10px; font-size:11px; font-weight:800; cursor:pointer;}
.jlpt-sn-logout-btn{background:rgba(244,63,94,0.1); border:1px dashed rgba(244,63,94,0.3); color:#fb7185; border-radius:8px; padding:4px 8px; font-size:9px; font-weight:800; cursor:pointer;}
.jlpt-sn-hero-display{position:relative; width:100%; min-height:160px; display:flex; justify-content:center; align-items:center;}
.jlpt-sn-side-left{position:absolute; left:0; z-index:1; transform:scale(0.85); transform-origin:left center;}
.jlpt-sn-pet-frame-layer{position:absolute; width:100%; height:100%; z-index:5;}
.jlpt-sn-pet-avatar-float{position:absolute; width:45%; height:45%; z-index:2; animation:floatDoll 3s infinite;}
.jlpt-sn-placeholder-muted{opacity:0.5; z-index:2;}
.jlpt-sn-label-green{color:#34d399;}
.jlpt-sn-doll-center{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; width:120px; height:120px;}
.jlpt-sn-layer-z2{z-index:2; position:absolute; width:100%; height:100%; object-fit:contain;}
.jlpt-sn-layer-z1{z-index:1; position:absolute; width:100%; height:100%; object-fit:contain;}
.jlpt-sn-layer-z3{z-index:3; position:absolute; width:100%; height:100%; object-fit:contain;}
.jlpt-sn-layer-z4{z-index:4; position:absolute; width:100%; height:100%; object-fit:contain;}
.jlpt-sn-layer-z5{z-index:5; position:absolute; width:100%; height:100%; object-fit:contain;}
.jlpt-sn-layer-z6{z-index:6; position:absolute; width:100%; height:100%; object-fit:contain;}
.jlpt-sn-side-right{position:absolute; right:0; z-index:5; transform:scale(0.85); transform-origin:right center;}
.jlpt-sn-side-pk-circle{position:relative; width:70px; height:70px; border-radius:50%; border:2px solid rgba(244,63,94,0.5); background:radial-gradient(circle, rgba(255,255,255,0.1), transparent); display:flex; align-items:center; justify-content:center;}
.jlpt-sn-weapon-img{width:140%; height:140%; object-fit:contain; position:absolute; z-index:2; filter:drop-shadow(0 5px 10px rgba(0,0,0,0.5));}
.jlpt-sn-weapon-placeholder{font-size:1.5rem; opacity:0.5; z-index:2;}
.jlpt-sn-label-red{color:#fb7185;}
.jlpt-sn-mini-stats-row{display:flex; gap:10px; justify-content:center; margin-top:10px;}
.jlpt-sn-tc-badge{font-size:8px; font-weight:900; color:#e879f9; border:1px solid rgba(232,121,249,0.5); background:rgba(232,121,249,0.1); padding:4px 10px; border-radius:8px;}
.jlpt-sn-nt-badge{font-size:8px; font-weight:900; color:#4ade80; border:1px solid rgba(74,222,128,0.5); background:rgba(74,222,128,0.1); padding:4px 10px; border-radius:8px;}
.jlpt-sn-rounded-20{border-radius: 20px;}
.jlpt-sn-display-none{display:none;}
.jlpt-sn-profile-view-base{width:100%; display:none; font-family:'Plus Jakarta Sans', sans-serif;}


/* V-HERO-2: lower the auth button in the character card so it does not cover the name. */
body.jlpt180-clean-lobby .jlpt-sn-pt3-head-row{
  position:relative;
  align-items:flex-start;
  min-height:66px;
  padding-right:0;
}
body.jlpt180-clean-lobby .jlpt-sn-pt3-name-stack{
  width:100%;
  max-width:100%;
  padding-right:0;
}
body.jlpt180-clean-lobby .jlpt-sn-pt3-char-name-inline{
  max-width:100%;
  padding-right:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.jlpt180-clean-lobby .jlpt-sn-login-btn,
body.jlpt180-clean-lobby .jlpt-sn-logout-btn{
  position:absolute;
  right:8px;
  top:38px;
  z-index:30;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 8px 16px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.55);
}
body.jlpt180-clean-lobby .jlpt-sn-logout-btn{
  background:linear-gradient(135deg,rgba(244,63,94,.92),rgba(225,29,72,.88));
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
}
@media(max-width:430px){
  body.jlpt180-clean-lobby .jlpt-sn-pt3-head-row{
    min-height:72px;
  }
  body.jlpt180-clean-lobby .jlpt-sn-login-btn,
  body.jlpt180-clean-lobby .jlpt-sn-logout-btn{
    top:42px;
    right:6px;
  }
}