/* Fixed shared branding and navigation, with measured responsive clearance. */
#radar-shell{position:fixed;inset:0 0 auto;z-index:1000;color:#f0f5ff;font:15px/1.5 system-ui,Arial,sans-serif;text-align:left}
#radar-shell *{box-sizing:border-box}
#radar-shell header{margin:0;max-width:none;padding:9px max(20px,calc((100vw - 1240px)/2));background:linear-gradient(100deg,#192338,#122c35);border-bottom:1px solid #2b364a}
#radar-shell .radar-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:14px;max-width:1240px;margin:auto}
#radar-shell .radar-header-row > div:first-child{min-width:0;flex-shrink:1}
#radar-shell h1{font-size:clamp(17px,1.9vw,22px);line-height:1.2;margin:0;color:#f0f5ff;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
#radar-shell .radar-brand-icon{width:22px!important;height:25px!important;margin-right:4px;vertical-align:-0.15em}
#radar-shell .radar-version{font-size:11px!important;padding:1px 6px!important}
#radar-shell p{font-size:11.5px;margin:2px 0 0;color:#8ea3c4;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#radar-shell .radar-create-link{display:none!important}
#radar-shell .ux-primary-nav{position:static;background:#0f1a2a;border-bottom:1px solid #2b364a}
#radar-shell .ux-nav-inner{max-width:1240px;margin:auto;padding:8px 20px;display:flex;gap:9px;align-items:center;overflow-x:auto}
#radar-shell .ux-nav-inner a,#radar-shell .ux-nav-inner button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;color:#d7e4f2;border:1px solid transparent;border-radius:10px;background:transparent;padding:10px 13px;font:650 14px/1.3 system-ui;min-height:42px;min-width:auto;cursor:pointer}
#radar-shell .ux-nav-inner .ux-nav-current,#radar-shell .ux-nav-inner [aria-current="location"]{background:#233e4c;border-color:#44aa9f;color:#a9fff0}
#radar-shell a:hover,#radar-shell button:hover{text-decoration:underline}
html{scroll-padding-top:calc(var(--radar-shell-height,180px) + 16px)}
.radar-import-only main > :not(#radar-import-panel){display:none!important}
.radar-import-only #radar-import-panel{display:block!important;max-width:960px;margin:20px auto}
@media(max-width:1150px){#radar-shell p{display:none!important}}
@media(max-width:860px){#radar-shell .radar-header-row{flex-wrap:wrap;gap:8px}#radar-shell .radar-auth-pill{width:100%;justify-content:space-between;overflow-x:auto;padding:4px 6px}}
@media(max-width:600px){#radar-shell header{padding:8px 12px}#radar-shell .ux-nav-inner{padding:6px 12px;gap:3px}#radar-shell .ux-nav-inner a,#radar-shell .ux-nav-inner button{padding:8px 10px;font-size:13px}#radar-shell .radar-version{font-size:11px!important}}

body,main{box-sizing:border-box}
body > header nav[hidden]{display:none!important}
body > header.topbar{display:none!important}
body > .ux-primary-nav{display:none!important}

/* Controle de acesso estrito: menu e área de Importação exclusivos para Perfil Master */
#ux-tools-toggle { display: none !important; }
body.radar-user-is-master #ux-tools-toggle { display: inline-flex !important; }
body.radar-import-only:not(.radar-user-is-master) #radar-import-panel,
body.radar-import-only:not(.radar-user-is-master) #echotik-upload { display: none !important; }

/* Estilização de Menus Bloqueados (Opaco, Sem Acesso e Tooltip Faça Upgrade) */
.ux-nav-inner a.radar-nav-locked,
.ux-nav-inner button.radar-nav-locked,
#radar-shell .radar-nav-locked {
  opacity: 0.38 !important;
  filter: grayscale(0.7) !important;
  cursor: not-allowed !important;
  position: relative !important;
  text-decoration: none !important;
  transition: opacity 0.2s, background 0.2s !important;
}

.ux-nav-inner a.radar-nav-locked:hover,
.ux-nav-inner button.radar-nav-locked:hover,
#radar-shell .radar-nav-locked:hover {
  opacity: 0.58 !important;
  background: rgba(254, 240, 138, 0.08) !important;
  border-color: rgba(234, 179, 8, 0.45) !important;
  color: #cbd5e1 !important;
}

/* Tooltip visual Faça Upgrade */
.radar-nav-locked[data-upgrade-tooltip]::after {
  content: attr(data-upgrade-tooltip);
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  background: #0f172a;
  color: #fde047;
  border: 1px solid #eab308;
  font-size: 11.5px;
  font-weight: 750;
  padding: 4px 9px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 99999;
  letter-spacing: 0.02em;
}

.radar-nav-locked[data-upgrade-tooltip]:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* Rodapé Institucional e Aviso de Responsabilidade */
footer, .radar-footer-disclaimer, .radar-footer-notice { box-sizing: border-box; }
footer { width: 100%; max-width: 1240px; margin: 36px auto 20px; padding: 16px 20px 24px; text-align: center; }
.radar-footer-notice {
  max-width: 980px;
  margin: 0 auto 16px;
  padding: 14px 18px;
  background: #182232;
  border: 1px solid #364864;
  border-left: 4px solid #f59e0b;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  text-align: left;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}
.radar-footer-notice-icon {
  font-size: 22px;
  line-height: 1.1;
  flex-shrink: 0;
  margin-top: 1px;
}
.radar-footer-notice-content {
  flex: 1;
  min-width: 0;
}
.radar-footer-notice-title {
  display: block;
  font-size: 13px;
  font-weight: 750;
  color: #fcd34d;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.radar-footer-notice-text {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: #cdd9e8;
}
.radar-footer-disclaimer {
  max-width: 980px;
  margin: 0 auto 12px;
}
@media (max-width: 600px) {
  .radar-footer-notice {
    padding: 12px 14px;
    gap: 10px;
    margin: 0 auto 12px;
  }
  .radar-footer-notice-icon {
    font-size: 18px;
  }
  .radar-footer-notice-title {
    font-size: 12px;
  }
  .radar-footer-notice-text {
    font-size: 12px;
  }
}