/* NEFES Bayi Portal · top navigation, single Reels workspace, particle loader. */
/* Pure portal presentation: existing motors, endpoints, quota and creative briefs unchanged. */
@media (min-width:681px){
  .icon-rail,.section-rail,.portal-drawer-cover{display:none!important}
  .workspace{margin-left:0!important;width:100%;min-width:0}
}
.topbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:63px 58px!important;min-height:121px!important;height:auto!important;
  gap:0 20px!important;padding:0 clamp(18px,3vw,42px)!important;
  background:rgba(6,17,20,.97)!important
}
.topbar-left{grid-area:1 / 1;gap:14px}
.topbar-right{grid-area:1 / 2;justify-self:end}
.topbrand{display:inline-flex;align-items:center;flex:0 0 auto;padding-right:15px;border-right:1px solid rgba(121,220,198,.22)}
.topbrand img{display:block;width:94px;height:37px;object-fit:contain}
.topnav{
  grid-area:2 / 1 / 3 / 3;width:100%;max-width:100%;
  display:flex!important;gap:5px!important;align-items:stretch!important;
  min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;
  scrollbar-width:thin;scrollbar-color:rgba(101,229,210,.34) transparent;
  border-top:1px solid rgba(119,215,198,.14);
}
.topnav .topnav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:0!important;border-bottom:2px solid transparent!important;padding:0 clamp(10px,1.6vw,23px)!important;
  flex:1 0 auto;min-width:max-content;white-space:nowrap;letter-spacing:.005em;
  font:760 11px/1.2 var(--font);color:#a4c7bc!important;background:transparent!important}
.topnav .topnav-link svg{width:16px;height:16px;flex:none}
.topnav .topnav-link.current{border-bottom-color:var(--green)!important;color:#edfff6!important;background:rgba(40,157,139,.09)!important}
.topnav .topnav-link.current svg{color:#79f7db}
.topnav .topnav-link:disabled{opacity:.58!important;color:#7eaca0!important;cursor:not-allowed}
.topnav .topnav-link .nav-lock{width:12px;height:12px;opacity:.55}
.nav-live-dot{display:block;width:6px;height:6px;border-radius:50%;background:#65e5d2;box-shadow:0 0 10px rgba(102,239,207,.6)}
#main{max-width:1580px;padding-top:29px}
html{scroll-padding-top:145px}
.nefes-brand-word{color:#69e9cd}
.portal-checkpoint{grid-template-columns:minmax(220px,.31fr) minmax(0,1fr);gap:13px;padding:13px;align-items:start}
.checkpoint-left,.checkpoint-right{padding:18px;min-height:0}
.checkpoint-right{min-height:0!important}
.checkpoint-left{gap:9px}
.checkpoint-left strong{font-size:21px}
.checkpoint-right>p{margin-bottom:13px}
.checkpoint-steps{margin:2px 0 18px;gap:9px;padding:7px 8px}
.checkpoint-step{padding:7px 9px}
.checkpoint-tags{gap:6px;margin:0 0 8px}
.checkpoint-tags span{padding:6px 9px}
.checkpoint-items:has(> .bayi-reels-card:only-child){grid-template-columns:minmax(0,220px)!important}
.checkpoint-item.bayi-reels-card{max-width:220px!important}
.checkpoint-item.bayi-reels-card>.checkpoint-media{
  width:100%;min-height:0!important;max-height:330px!important;aspect-ratio:9/16!important;
  height:auto!important;background:radial-gradient(ellipse at center,#132b2b,#020e10 76%)
}
.checkpoint-item.bayi-reels-card>.checkpoint-media video{max-height:330px!important}
.checkpoint-item.bayi-reels-card>div:last-child{padding:12px!important}
.checkpoint-right .checkpoint-head h3{font-size:21px}
.checkpoint-foot{margin-top:14px;padding:10px}
.bayi-complete-label{font-size:10px;color:#8ab6a8;font-weight:800}
.reels-pending-media{
  display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:12px;
  width:100%;min-height:250px;height:100%;padding:16px 10px;
  background:radial-gradient(circle at 50% 42%,rgba(41,120,105,.09),transparent 65%)
}
.reels-pending-media>svg{display:none}
.reels-pending-media>b{font:850 9px/1.2 var(--font);letter-spacing:.15em;color:#7cebd0}
.reels-pending-media>span:last-child{font-size:10px;color:#a0d1c1;text-align:center;max-width:175px;line-height:1.5}
.nefes-motion-orbit{position:relative;display:block!important;width:115px;height:88px;margin:0 auto 4px;isolation:isolate}
.nefes-motion-orbit:before{content:"";position:absolute;inset:18px 24px;border-radius:50%;background:radial-gradient(circle,rgba(67,226,193,.11),transparent 66%);filter:blur(8px)}
.nefes-motion-orbit i{
  position:absolute;top:50%;left:50%;width:11px;height:11px;
  background:#79efd2;border-radius:50%;box-shadow:0 0 13px rgba(112,239,210,.65);
  transform:translate(-50%,-50%);will-change:transform,opacity
}
.nefes-motion-orbit i:nth-child(1){width:12px;height:12px;animation:bayi-wander-a 3.3s ease-in-out -1.2s infinite alternate}
.nefes-motion-orbit i:nth-child(2){width:10px;height:10px;animation:bayi-wander-b 4.4s ease-in-out -.6s infinite alternate}
.nefes-motion-orbit i:nth-child(3){width:13px;height:13px;animation:bayi-wander-c 3.8s ease-in-out -1.7s infinite alternate}
.nefes-motion-orbit i:nth-child(4){width:8px;height:8px;animation:bayi-wander-d 4.7s ease-in-out -.2s infinite alternate}
.nefes-motion-orbit i:nth-child(5){width:11px;height:11px;animation:bayi-wander-b 3.5s ease-in-out -2.1s infinite alternate-reverse}
.nefes-motion-orbit i:nth-child(6){width:9px;height:9px;animation:bayi-wander-a 4.9s ease-in-out -.8s infinite alternate-reverse}
.nefes-motion-orbit i:nth-child(7){width:12px;height:12px;animation:bayi-wander-d 3.9s ease-in-out -2.6s infinite alternate-reverse}
.nefes-motion-orbit i:nth-child(8){width:9px;height:9px;animation:bayi-wander-c 5.1s ease-in-out -3.1s infinite alternate-reverse}
@keyframes bayi-wander-a{0%{transform:translate(-42px,-24px);opacity:.4}30%{transform:translate(-8px,12px);opacity:1}69%{transform:translate(31px,-14px);opacity:.65}100%{transform:translate(8px,28px);opacity:.9}}
@keyframes bayi-wander-b{0%{transform:translate(29px,25px);opacity:.8}25%{transform:translate(-34px,6px);opacity:.46}62%{transform:translate(6px,-31px);opacity:1}100%{transform:translate(43px,-8px);opacity:.5}}
@keyframes bayi-wander-c{0%{transform:translate(-20px,30px);opacity:.48}39%{transform:translate(40px,7px);opacity:.95}72%{transform:translate(-28px,-22px);opacity:.68}100%{transform:translate(13px,-5px);opacity:1}}
@keyframes bayi-wander-d{0%{transform:translate(5px,-35px);opacity:.83}24%{transform:translate(38px,-18px);opacity:.5}57%{transform:translate(-35px,23px);opacity:.92}100%{transform:translate(-1px,5px);opacity:.47}}
.bayi-history{margin:15px 0 0;border:1px solid rgba(109,221,190,.23);border-radius:12px;background:#0a2123;overflow:hidden}
.bayi-history>summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none;min-height:57px;padding:12px 16px;color:#d4f8e8;font:760 12px/1.4 var(--font)}
.bayi-history>summary::-webkit-details-marker{display:none}
.bayi-history>summary>svg{width:18px;height:18px;color:var(--green)}
.bayi-history>summary>small{margin-left:auto;font-size:10px;color:#84c1ae}
.bayi-history-chevron{font-size:17px;color:var(--green);transition:transform .2s}
.bayi-history[open] .bayi-history-chevron{transform:rotate(180deg)}
.bayi-history-list{display:grid;gap:8px;padding:11px 14px 15px;border-top:1px solid var(--border)}
.bayi-history-entry{display:flex;align-items:center;gap:13px;width:100%;min-height:74px;border:1px solid rgba(101,206,182,.2);
  border-radius:10px;padding:8px 12px;background:#103031;color:#e4fff2;text-align:left}
.bayi-history-entry:hover{border-color:rgba(117,241,208,.65);background:#173b39}
.bayi-history-entry img,.bayi-history-fallback{display:grid;place-items:center;flex:0 0 40px;width:40px;height:52px;border-radius:6px;background:#081618;object-fit:cover}
.bayi-history-fallback svg{width:21px;height:21px;color:var(--green)}
.bayi-history-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.bayi-history-text strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bayi-history-text small{font-size:10px;color:#8fbaab}
.bayi-history-open{font-size:10px;color:#8defd2}
@media(max-width:900px){
  .topbar{grid-template-rows:60px 54px!important;min-height:114px!important}
  .topbar .secure{display:none}
  .topnav .topnav-link{flex:0 0 auto;padding:0 14px!important}
  #main{padding-inline:20px}
  .portal-checkpoint{grid-template-columns:1fr}
  .checkpoint-left{gap:8px}
}
@media(max-width:680px){
  .topbar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:62px 51px!important;min-height:113px!important;padding-inline:12px!important}
  .topnav{display:flex!important}
  .topbrand img{width:73px;height:30px}.topbrand{padding-right:7px}
  .breadcrumbs{display:none}
  .menu-toggle{display:none!important}
  .topbar .topnav-link{font-size:10px}
  .portal-checkpoint{grid-template-columns:1fr}
  .checkpoint-items:has(> .bayi-reels-card:only-child){grid-template-columns:minmax(0,200px)!important}
  .checkpoint-item.bayi-reels-card{max-width:200px!important}
  #main{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){
  .nefes-motion-orbit i{animation:none!important;opacity:1;transform:translate(-50%,-50%)}
  .bayi-history-chevron{transition:none}
}