/* ===== NEXACORE V5.9 · NAV + PWA + SHARE + PERFORMANCE ===== */

/* Desktop navigation: compact glass command dock */
.topbar{gap:12px}
.topbar nav{
  position:relative;
  display:flex;
  align-items:center;
  gap:5px!important;
  padding:5px;
  border:1px solid rgba(74,166,201,.24);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(8,28,40,.82),rgba(5,18,27,.74));
  box-shadow:0 12px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
  isolation:isolate;
}
.topbar nav:before{
  content:"";position:absolute;inset:-1px;border-radius:17px;z-index:-1;
  background:linear-gradient(110deg,rgba(0,209,255,.18),transparent 34%,transparent 66%,rgba(122,92,255,.16));
  filter:blur(8px);opacity:.55;pointer-events:none
}
.topbar nav a{
  min-height:39px;
  display:flex;align-items:center;gap:7px;
  padding:0 13px!important;
  border-radius:12px;
  color:#8fb0bf!important;
  font-size:11px;font-weight:850;letter-spacing:.02em;
  transition:transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease!important
}
.topbar nav a:before{
  width:21px;height:21px;display:grid;place-items:center;
  border:1px solid rgba(70,148,179,.24);border-radius:7px;
  background:#071923;color:#5ba7c3;font-size:10px;font-weight:950;
  transition:.18s ease
}
.topbar nav a[href="#projects"]:before{content:"◈"}
.topbar nav a[href="#services"]:before{content:"✦"}
.topbar nav a[href="#contact"]:before{content:"↗"}
.topbar nav a:after{display:none!important}
.topbar nav a:hover{
  transform:translateY(-1px);color:#e7f9ff!important;
  background:rgba(0,209,255,.055)
}
.topbar nav a:hover:before{color:#00d1ff;border-color:rgba(0,209,255,.40);box-shadow:0 0 16px rgba(0,209,255,.10)}
.topbar nav a.active{
  color:#f4fcff!important;
  background:linear-gradient(135deg,rgba(0,209,255,.13),rgba(122,92,255,.08));
  box-shadow:inset 0 0 0 1px rgba(0,209,255,.12),0 7px 20px rgba(0,0,0,.16)
}
.topbar nav a.active:before{color:#07131d;background:linear-gradient(135deg,#00d1ff,#8ceeff);border-color:transparent}

/* Elegant top actions */
.nx-header-actions{display:flex;align-items:center;gap:6px}
.nx-action{
  height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;
  border:1px solid rgba(60,130,160,.32);border-radius:12px;
  background:rgba(5,20,29,.74);color:#87a9b8;font:inherit;font-size:9px;font-weight:850;
  transition:.18s ease
}
.nx-action i{font-style:normal;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#081d28;color:#61bdd8}
.nx-action:hover{transform:translateY(-1px);border-color:rgba(0,209,255,.38);color:#e9faff}
.nx-share{background:linear-gradient(135deg,rgba(0,209,255,.08),rgba(122,92,255,.055))}
.nx-install{border-color:rgba(0,255,198,.25)}.nx-install i{color:#7ee2c8}

/* Per-card share */
.project-card,.services article{position:relative}
.nx-card-share{
  position:absolute;right:13px;bottom:13px;z-index:7;
  width:31px;height:31px;display:grid;place-items:center;
  border:1px solid rgba(69,145,174,.30);border-radius:10px;
  background:rgba(4,18,27,.86);color:#65bdd7;
  font:inherit;opacity:.42;transition:.18s ease
}
.project-card:hover .nx-card-share,.services article:hover .nx-card-share,.nx-card-share:focus{opacity:1}
.nx-card-share:hover{transform:translateY(-2px) rotate(-5deg);color:#07131d;background:#00d1ff;border-color:#00d1ff;box-shadow:0 9px 24px rgba(0,209,255,.15)}
.nx-shared-focus{animation:nxSharedFocus 2.5s ease}
@keyframes nxSharedFocus{0%,100%{box-shadow:inherit}30%{box-shadow:0 0 0 2px rgba(0,209,255,.60),0 0 55px rgba(0,209,255,.18)}}

/* Share sheet */
.nx-sheet{position:fixed;inset:0;z-index:220;display:none;place-items:center;padding:18px;background:rgba(1,6,10,.72);backdrop-filter:blur(12px)}
.nx-sheet.open{display:grid}
.nx-sheet-card{width:min(520px,94vw);padding:18px;border:1px solid rgba(0,209,255,.23);border-radius:22px;background:linear-gradient(150deg,#081d29,#050f18);box-shadow:0 32px 100px rgba(0,0,0,.55)}
.nx-sheet-head{display:flex;gap:14px;justify-content:space-between}.nx-sheet-head small{color:#00d1ff;font-size:7px;letter-spacing:.15em;font-weight:900}.nx-sheet-head h3{margin:6px 0 4px;color:#f0fbff;font-size:22px;line-height:1.05}.nx-sheet-head p{margin:0;color:#7899a9;font-size:9px;line-height:1.5}
#nxSheetClose{flex:0 0 34px;width:34px;height:34px;border:1px solid #254b5c;border-radius:50%;background:#071923;color:#9abaca;font-size:21px}
.nx-share-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:16px}
.nx-share-grid button{min-width:0;display:grid;justify-items:center;gap:7px;padding:10px 5px;border:1px solid #1f4353;border-radius:12px;background:#061720;color:#82a3b2;font:inherit;font-size:7px;font-weight:850}
.nx-share-grid button i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#0a2634;color:#00d1ff;font-style:normal;font-size:12px;font-weight:950}
.nx-share-grid button:hover{border-color:rgba(0,209,255,.40);color:#effcff;transform:translateY(-1px)}
.nx-toast{position:fixed;left:50%;bottom:28px;z-index:240;transform:translate(-50%,70px);opacity:0;padding:9px 13px;border:1px solid rgba(0,209,255,.30);border-radius:999px;background:#061821;color:#cff7ff;font-size:9px;transition:.2s}.nx-toast.show{transform:translate(-50%,0);opacity:1}

/* Performance containment */
#projects,#services,#contact,.brand-ecosystem,.site-footer{content-visibility:auto;contain-intrinsic-size:900px}
.project-card,.services article{contain:layout paint style}
img{max-width:100%}
@media(pointer:coarse){
  .project-card{will-change:auto!important;transform:none!important}
  .project-card:hover{transform:translateY(-2px)!important}
}

/* PWA-like mobile bottom command dock */
@media(max-width:720px){
  .topbar{padding-bottom:10px}
  .topbar nav{
    display:flex!important;position:fixed;left:50%;bottom:10px;top:auto;z-index:180;
    transform:translateX(-50%);
    width:min(calc(100% - 18px),470px);
    justify-content:space-between;
    padding:5px;
    border-radius:18px;
    background:rgba(4,17,25,.94);
    backdrop-filter:blur(12px);
    box-shadow:0 18px 45px rgba(0,0,0,.48),0 0 0 1px rgba(0,209,255,.08)
  }
  .topbar nav a{flex:1;justify-content:center;min-height:44px;padding:0 6px!important;font-size:8px}
  .topbar nav a:before{width:24px;height:24px}
  .nx-header-actions{position:fixed;right:13px;bottom:72px;z-index:181;display:grid;gap:6px}
  .nx-action{width:42px;height:42px;padding:0;justify-content:center;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.28)}
  .nx-action span{display:none}.nx-action i{width:26px;height:26px}
  body{padding-bottom:76px}
  .nx-share-grid{grid-template-columns:repeat(3,1fr)}
  .nx-card-share{opacity:.76}
}
@media(prefers-reduced-motion:reduce){.nx-shared-focus{animation:none}.nx-action,.nx-card-share,.topbar nav a{transition:none}}
/* ===== END NEXACORE V5.9 ===== */