/* NEFES Bayi Portal — production-safe premium experience, 2026-10-20.
   Pure presentation; native render pipeline, brief logic, audit and quota untouched. */
:root{--premium-edge:rgba(120,231,202,.30)}
#main.bayi-returning{padding-top:20px}
#main.bayi-returning .business-toolbar{margin-bottom:12px}
#main.bayi-returning .intro-head,
#main.bayi-returning .overview-grid,
#main.bayi-returning .workflow-stepcards{display:none!important}
#main.bayi-returning .studio-intro{padding:0 0 35px;scroll-margin-top:141px}
#main.bayi-returning .studio-intro>.block-heading{display:none!important}
#main.bayi-returning .engine-shell{box-shadow:0 14px 48px rgba(0,0,0,.17)}
.bayi-session-summary{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;
  gap:16px;align-items:center;min-height:120px;padding:19px 22px;margin-bottom:15px;
  background:radial-gradient(ellipse at 90% 0,rgba(64,200,164,.11),transparent 58%),
  linear-gradient(115deg,#113431,#0b2428 66%,#081d21);
  border:1px solid rgba(109,229,198,.38);border-radius:16px;
  box-shadow:0 12px 36px rgba(0,0,0,.13),inset 0 1px rgba(159,246,217,.045)
}
.bayi-session-summary[hidden]{display:none!important}
.session-summary-symbol{
  width:42px;height:42px;display:grid;place-items:center;align-self:start;
  color:#8cf5d7;background:linear-gradient(150deg,#20544b,#0e3938);
  border:1px solid rgba(141,246,217,.32);border-radius:13px
}
.session-summary-symbol svg{width:23px;height:23px}
.session-summary-copy{min-width:0}
.session-caption{display:block;font:800 9px/1.2 var(--font);color:#8edbc6;letter-spacing:.14em}
.session-summary-copy h1{font:740 clamp(19px,1.7vw,26px)/1.2 var(--head);letter-spacing:-.038em;
  margin:6px 0 7px;color:#effff7;text-wrap:balance}
.session-summary-copy p{max-width:660px;margin:0;color:#a6d0c0;font:480 12px/1.65 var(--font)}
.session-summary-stats{display:flex;align-items:stretch;gap:0;flex:0 0 auto}
.session-summary-stats>div{
  display:flex;flex-direction:column;gap:5px;min-width:93px;
  padding:2px 16px;border-left:1px solid rgba(129,218,199,.22)}
.session-summary-stats small{color:#84b7a8;letter-spacing:.07em;font-size:9px;font-weight:800}
.session-summary-stats strong{color:#a8ffe5;font:750 22px/1.25 var(--head);letter-spacing:-.045em}
.session-summary-actions{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:168px}
.session-btn{
  min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:8px 15px;border:1px solid var(--premium-edge);border-radius:9px;
  font:790 11px/1.2 var(--font);transition:background .17s,transform .17s,border-color .17s}
.session-btn-primary{background:#83ead0;color:#053e33;border-color:#83ead0}
.session-btn-secondary{background:rgba(30,77,71,.48);color:#c7ffe7}
.session-btn:hover:not(:disabled){border-color:#b7ffe8;transform:translateY(-1px)}
.session-btn-primary:hover{background:#b2ffe8}
.session-btn[hidden]{display:none}
.topnav .topnav-link{min-height:50px}
.topnav .topnav-link.current{background:rgba(38,170,145,.13)!important}
.top-account{transition:border-color .18s,background .18s}
.top-account:hover{border-color:rgba(145,245,215,.64);background:#193637}
.engine-shell{border-color:rgba(124,231,205,.36)}
.engine-shell-header{min-height:69px}
#engineStatus{font-size:11px;line-height:1.4;text-align:center}
.portal-checkpoint{
  grid-template-columns:minmax(220px,.32fr) minmax(0,1fr)!important;
  gap:13px;padding:14px!important;background:#071a1c!important
}
.checkpoint-left,.checkpoint-right{padding:18px!important;min-height:0!important}
.checkpoint-left{gap:10px}
.checkpoint-left>span{font-size:11px}
.checkpoint-left strong{font:760 21px/1.35 var(--head);letter-spacing:-.04em}
.checkpoint-left>p{margin:0;color:#b0d0c5;font-size:12px}
.checkpoint-row{gap:10px;padding:12px;border:1px solid rgba(117,225,194,.29);background:#10322f}
.checkpoint-row small{font-size:11px}
.checkpoint-row p{font-size:11px;color:#9ec6b8}
.checkpoint-left>.checkpoint-note{color:#abd3c5;font-size:11px;line-height:1.75}
.checkpoint-right>p{font-size:12px;color:#b5ddd0;max-width:720px;line-height:1.65}
.checkpoint-head h3{font-size:clamp(20px,2vw,26px);font-weight:760}
.checkpoint-head>span{font-size:11px}
.checkpoint-steps{justify-content:space-between;max-width:780px;margin:4px 0 20px}
.checkpoint-step{font-size:11px}
.checkpoint-foot{margin-top:15px;background:#13312f;color:#b1d3c8}
.checkpoint-toolbar{padding:0 2px;margin-bottom:11px}
.checkpoint-toolbar>button{min-height:38px;padding:9px 15px;font-size:11px}
.checkpoint-items:has(> .bayi-reels-card:only-child){grid-template-columns:minmax(0,620px)!important}
.checkpoint-item.bayi-reels-card{
  width:100%!important;max-width:620px!important;
  display:grid;grid-template-columns:190px minmax(0,1fr);
  align-items:stretch;min-height:325px;border-color:rgba(130,242,211,.34);
  background:linear-gradient(105deg,#0e2c2e,#112f2c)
}
.checkpoint-item.bayi-reels-card>.checkpoint-media{
  display:flex!important;width:190px!important;height:338px!important;max-height:338px!important;
  min-height:0!important;aspect-ratio:auto!important;border:0!important;
  border-right:1px solid rgba(124,221,198,.23)!important;background:#051315
}
.checkpoint-item.bayi-reels-card>.bayi-reels-meta{
  display:flex;flex-direction:column;gap:7px;min-width:0;
  padding:22px 20px!important
}
.bayi-reels-meta>b{font:760 21px/1.25 var(--head)!important;color:#effff8}
.bayi-reels-meta>small{font-size:12px!important;color:#83eccb!important}
.bayi-reels-meta>p{font-size:11px;line-height:1.65;color:#a1c8b8;margin:2px 0 5px}
.bayi-reels-meta>.bayi-revision-quota{margin:8px 0!important;width:max-content;max-width:100%}
.bayi-reels-card .checkpoint-actions{display:flex;align-items:flex-start;gap:8px;margin-top:auto}
.bayi-reels-card .checkpoint-actions>button,.bayi-reels-card .checkpoint-actions>a{
  min-height:41px;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;padding:10px 14px;border-radius:9px
}
.bayi-reels-play{
  width:100%;height:100%;position:relative;overflow:hidden;
  background:radial-gradient(circle at 45% 43%,rgba(36,128,113,.27),transparent 63%),#041215;
  border:0;color:#ddfff1;cursor:pointer;padding:0;display:grid;place-items:center
}
.bayi-reels-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bayi-reels-play:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,13,15,.89),rgba(0,21,21,.12) 65%,rgba(0,13,15,.14))}
.bayi-play-abstract{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at center,#114b44,#031214 75%)}
.bayi-play-abstract svg{width:68px;height:68px;opacity:.42;color:#90edcf}
.bayi-play-icon{
  position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;
  border:1px solid rgba(189,255,230,.58);background:rgba(9,51,49,.76);
  border-radius:50%;color:#c1ffe9;font-size:24px;padding-left:3px;
  box-shadow:0 0 28px rgba(70,233,195,.14);transition:transform .2s,background .2s
}
.bayi-reels-play:hover .bayi-play-icon,.bayi-reels-play:focus-visible .bayi-play-icon{
  transform:scale(1.09);background:#287a66
}
.bayi-play-label{position:absolute;z-index:1;bottom:24px;left:0;right:0;text-align:center;
  letter-spacing:.10em;font-size:11px;font-weight:840;color:#c6ffe9}
.reels-pending-media{min-height:280px;padding:23px 10px!important;gap:16px}
.reels-pending-media>span:last-child{font-size:11px!important}
.reels-blocked-media{display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:14px;min-height:100%;padding:22px 16px;text-align:center}
.reels-blocked-media>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(236,186,119,.4);
  border-radius:50%;background:rgba(156,101,40,.13);font:800 25px var(--head);color:#f6ce98}
.reels-blocked-media b{font:760 13px/1.5 var(--font);color:#f1d8b6}
.reels-blocked-media small{font-size:11px;color:#c5b197}
.bayi-alert-label{border-color:rgba(236,186,119,.42)!important;color:#f0d4a0!important}
.bayi-alert-label .live-dot{background:#ecc184}
.bayi-support-link{display:inline-flex;padding:9px 13px;border:1px solid rgba(236,186,119,.35);
  border-radius:8px;color:#e2cba9;font:750 11px var(--font);text-decoration:none;width:max-content;max-width:100%}
.bayi-support-link:hover{border-color:#e8c495;color:#fff4e4}
.bayi-history{margin-top:18px}
.bayi-history-entry:focus-visible,.bayi-reels-play:focus-visible,
.session-btn:focus-visible{outline:2px solid #a8ffe1;outline-offset:3px}
#profileStatus,#revisionStatus{line-height:1.6}
@media(max-width:1240px){
  .bayi-session-summary{grid-template-columns:40px minmax(0,1fr) auto;gap:12px}
  .session-summary-actions{grid-column:2 / -1;flex-direction:row;justify-content:flex-start}
  .session-summary-stats>div{min-width:82px;padding-inline:12px}
}
@media(max-width:920px){
  .portal-checkpoint{grid-template-columns:1fr!important}
  .bayi-session-summary{grid-template-columns:40px minmax(0,1fr);padding:16px}
  .session-summary-stats{grid-column:2;grid-row:2;justify-content:flex-start}
  .session-summary-actions{grid-column:2;grid-row:3}
  .session-summary-stats>div:first-child{padding-left:0;border-left:0}
}
@media(max-width:720px){
  .checkpoint-item.bayi-reels-card{grid-template-columns:158px minmax(0,1fr)}
  .checkpoint-item.bayi-reels-card>.checkpoint-media{width:158px!important;height:288px!important;max-height:288px!important}
  .checkpoint-item.bayi-reels-card>.bayi-reels-meta{padding:14px 12px!important}
  .bayi-reels-meta>b{font-size:18px!important}
  .bayi-reels-card .checkpoint-actions>button,.bayi-reels-card .checkpoint-actions>a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .bayi-play-icon,.session-btn{transition:none}
 .bayi-reels-play:hover .bayi-play-icon{transform:none}
}

/* Responsive completeness: older portal.css hides disabled navigation below 1160px. */
.topnav .topnav-link:disabled{display:inline-flex!important}
#main.bayi-returning .checkpoint-toolbar{display:none!important}
@media(max-width:1160px){
  .topnav .topnav-link{font-size:10px!important;padding:0 9px!important;gap:5px!important}
  .topnav .topnav-link svg{width:13px;height:13px}
  .topnav .topnav-link .nav-lock{width:10px;height:10px}
}