/* Help from the void — clean portal header */
.portal-header{
  position:relative;
  z-index:70;
  background:rgba(6,12,21,.96);
  border-bottom:1px solid rgba(134,158,190,.14);
  box-shadow:0 10px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(16px);
}
.portal-header-inner{
  min-height:92px;
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:28px!important;
}
.portal-brand{display:flex!important;align-items:center;gap:14px;min-width:max-content;text-decoration:none!important}
.portal-brand .logo-icon{
  width:54px;height:54px;min-width:54px;border-radius:16px;
  display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;
  background:linear-gradient(145deg,#4f83ff,#7d57f5);
  box-shadow:0 10px 28px rgba(84,105,255,.25),inset 0 1px 0 rgba(255,255,255,.2);
}
.portal-brand-copy{display:flex;flex-direction:column;line-height:1.15}
.portal-brand-copy strong{font-size:20px;color:var(--text,#f3f7ff);letter-spacing:-.02em;white-space:nowrap}
.portal-brand-copy small{margin-top:6px;color:var(--muted,#8290a6);font-size:12px;font-weight:600}
.portal-nav{display:flex!important;align-items:center;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
.portal-nav::-webkit-scrollbar{display:none}
.portal-nav-link,.portal-services-button{
  position:relative;display:inline-flex!important;align-items:center;gap:9px;min-height:48px;
  padding:0 14px!important;border:0;background:transparent;color:var(--muted,#9aa7ba)!important;
  border-radius:12px;text-decoration:none!important;font-size:14px!important;font-weight:760!important;
  transition:background .18s ease,color .18s ease,transform .18s ease;
  flex:0 0 auto;cursor:pointer;font-family:inherit;
}
.portal-nav-link:hover,.portal-services-button:hover{background:rgba(89,133,210,.08);color:var(--text,#eef4ff)!important}
.portal-nav-link.active{
  color:var(--text,#f7faff)!important;background:linear-gradient(180deg,rgba(64,119,210,.16),rgba(41,79,139,.10));
  box-shadow:inset 0 0 0 1px rgba(88,145,235,.22);
}
.portal-nav-link.active:after{
  content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;border-radius:3px 3px 0 0;
  background:#2fa8ff;box-shadow:0 0 16px rgba(47,168,255,.38);
}
.portal-nav-icon{font-size:17px;opacity:.9;line-height:1}
.portal-new-badge{
  display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;
  color:#ffd43b;background:rgba(255,193,7,.06);border:1px solid rgba(255,193,7,.65);
  font-size:10px;letter-spacing:.06em;font-weight:900;
}
.services-caret{font-size:13px;opacity:.72;transition:transform .18s ease}
.portal-services-button.open .services-caret{transform:rotate(180deg)}
.portal-actions{display:flex!important;align-items:center;gap:9px;min-width:max-content}
.portal-icon-button{
  position:relative;width:46px;height:46px;min-width:46px;padding:0!important;border:1px solid rgba(132,153,184,.18)!important;
  border-radius:13px!important;background:rgba(17,26,40,.62)!important;color:#b8c4d7!important;
  display:grid!important;place-items:center;text-decoration:none!important;transition:.18s ease;
}
.portal-icon-button:hover{background:rgba(28,43,66,.82)!important;border-color:rgba(93,145,230,.32)!important;color:#fff!important;transform:translateY(-1px)}
.portal-bell{font-size:20px}
.portal-notification-dot{
  position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;
  display:grid;place-items:center;background:#229cff;color:white;border:2px solid #07101b;font-size:9px;font-weight:900;
}
.user-account{position:relative}
.user-pill{
  min-height:52px!important;padding:6px 12px 6px 7px!important;border-radius:16px!important;
  background:rgba(18,28,43,.72)!important;border:1px solid rgba(134,158,190,.18)!important;
  box-shadow:none!important;display:flex!important;align-items:center;gap:10px!important;cursor:pointer;transition:.18s ease;
}
.user-pill:hover{background:rgba(25,38,57,.9)!important;border-color:rgba(97,143,221,.30)!important}
.mini-avatar{
  width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#4e83ff,#7659ee)!important;color:#fff!important;display:grid!important;place-items:center;font-weight:900;
}
.user-meta{display:flex!important;flex-direction:column;line-height:1.15;min-width:0}
.user-meta strong{font-size:13px!important;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-meta small{display:flex!important;align-items:center;gap:6px;margin-top:4px;color:#71caa2!important;font-size:11px!important}
.portal-online-dot{width:6px;height:6px;border-radius:50%;background:#4fd19a;box-shadow:0 0 8px rgba(79,209,154,.45)}
.user-caret{margin-left:4px;color:#75849a;font-size:11px}
.user-dropdown{right:0!important;top:calc(100% + 9px)!important;border-radius:14px!important;border:1px solid rgba(132,153,184,.16)!important;background:#0c1522!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important}

.portal-services-panel{
  position:absolute;left:0;right:0;top:100%;padding:18px 0 22px;
  background:rgba(7,15,27,.98);border-top:1px solid rgba(125,151,187,.10);border-bottom:1px solid rgba(54,155,255,.35);
  box-shadow:0 22px 45px rgba(0,0,0,.35);backdrop-filter:blur(18px);
}
.portal-services-panel[hidden]{display:none!important}
.portal-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.portal-service-card{
  min-height:92px;padding:16px;border-radius:14px;display:flex;align-items:center;gap:14px;
  text-decoration:none!important;color:inherit!important;border:1px solid transparent;background:rgba(255,255,255,.018);
  transition:.18s ease;
}
.portal-service-card:hover{background:rgba(69,117,190,.08);border-color:rgba(66,159,255,.22);transform:translateY(-1px)}
.portal-service-card.disabled{opacity:.45;pointer-events:none}
.portal-service-icon{width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center;background:rgba(102,130,172,.10);color:#7384a0;font-size:22px}
.portal-service-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.portal-service-copy strong{font-size:15px;color:var(--text,#eef4ff)}
.portal-service-copy small{font-size:12px;line-height:1.35;color:var(--muted,#8592a8)}

@media(max-width:1450px){
  .portal-header-inner{gap:14px!important}.portal-brand-copy small{display:none}.portal-brand .logo-icon{width:46px;height:46px;min-width:46px;border-radius:14px}.portal-brand-copy strong{font-size:17px}
  .portal-nav-link,.portal-services-button{padding:0 10px!important;font-size:13px!important;gap:7px}.portal-actions{gap:6px}.portal-icon-button{width:42px;height:42px;min-width:42px}.user-pill{min-height:48px!important}.mini-avatar{width:36px!important;height:36px!important;min-width:36px!important}
}
@media(max-width:1180px){
  .portal-brand-copy strong{display:none}.portal-header-inner{grid-template-columns:max-content minmax(0,1fr) max-content!important}.portal-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .portal-header-inner{min-height:70px;display:flex!important;gap:10px!important}.portal-brand-copy{display:none}.portal-brand .logo-icon{width:42px;height:42px;min-width:42px}.portal-nav{display:none!important}.portal-actions{margin-left:auto}.portal-services-panel{position:fixed;top:70px;max-height:calc(100vh - 70px);overflow:auto}.portal-services-grid{grid-template-columns:1fr}.user-meta{display:none!important}.user-pill{padding:5px!important}.user-caret{display:none}.portal-icon-button{width:40px;height:40px;min-width:40px}
}