/* Radar de Obra — targeted UI fixes v3 */

/* --- Top bar icon reliability/alignment --- */
#interpretationHelp,
#radarProfileButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
  padding:0!important;
}
#interpretationHelp::before,
#radarProfileButton::before{
  display:none!important;
  content:none!important;
}
.radar-top-icon{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  flex:0 0 auto;
}
.radar-help-icon{
  font-size:20px!important;
  font-weight:900;
  color:var(--brand);
  transform:translateY(-.5px);
}
.radar-gear-text{
  font-family:Arial,"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;
  font-size:21px!important;
  font-weight:400;
  color:var(--brand);
  line-height:1!important;
  transform:translateY(-.5px);
}

/* --- Created alerts: cleaner, more compact card treatment --- */
#tusAlertas{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
#tusAlertas:empty{
  display:none;
}
#tusAlertas:not(:empty)::before{
  content:'Tus alertas creadas';
  display:block;
  margin:0 0 14px;
  color:var(--ink);
  font-size:18px;
  font-weight:850;
  letter-spacing:-.015em;
}
#tusAlertas .alertas-list{
  display:grid;
  gap:14px;
}
#tusAlertas .alerta-card{
  padding:18px!important;
  border-radius:18px!important;
  border-color:#d9e2e4!important;
  box-shadow:0 8px 24px rgba(23,32,38,.045);
}
#tusAlertas .alerta-card .access-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:14px;
  margin-bottom:4px;
  border-bottom:1px solid #edf1f2;
}
#tusAlertas .alerta-card .access-head strong{
  display:block;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.015em;
}
#tusAlertas .alerta-card .access-head .muted{
  display:inline-flex;
  width:max-content;
  margin:7px 0 0!important;
  padding:4px 9px;
  border-radius:999px;
  background:#eaf4ef;
  color:#2f6b4e!important;
  font-size:11px!important;
  font-weight:850;
  line-height:1.15!important;
}
#tusAlertas .alerta-card .access-head .muted.radar-alert-paused{
  background:#f3f1eb;
  color:#786a41!important;
}
#tusAlertas .alerta-card .kv{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-top:0;
}
#tusAlertas .alerta-card .kv>div{
  display:grid;
  grid-template-columns:minmax(110px,.9fr) minmax(0,1.35fr);
  align-items:start;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #f0f3f4;
}
#tusAlertas .alerta-card .kv>div:last-child{
  border-bottom:0;
}
#tusAlertas .alerta-card .kv span{
  margin:0;
  font-size:10px!important;
  line-height:1.25;
  letter-spacing:.07em;
  color:#7a868c!important;
}
#tusAlertas .alerta-card .kv strong{
  display:block;
  min-width:0;
  font-size:13px;
  line-height:1.35;
  text-align:right;
  color:var(--ink);
  overflow-wrap:anywhere;
}
#tusAlertas .alerta-card .access-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px!important;
  margin-top:16px;
}
#tusAlertas .alerta-card .access-actions .access-copy{
  width:100%;
  min-height:42px;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid #d7e0e2!important;
  border-radius:11px!important;
  background:#fff;
  color:var(--brand);
  font-weight:800;
}
#tusAlertas .alerta-card .access-actions .alerta-edit{
  background:#eef6f5;
  border-color:#c9dedd!important;
}
#tusAlertas .alerta-card .access-actions .alerta-delete{
  background:#fff8f8;
  border-color:#ecd3d3!important;
  color:#9c2b2b;
}

@media(max-width:520px){
  #interpretationHelp,
  #radarProfileButton{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  #tusAlertas{
    margin-top:26px;
    padding-top:20px;
  }
  #tusAlertas .alerta-card{
    padding:16px!important;
  }
  #tusAlertas .alerta-card .kv>div{
    grid-template-columns:108px minmax(0,1fr);
    gap:10px;
    padding:9px 0;
  }
  #tusAlertas .alerta-card .access-actions{
    grid-template-columns:1fr 1fr;
  }
}