@media(max-width:760px){
  body{background:#f3f2ef!important;}

  .app-shell{
    display:block!important;
    min-height:100vh!important;
    background:#f3f2ef!important;
  }

  .sidebar,
  .left-panel,
  .right-panel{display:none!important;}

  .main{
    padding:54px 0 70px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .layout,
  .content{
    display:block!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  .hero{
    display:block!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e5e7eb!important;
    border-radius:0!important;
    margin:0 0 8px!important;
    padding:14px 16px 12px!important;
    box-shadow:none!important;
  }
  .hero-side{
    display:block!important;
  }

  .hero-connect-btn{
    height:30px!important;
    padding:0 12px!important;
    font-size:11px!important;
    margin-top:10px!important;
    display:inline-flex!important;
  }

  .hero-connect-btn svg{
    width:13px!important;
    height:13px!important;
  }

  .hero h1{
    font-size:18px!important;
    line-height:1.18!important;
    font-weight:900!important;
    color:#191919!important;
    margin:0!important;
    letter-spacing:-.03em!important;
    max-width:92%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .hero p{display:none!important;}

  .hero-stats{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
    margin-top:12px!important;
    min-width:0!important;
  }

  .stat{
    background:#f8fafc!important;
    border:1px solid #e5e7eb!important;
    border-radius:14px!important;
    padding:10px 4px!important;
    text-align:center!important;
  }

  .stat strong{
    font-size:17px!important;
    font-weight:900!important;
    color:#111!important;
  }

  .stat span{
    display:block!important;
    font-size:10px!important;
    color:#666!important;
  }

  .results-head{display:none!important;}

  .grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0 10px 76px!important;
  }

  .profile-card{
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:18px!important;
    box-shadow:0 2px 8px rgba(15,23,42,.08)!important;
    overflow:hidden!important;
    min-width:0!important;
  }

  .profile-card:hover{
    transform:none!important;
    box-shadow:0 2px 8px rgba(15,23,42,.08)!important;
  }

  .cover{
    height:62px!important;
    position:relative!important;
    overflow:visible!important;
    background-color:#eef6ff!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }

  .cover:not(.has-banner){
    background-image:linear-gradient(135deg,rgba(10,102,194,.16),rgba(34,197,94,.10))!important;
  }

  .cover.has-banner{
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }

  .cover.has-banner::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.16));
  }

  .avatar{
    width:58px!important;
    height:58px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:-29px!important;
    border-radius:50%!important;
    border:3px solid #fff!important;
    object-fit:cover!important;
    z-index:3!important;
  }

  .role-badge{
    top:7px!important;
    right:7px!important;
    font-size:9px!important;
    padding:4px 7px!important;
    max-width:76px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    border-radius:999px!important;
    z-index:3!important;
  }

  .card-body{
    padding:34px 9px 10px!important;
    text-align:center!important;
  }

  .name-row{justify-content:center!important;}

  .name{
    max-width:120px!important;
    font-size:13px!important;
    font-weight:900!important;
    text-align:center!important;
    color:#191919!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .verified{
    width:14px!important;
    height:14px!important;
    color:#0a66c2!important;
  }

  .headline{
    margin:4px auto 0!important;
    max-width:135px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:10.8px!important;
    line-height:1.45!important;
    color:#666!important;
    text-align:center!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .location,
  .card-stats{display:none!important;}

  .skills{
    margin-top:7px!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:22px!important;
  }

  .skill{
    max-width:110px!important;
    font-size:9px!important;
    font-weight:800!important;
    padding:4px 7px!important;
    background:#eef3f8!important;
    border-color:#dbeafe!important;
  }

  .card-actions{
    margin-top:8px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  .card-btn{
    height:30px!important;
    border-radius:999px!important;
    font-size:11px!important;
    font-weight:800!important;
    border:0!important;
    color:#334155!important;
    background:#eef3f8!important;
    box-shadow:none!important;
  }

  .card-btn.primary{
    background:#0a66c2!important;
    color:#fff!important;
  }

  .card-btn.following{
    background:#f3f4f6!important;
    color:#444!important;
  }

  .card-btn svg{
    width:12px!important;
    height:12px!important;
  }

  .empty,
  .error,
  .loading{
    margin:8px!important;
    border-radius:12px!important;
    box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
    border:1px solid #d8d8d8!important;
    background:#fff!important;
    padding:24px 14px!important;
  }

  .toast{
    left:14px!important;
    right:14px!important;
    bottom:78px!important;
    border-radius:12px!important;
    max-width:none!important;
    text-align:center!important;
  }

  .hidden{display:none!important;}
}

@media(max-width:360px){
  .grid{
    gap:6px!important;
    padding:0 6px 76px!important;
  }

  .name{
    max-width:105px!important;
    font-size:12px!important;
  }

  .headline{font-size:10.5px!important;}
  .card-btn{font-size:10.5px!important;}
  .card-btn svg{display:none!important;}
}

.network-logo-loader{
  margin:18px auto!important;
  min-height:180px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.network-logo-loader img{
  width:130px!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
  animation:aiftPulse 1.2s ease-in-out infinite;
}

.network-logo-loader span{
  font-size:12px!important;
  font-weight:800!important;
  color:#64748b!important;
}

@keyframes aiftPulse{
  0%,100%{opacity:.55;transform:scale(.96)}
  50%{opacity:1;transform:scale(1)}
}