/* UI-092 — BACKSTAGE / PAINEL 1499. Somente home; sem tocar em roteador/módulos.
   Ações contextuais no mouse/foco, atalhos por área e microinterações leves. */
#home-view .ofc-quicknav{
 position:sticky;top:8px;z-index:35;display:flex;align-items:center;
 gap:7px;max-width:100%;padding:8px 10px;margin:0 0 clamp(18px,2.3vw,27px);
 overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;
 border:1px solid #674a56;border-radius:14px;
 background:linear-gradient(100deg,#281b27f5,#17141bf2);
 box-shadow:0 9px 28px #0007;backdrop-filter:blur(17px);
}
#home-view .ofc-quicknav-label{
 flex:none;margin-right:6px;white-space:nowrap;
 font-size:.65rem;letter-spacing:.1em;font-weight:900;color:#d6abb5;
}
#home-view .ofc-quicknav button{
 flex:none;display:inline-flex;align-items:center;gap:8px;
 min-height:39px;white-space:nowrap;padding:8px 13px;
 color:#e3d2da;background:#312631;border:1px solid transparent;
 border-radius:9px;font-size:.77rem;font-weight:800;cursor:pointer;
 transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
#home-view .ofc-quicknav button::before{
 content:"";width:7px;height:7px;flex:none;border-radius:99px;
 background:var(--quick-accent,#b49caa);
}
#home-view .ofc-quicknav button[aria-current=location]{
 color:#fff2ea;background:#46323c;border-color:#9c6b7c;
}
#home-view .ofc-quicknav button:hover{background:#503444;transform:translateY(-1px)}
#home-view .ofc-quicknav button:focus-visible{outline:2px solid #e7a0c5;outline-offset:2px}
#home-view .ofc-home-group{scroll-margin-top:90px}
#home-view .ofc-home-group .module-card:not(.module-coming-soon){
 transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease,border-color .2s ease;
}
#home-view .ofc-home-group .module-card>img,
#home-view .ofc-home-group .module-card>.jb-card-art>img{
 transition:transform .26s cubic-bezier(.2,.7,.2,1),filter .24s ease;
}
@media(hover:hover) and (pointer:fine){
 #home-view .ofc-home-group .module-card:not(.module-coming-soon):hover>img,
 #home-view .ofc-home-group .module-card:not(.module-coming-soon):hover>.jb-card-art>img{
  transform:scale(1.035);filter:saturate(1.12);
 }
}
#home-view .ofc-home-group .module-card:not(.module-coming-soon):focus-visible{outline-offset:4px}
.ofc-home-tooltip:not([hidden]){
 position:fixed;z-index:95;pointer-events:none;
 width:min(282px,calc(100vw - 24px));
 padding:14px 15px;border-radius:13px;
 border:1px solid var(--ofc-tooltip-accent,#ae8a99);
 background:linear-gradient(140deg,#30202b,#17141b 85%);
 color:#ffefee;box-shadow:0 18px 50px #000c;
 animation:ofc-home-tip-in .17s ease both;
}
.ofc-home-tooltip .ofc-tip-kicker{
 display:block;margin-bottom:5px;color:#e9b4b5;
 font-size:.63rem;font-weight:900;letter-spacing:.13em;
}
.ofc-home-tooltip .ofc-tip-title{display:block;font-size:1rem;line-height:1.25}
.ofc-home-tooltip .ofc-tip-description{margin:6px 0 8px;color:#d0bfca;font-size:.77rem;line-height:1.4}
.ofc-home-tooltip .ofc-tip-status{
 display:inline-block;padding:5px 9px;border:1px solid #76606f;border-radius:8px;
 color:#f1dddf;font-size:.69rem;font-weight:800;
}
@keyframes ofc-home-tip-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){
 #home-view .ofc-quicknav{top:4px;padding:6px;margin-bottom:18px;border-radius:12px}
 #home-view .ofc-quicknav-label{display:none}
 #home-view .ofc-quicknav button{min-height:42px;font-size:.73rem;padding:8px 10px}
 #home-view .ofc-home-group{scroll-margin-top:77px}
}
@media(prefers-reduced-motion:reduce){
 #home-view .ofc-quicknav button,
 #home-view .ofc-home-group .module-card,
 #home-view .ofc-home-group .module-card>img,
 #home-view .ofc-home-group .module-card>.jb-card-art>img{transition:none!important;transform:none!important}
 .ofc-home-tooltip:not([hidden]){animation:none}
}
