/* ParkRadar Avatar — estilos aislados bajo .pra para resistir a los estilos de botones del tema */
.pra{--pra-ink:#161922;--pra-muted:#6b7280;--pra-line:#e7e8ec;--pra-bg:#fff;--pra-soft:#f4f5f8;--pra-accent:#4a63e7;--pra-danger:#d64545;
  position:relative;display:inline-block;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:14px;line-height:1.3;color:var(--pra-ink);text-align:left;}
.pra *,.pra *::before,.pra *::after{box-sizing:border-box;}

.pra .pra-trigger{display:inline-flex !important;align-items:center;gap:8px;margin:0 !important;padding:4px 10px 4px 4px !important;
  min-height:calc(var(--pra-size) + 8px);height:auto !important;width:auto !important;
  background:var(--pra-bg) !important;color:var(--pra-ink) !important;border:1px solid var(--pra-line) !important;border-radius:999px !important;
  box-shadow:0 2px 8px rgba(20,22,30,.06) !important;cursor:pointer;font:inherit !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important;
  -webkit-appearance:none;appearance:none;transition:box-shadow .15s ease,border-color .15s ease;}
.pra .pra-trigger:hover,.pra .pra-trigger:focus-visible,.pra.is-open .pra-trigger{border-color:#cfd3dc !important;box-shadow:0 4px 14px rgba(20,22,30,.12) !important;background:#fff !important;color:var(--pra-ink) !important;outline:none;}
.pra .pra-trigger:focus-visible{outline:2px solid var(--pra-accent) !important;outline-offset:2px;}

.pra .pra-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;
  width:var(--pra-size);height:var(--pra-size);border-radius:50%;background:linear-gradient(135deg,#4a63e7,#2fb673);color:#fff;font-weight:700;font-size:calc(var(--pra-size) * .42);}
.pra .pra-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;max-width:none;}
.pra .pra-avatar-guest{background:var(--pra-soft);color:var(--pra-ink);}
.pra .pra-avatar-guest .pra-ico{width:55%;height:55%;}
.pra .pra-avatar-lg{--pra-size:44px;}
.pra .pra-ico{display:block;flex:none;stroke:currentColor;fill:none;}
.pra .pra-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pra .pra-chev{display:inline-flex;color:var(--pra-muted);transition:transform .15s ease;}
.pra .pra-chev .pra-ico{width:16px;height:16px;}
.pra.is-open .pra-chev{transform:rotate(180deg);}

/* Menú */
.pra .pra-menu{position:absolute;top:calc(100% + 8px);z-index:99999;width:268px;max-width:calc(100vw - 24px);padding:8px;
  background:var(--pra-bg);border:1px solid var(--pra-line);border-radius:16px;box-shadow:0 16px 40px rgba(20,22,30,.18);}
.pra .pra-menu[hidden]{display:none !important;}
.pra.pra-right .pra-menu{right:0;}
.pra.pra-left .pra-menu{left:0;}
.pra .pra-head{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;}
.pra .pra-head strong{font-size:14px;font-weight:700;color:var(--pra-ink);}
.pra .pra-head small{font-size:12px;color:var(--pra-muted);}
.pra .pra-head-user{flex-direction:row;align-items:center;gap:12px;}
.pra .pra-head-user>div{display:flex;flex-direction:column;min-width:0;}
.pra .pra-head-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pra .pra-group{padding:6px 12px 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pra-muted);}
.pra .pra-sep{height:1px;background:var(--pra-line);margin:6px 4px;}

.pra .pra-item{display:flex !important;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--pra-ink) !important;text-decoration:none !important;font-weight:500;
  min-height:44px;transition:background .12s ease;}
.pra .pra-item:hover,.pra .pra-item:focus-visible{background:var(--pra-soft);color:var(--pra-ink) !important;outline:none;}
.pra .pra-item .pra-ico{color:var(--pra-muted);}
.pra .pra-primary{background:var(--pra-accent);color:#fff !important;font-weight:600;}
.pra .pra-primary:hover,.pra .pra-primary:focus-visible{background:#3b52cf;color:#fff !important;}
.pra .pra-primary .pra-ico{color:#fff;}
.pra .pra-danger,.pra .pra-danger .pra-ico{color:var(--pra-danger) !important;}
.pra .pra-danger:hover{background:#fdecec;}

/* Nombre / etiqueta: visible solo en pantallas anchas salvo show_name="yes" */
.pra.pra-name-off .pra-label,.pra.pra-name-off .pra-chev{display:none;}
.pra.pra-name-off .pra-trigger{padding:4px !important;}
@media (max-width:640px){
  .pra.pra-name-auto .pra-label,.pra.pra-name-auto .pra-chev{display:none;}
  .pra.pra-name-auto .pra-trigger{padding:4px !important;}
  .pra.pra-name-on .pra-label{max-width:84px;}
  /* En móvil el menú se ancla a la ventana para no salirse de pantalla */
  .pra .pra-menu.pra-fixed{position:fixed;left:12px !important;right:12px !important;width:auto;max-width:none;top:var(--pra-top,64px);max-height:calc(100vh - var(--pra-top,64px) - 12px);overflow-y:auto;}
}
@media (prefers-reduced-motion:reduce){.pra *{transition:none !important;}}