/* BLOQUE 1 AYER LIMPIO V2 */

#dailyYesterdayHeroV12,
#dailyYesterdayFallbackV11,
#dailyYesterdayFallbackV9,
#cleanYesterdayBlock1V1,
#combatReconcileCard.hidden{
  display:none!important;
}

#bloque1AyerLimpioV2{
  order:-50;
  border:1px solid rgba(255,214,0,.30);
  border-radius:18px;
  background:linear-gradient(180deg,#11181E,#0D1116);
  padding:14px;
  margin:0;
}

#bloque1AyerLimpioV2 .b1-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}

#bloque1AyerLimpioV2 .b1-num{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(0,230,118,.12);
  border:1px solid rgba(0,230,118,.35);
  color:#00E676;
  font-size:12px;
  font-weight:950;
  flex:0 0 auto;
}

#bloque1AyerLimpioV2 .b1-head strong{
  display:block;
  color:#F2F6F8;
  font-size:15px;
  font-weight:950;
}

#bloque1AyerLimpioV2 .b1-head small{
  display:block;
  margin-top:3px;
  color:#8EA0B5;
  font-size:11px;
}

#bloque1AyerLimpioV2 .b1-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid #29313B;
  border-radius:16px;
  background:#0B1015;
}

#bloque1AyerLimpioV2 .b1-hero small,
#bloque1AyerLimpioV2 .b1-editor-top small{
  display:block;
  color:#FFD600;
  font-size:10px;
  letter-spacing:1.2px;
  font-weight:950;
}

#bloque1AyerLimpioV2 .b1-hero b{
  display:block;
  margin-top:7px;
  color:#F6FAFC;
  font-size:22px;
  line-height:1.08;
  font-weight:950;
}

#bloque1AyerLimpioV2 .b1-hero span{
  display:block;
  margin-top:6px;
  color:#BFD0E4;
  font-size:13px;
}

#bloque1AyerLimpioV2 .b1-editor{
  padding:14px;
  border:1px solid #29313B;
  border-radius:16px;
  background:#0B1015;
}

#bloque1AyerLimpioV2 .b1-editor-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
}

#bloque1AyerLimpioV2 .b1-editor-top p{
  margin:5px 0 0;
  color:#BFD0E4;
  font-size:12px;
}

#bloque1AyerLimpioV2 .b1-row{
  border:1px solid #26313B;
  border-radius:16px;
  background:#0D1318;
  padding:12px;
  margin-bottom:10px;
}

#bloque1AyerLimpioV2 .b1-row-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

#bloque1AyerLimpioV2 .b1-row-head b{
  color:#F2F6F8;
  font-size:13px;
  font-weight:950;
}

#bloque1AyerLimpioV2 .b1-del{
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(255,64,129,.45);
  background:rgba(255,64,129,.08);
  color:#FF5C8A;
  font-size:24px;
  font-weight:900;
}

#bloque1AyerLimpioV2 label{
  display:block;
  color:#9FB0C4;
  font-size:10px;
  letter-spacing:1.1px;
  font-weight:950;
  margin:10px 0;
}

#bloque1AyerLimpioV2 select,
#bloque1AyerLimpioV2 input{
  width:100%;
  margin-top:7px;
  min-height:54px;
  border:1px solid #29313B;
  border-radius:14px;
  background:#0B1015;
  color:#F6FAFC;
  padding:0 14px;
  font-size:15px;
}

#bloque1AyerLimpioV2 .wide{
  width:100%;
  margin-top:10px;
}

@media(max-width:430px){
  #bloque1AyerLimpioV2 .b1-hero{
    grid-template-columns:1fr;
  }
}

/* Light theme: this file loads after styles.css, so the Ayer surface is
   resolved here without changing any dark-theme declaration above. */
html[data-theme="light"] #bloque1AyerLimpioV2{
  border-color:#D9BF50;
  background:linear-gradient(180deg,#FFFDF4,#F3F6F8);
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-head strong,
html[data-theme="light"] #bloque1AyerLimpioV2 .b1-hero b,
html[data-theme="light"] #bloque1AyerLimpioV2 .b1-row-head b{
  color:#17212B;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-head small,
html[data-theme="light"] #bloque1AyerLimpioV2 .b1-hero span,
html[data-theme="light"] #bloque1AyerLimpioV2 .b1-editor-top p,
html[data-theme="light"] #bloque1AyerLimpioV2 label{
  color:#5E6C79;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-hero,
html[data-theme="light"] #bloque1AyerLimpioV2 .b1-editor{
  border-color:#CBD6DE!important;
  background:#FFFFFF!important;
  color:#17212B;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-row{
  border-color:#D4DEE5!important;
  background:#F6F8FA!important;
  color:#17212B;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-row-head{
  border-bottom-color:#DCE4EA!important;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-editor-top small{
  color:#806900;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-field{
  color:#5E6C79!important;
}

html[data-theme="light"] #bloque1AyerLimpioV2 select,
html[data-theme="light"] #bloque1AyerLimpioV2 input{
  border-color:#C8D3DC!important;
  background:#FFFFFF!important;
  color:#17212B!important;
  box-shadow:0 1px 2px rgba(26,44,58,.04);
}

html[data-theme="light"] #bloque1AyerLimpioV2 :is(select,input):focus{
  border-color:#718394!important;
  box-shadow:0 0 0 3px rgba(54,87,111,.12)!important;
  outline:none;
}

html[data-theme="light"] #bloque1AyerLimpioV2 :is(select,input):disabled{
  background:#EDF2F5!important;
  color:#7A8792!important;
  border-color:#D6DFE5!important;
  opacity:.72;
}

html[data-theme="light"] #bloque1AyerLimpioV2 input::placeholder{
  color:#8B98A3;
  opacity:1;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-del{
  border-color:#E3A4AF;
  background:#FFF0F2;
  color:#B4233C;
}

html[data-theme="light"] #bloque1AyerLimpioV2 .b1-del:hover{
  border-color:#D98291;
  background:#FFE4E8;
}

html[data-theme="light"] #bloque1AyerLimpioV2 :is(.b1-del,[data-b1="add"],[data-b1="save"],[data-b1="cancel"]):focus-visible{
  outline:3px solid rgba(54,87,111,.18);
  outline-offset:2px;
}

html[data-theme="light"] #bloque1AyerLimpioV2 :is(.b1-del,[data-b1="add"],[data-b1="save"],[data-b1="cancel"]):disabled{
  opacity:.46;
  cursor:not-allowed;
}