/* Radar — notificaciones personales */
.radar-notif-wrap{position:relative;display:flex;align-items:center}
.radar-notif-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #cfdadd;border-radius:12px;background:#fff;color:#123f46;font-size:18px;cursor:pointer}
.radar-notif-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#c62828;color:#fff;font-size:11px;line-height:1;font-weight:800;border:2px solid #fff}
.radar-notif-panel{position:absolute;z-index:500;top:50px;right:0;width:min(360px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 90px));overflow:auto;border:1px solid #d8e2e4;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(5,25,30,.18);padding:14px}
.radar-notif-panel.hidden,.radar-notif-badge.hidden{display:none!important}
.radar-notif-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #e6ecee}.radar-notif-head h3{margin:2px 0 0}.radar-notif-head .eyebrow{margin:0}
.radar-notif-close{border:0;background:transparent;font-size:25px;line-height:1;cursor:pointer;color:#52666b}
#radarNotifList{display:grid;gap:8px;padding-top:10px}
.radar-notif-item{display:grid;grid-template-columns:9px 1fr;gap:10px;width:100%;text-align:left;border:1px solid #e1e8ea;border-radius:12px;background:#fff;padding:11px;cursor:pointer;color:#1b2b2e}.radar-notif-item.is-unread{border-color:#4bcdbc;background:#f2fbf9}
.radar-notif-dot{width:8px;height:8px;border-radius:50%;background:#b5c3c5;margin-top:6px}.radar-notif-item.is-unread .radar-notif-dot{background:#12a891}
.radar-notif-item strong,.radar-notif-item small,.radar-notif-item time{display:block}.radar-notif-item small{margin-top:3px;color:#64767a;line-height:1.35}.radar-notif-item time{margin-top:6px;color:#8a999c;font-size:11px}.radar-notif-empty{padding:18px 8px;color:#6d7b7f}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-button{background:#0b2429;border-color:#159c90;color:#eef8f5}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-badge{border-color:#061f24}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-panel{background:#0b2429;border-color:#245158;color:#eef8f5}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-head{border-color:#234348}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-close{color:#c8dbd7}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-item{background:#102d33;border-color:#284b50;color:#eef8f5}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-item.is-unread{background:#113b3d;border-color:#39d2c0}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-item small{color:#b3c7c3}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-item time{color:#88a29d}
@media(max-width:700px){.radar-notif-panel{position:fixed;top:74px;right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 88px)}}

.radar-notif-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 2px}
.radar-notif-tools span{font-size:12px;color:#718388}
.radar-notif-tools button{border:0;background:transparent;color:#137f75;font-weight:750;font-size:12px;cursor:pointer;padding:6px 0}
.radar-notif-tools button.hidden{display:none!important}
.radar-notif-kind{display:inline-block;margin-bottom:4px;font-style:normal;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:#168f83;font-weight:800}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-tools span{color:#95aaa6}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-tools button{color:#59e2d1}
body:has(#obrasMenoresRoot:not(.hidden)) .radar-notif-kind{color:#59e2d1}


/* QA 23/09 — una sola campana unificada en área autenticada */
#viewAlertActivity{display:none!important}
.radar-notif-button{
  background:#0b2429!important;
  border-color:#159c90!important;
  color:#eef8f5!important;
}
.radar-notif-badge{border-color:#061f24!important}
.radar-notif-panel{
  background:#0b2429!important;
  border-color:#245158!important;
  color:#eef8f5!important;
}
.radar-notif-head{border-color:#234348!important}
.radar-notif-close{color:#c8dbd7!important}
.radar-notif-item{
  background:#102d33!important;
  border-color:#284b50!important;
  color:#eef8f5!important;
}
.radar-notif-item.is-unread{
  background:#113b3d!important;
  border-color:#39d2c0!important;
}
.radar-notif-item small{color:#b3c7c3!important}
.radar-notif-item time{color:#88a29d!important}
.radar-notif-tools span{color:#95aaa6!important}
.radar-notif-tools button{color:#59e2d1!important}
.radar-notif-kind{color:#59e2d1!important}
.radar-notif-empty{color:#b3c7c3!important}


/* QA 24/09 — campana estable desktop/móvil */
.radar-notif-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.radar-notif-button{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  flex:0 0 42px!important;
}
.radar-notif-button>span{
  display:block!important;
  line-height:1!important;
  pointer-events:none;
}
.radar-notif-badge{
  position:absolute!important;
  top:-8px!important;
  right:-8px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
  min-width:20px!important;
  width:auto!important;
  height:20px!important;
  padding:0 5px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  z-index:4!important;
}
.radar-notif-badge.hidden{display:none!important}
@media(min-width:701px){
  .radar-notif-panel{
    top:calc(100% + 10px)!important;
    right:0!important;
    width:400px!important;
    max-width:calc(100vw - 32px)!important;
    max-height:min(620px,calc(100vh - 96px))!important;
  }
}
@media(max-width:700px){
  .radar-notif-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
  }
  .radar-notif-badge{top:-7px!important;right:-7px!important}
}


/* QA 24/09 — corrección definitiva de campana y contador */
.radar-notif-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex:0 0 44px!important;
}
.radar-notif-button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:13px!important;
  background:#0b2429!important;
  border:1px solid #159c90!important;
  color:#eef8f5!important;
  overflow:hidden!important;
  line-height:1!important;
}
.radar-notif-button>span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:19px!important;
  line-height:1!important;
  transform:translateY(-1px);
}
.radar-notif-badge{
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:grid!important;
  place-items:center!important;
  min-width:17px!important;
  width:auto!important;
  height:17px!important;
  padding:0 4px!important;
  margin:0!important;
  border:1px solid #0b2429!important;
  border-radius:999px!important;
  background:#bfd46a!important;
  color:#092126!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:5!important;
  box-sizing:border-box!important;
}
.radar-notif-badge.hidden{display:none!important}
.radar-notif-panel{
  margin:0!important;
}
@media(max-width:700px){
  .radar-notif-wrap{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
  .radar-notif-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  .radar-notif-badge{
    top:2px!important;
    right:2px!important;
    min-width:16px!important;
    height:16px!important;
    font-size:9px!important;
  }
}


/* Radar 05/10/2026 — preferencias simples de alertas */
.radar-notif-actions{display:flex;align-items:center;gap:10px}
.radar-alert-pref-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(2,14,18,.76);backdrop-filter:blur(4px)}
.radar-alert-pref-overlay.hidden{display:none!important}
.radar-alert-pref-card{position:relative;width:min(620px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #245158;border-radius:20px;background:#0b2429;color:#eef8f5;box-shadow:0 24px 70px rgba(0,0,0,.38);padding:22px}
.radar-alert-pref-card .eyebrow{margin:0;color:#59e2d1}
.radar-alert-pref-card h2{margin:5px 0 4px;font-size:26px}
.radar-alert-pref-intro{margin:0 0 20px;color:#b3c7c3}
.radar-alert-pref-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#c8dbd7;font-size:28px;cursor:pointer}
.radar-alert-pref-step{display:grid;gap:9px;padding:16px 0;border-top:1px solid #234348}
.radar-alert-pref-step strong{font-size:16px}
.radar-alert-pref-step small{color:#95aaa6}
.radar-alert-pref-chips{display:flex;flex-wrap:wrap;gap:8px}
.radar-alert-pref-chips button,.radar-alert-pref-selected button,.radar-alert-pref-all{border:1px solid #315b61;border-radius:999px;background:#102d33;color:#dcebe8;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer}
.radar-alert-pref-chips button.is-active{background:#173f3d;border-color:#59e2d1;color:#effffb;font-weight:800}
.radar-alert-pref-country{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 0;color:#d7e7e4;cursor:pointer}
.radar-alert-pref-country input{width:18px;height:18px;accent-color:#59e2d1}
.radar-alert-pref-province-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.radar-alert-pref-province-picker select,.radar-alert-pref-province-picker input{min-width:0;border:1px solid #315b61;border-radius:11px;background:#102d33;color:#eef8f5;padding:10px 11px;font:inherit}
.radar-alert-pref-province-picker button{border:1px solid #59e2d1;border-radius:11px;background:#173f3d;color:#eef8f5;padding:10px 14px;font-weight:800;cursor:pointer}
.radar-alert-pref-province-picker button:disabled,.radar-alert-pref-province-picker select:disabled,.radar-alert-pref-province-picker input:disabled{opacity:.45;cursor:not-allowed}
.radar-alert-pref-selected{display:flex;flex-wrap:wrap;gap:7px;min-height:34px}
.radar-alert-pref-selected button span{margin-left:5px;color:#95aaa6}
.radar-alert-pref-message{min-height:20px;margin:4px 0 10px;color:#9de5d9;font-size:13px}
.radar-alert-pref-message.error{color:#ffb4b4}
.radar-alert-pref-save{width:100%;border:0;border-radius:12px;background:#bfd46a;color:#092126;padding:12px 16px;font-weight:900;font-size:15px;cursor:pointer}
.radar-alert-pref-save:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){
  .radar-notif-actions{gap:7px}
  .radar-notif-tools{align-items:flex-start}
  .radar-notif-actions{flex-direction:column;align-items:flex-end}
  .radar-alert-pref-overlay{padding:10px;align-items:end}
  .radar-alert-pref-card{width:100%;max-height:92dvh;border-radius:18px 18px 12px 12px;padding:18px}
  .radar-alert-pref-card h2{font-size:23px;padding-right:30px}
  .radar-alert-pref-province-picker{grid-template-columns:1fr}
}


/* 2026-10-07 — alerta urgente Obras Menores */
.radar-notif-item.is-urgent{border-color:#8a4f44;background:linear-gradient(180deg,rgba(117,62,51,.22),rgba(19,25,30,.98))}
.radar-notif-item.is-urgent .radar-notif-kind{color:#ffb8aa}
.radar-notif-item.is-urgent .radar-notif-dot{background:#e0715d;box-shadow:0 0 0 4px rgba(224,113,93,.12)}


/* Obras Mayores / Obras Menores — origen reconocible en la campana unificada */
.radar-notif-item.is-mayores{border-left:3px solid #55c3dc!important}
.radar-notif-item.is-mayores .radar-notif-kind{color:#85d9ee!important}
.radar-notif-item.is-mayores .radar-notif-dot{background:#55c3dc}
.radar-notif-item.is-menores{border-left:3px solid #a6ce7d!important}
.radar-notif-item.is-menores .radar-notif-kind{color:#c5e76d!important}
.radar-notif-item.is-menores .radar-notif-dot{background:#a6ce7d}
.radar-notif-open-notice{margin:10px 0 0;padding:10px 12px;border:1px solid #b6a064;border-radius:10px;background:#2d3027;color:#f4dfac;font-size:13px;line-height:1.45}

/* Las tarjetas se abren y se marcan como leídas con un único clic. */
#radarNotifList .radar-notif-entry{display:block;min-width:0}
#radarNotifList .radar-notif-entry .radar-notif-item{min-width:0}

/* Oportunidad archivada: aviso integrado, ocre y descartable al confirmar su lectura. */
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable,
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable.is-unread{
  background:#3d3220!important;
  border:1px solid #b88d46!important;
  color:#fff5df!important;
}
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable:hover,
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable:focus-visible{
  background:#504027!important;
  border-color:#e3b967!important;
}
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable .radar-notif-dot{
  background:#e6b85f!important;
}
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable .radar-notif-kind,
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable time{
  color:#edcc87!important;
}
.radar-notif-panel #radarNotifList .radar-notif-item.is-unavailable small{
  color:#f0dcb0!important;
}
.radar-notif-unavailable-label{
  display:inline-block;
  margin-top:7px;
  margin-bottom:2px;
  color:#ffde95;
  font-size:12px;
  font-weight:850;
}