/* SehVarta target premium desktop UI — final override */
:root{--sv-header:80px;--sv-bg:#f6f8fc;--sv-card:#fff;--sv-text:#111827;--sv-muted:#667085;--sv-line:#e8edf5;--sv-blue:#2563eb;--sv-purple:#7c3aed;--sv-radius:22px;--sv-shadow:0 8px 28px rgba(36,50,88,.08)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--sv-bg);color:var(--sv-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
@media(min-width:1000px){
 /* NEUTRALIZED 2026-07-30: html/body/.app-frame/.auth-topbar/.topbar-left/
    .brand/.top-search/.desktop-nav/.topbar-right/.shell.app-shell/
    .social-page-shell position+size rules removed below — this was a 3rd
    competing full header + "fixed shell, internal-scroll panes" layout
    rebuild, fighting 92-final-rebuild.css's grid header + normal
    document-scroll model. Both used !important, so whichever file won a
    given property depended on viewport width and CSS specificity
    quirks, producing a broken hybrid layout (this is why sidebars/scroll
    behaved inconsistently). 92-final-rebuild.css is now the single
    source of truth for header/shell/rail layout. Full original content
    preserved in 97-target-premium-ui.css.bak-neutralized-20260730.
    The cosmetic-only rules kept below (icon sizing, card backgrounds/
    borders/shadows) don't affect layout/position, so they stay. */
 .round-action,.account-trigger{width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #e7ebf3!important;box-shadow:0 5px 16px rgba(38,51,84,.09)!important;color:#26344e!important}
 .quick-create-action{background:linear-gradient(135deg,var(--sv-blue),var(--sv-purple))!important;color:#fff!important;border:0!important}
 .round-action svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
 .menu-toggle{display:none!important}
 .page-left-rail,.fb-left-rail,.sv-left-sidebar{background:var(--sv-card)!important;border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius) var(--sv-radius) 0 0!important;padding:18px 12px 104px!important;box-shadow:var(--sv-shadow)!important;scrollbar-width:thin!important}
 .sv-rail-profile{display:flex!important;align-items:center!important;gap:12px!important;padding:0 12px 17px!important;margin-bottom:8px!important;border-bottom:1px solid var(--sv-line)!important;font-size:14px!important;font-weight:800!important}
 .sv-rail-profile span{width:46px!important;height:46px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--sv-blue),var(--sv-purple))!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:18px!important;box-shadow:0 8px 18px rgba(99,102,241,.25)!important}
 .sv-left-sidebar>a:not(.sv-sidebar-create){display:flex!important;align-items:center!important;gap:14px!important;min-height:48px!important;padding:8px 12px!important;margin:2px 0!important;border-radius:12px!important;color:#162036!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important}
 .sv-left-sidebar>a:not(.sv-sidebar-create)>span{width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#eef2ff!important;color:#4f46e5!important;font-size:11px!important}
 .sv-left-sidebar>a:not(.sv-sidebar-create):hover{background:linear-gradient(90deg,#eef4ff,#f6ecff)!important;color:#4f46e5!important}
 .sv-sidebar-create{position:absolute!important;left:14px!important;right:14px!important;bottom:18px!important;min-height:54px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--sv-blue),var(--sv-purple))!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-decoration:none!important;font-weight:800!important;box-shadow:0 12px 26px rgba(79,70,229,.27)!important;z-index:5!important}
 .sv-sidebar-create span{font-size:20px!important}
 /* height/overflow removed here (see note above) — 92-final-rebuild.css
    owns .fb-feed's scroll model, and .social-page-shell>.fb-right-rail's
    position:relative/height:100% removed since its higher selector
    specificity was always beating 92's sticky rail rule, permanently
    breaking the right sidebar's sticky-scroll. */
 .fb-feed{padding:0 4px 60px!important;scrollbar-width:thin!important}
 .social-page-shell>.fb-right-rail,.social-page-shell>.page-right-rail{padding:0 4px 60px!important;scrollbar-width:thin!important}
 .mobile-feed-tabs{display:none!important}
 .story-strip{position:relative!important;display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:214px!important;margin:0 0 18px!important;padding:60px 16px 16px!important;background:#fff!important;border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius)!important;box-shadow:var(--sv-shadow)!important;scrollbar-width:none!important}
 .story-strip::-webkit-scrollbar{display:none!important}
 .sv-stories-heading{position:absolute!important;top:18px!important;left:20px!important;right:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:16px!important}
 .sv-stories-heading a{font-size:13px!important;color:#2563eb!important;text-decoration:none!important;font-weight:700!important}
 .story-card{flex:0 0 104px!important;width:104px!important;height:136px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e6eaf2!important;box-shadow:0 4px 13px rgba(30,41,59,.06)!important;padding:12px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#172033!important;overflow:hidden!important}
 .story-card i,.story-card>span:not(.story-plus){width:68px!important;height:68px!important;border-radius:50%!important;background-position:center!important;background-size:cover!important;border:3px solid #fff!important;outline:3px solid #5b5ce2!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:21px!important}
 .story-card strong{font-size:11px!important;max-width:92px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .story-card.add-story{background:linear-gradient(145deg,#2563eb,#7c3aed)!important;color:#fff!important;border:0!important}
 .story-card.add-story input,.story-card.add-story select,.story-card.add-story button,.story-card.add-story small{display:none!important}
 .story-plus{width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;border:2px solid rgba(255,255,255,.5)!important;display:grid!important;place-items:center!important;font-size:28px!important}
 .fb-composer{margin:0 0 18px!important;padding:20px!important;border-radius:var(--sv-radius)!important;background:#fff!important;border:1px solid var(--sv-line)!important;box-shadow:var(--sv-shadow)!important}
 .sv-create-heading{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;font-size:17px!important}
 .sv-create-heading span{width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--sv-blue),var(--sv-purple))!important;color:#fff!important;font-weight:800!important}
 .composer-inline{display:none!important}
 .insta-post-form{display:block!important}
 .insta-post-form textarea{display:block!important;width:100%!important;height:72px!important;resize:none!important;border:1px solid #e5eaf2!important;border-radius:16px!important;background:#fafbfe!important;padding:18px!important;font:inherit!important;color:var(--sv-text)!important;outline:none!important}
 .insta-create-actions{display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:center!important;margin-top:12px!important;border-top:1px solid var(--sv-line)!important;padding-top:10px!important}
 .insta-action-btn{min-width:0!important;height:42px!important;border:0!important;border-right:1px solid #edf0f5!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:700!important;color:#26344c!important;cursor:pointer!important}
 .insta-action-btn:last-child{border-right:0!important}.insta-action-photo{color:#138a45!important}.insta-action-reel{color:#ef4444!important}
 .fb-post-card,.sv-post-card-shell{margin:0 0 18px!important;padding:18px!important;border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius)!important;background:#fff!important;box-shadow:var(--sv-shadow)!important;overflow:hidden!important}
 .fb-post-card .post-media{display:block!important;width:calc(100% + 36px)!important;max-width:none!important;margin:14px -18px 0!important;border-radius:0!important;object-fit:contain!important;background:#0b0f18!important}
 .fb-post-head{display:flex!important;align-items:center!important;gap:12px!important}.mini-avatar{width:44px!important;height:44px!important;border-radius:50%!important;flex:0 0 44px!important}
 .fb-right-rail>*,.page-right-rail>*{border-radius:20px!important;border:1px solid var(--sv-line)!important;box-shadow:var(--sv-shadow)!important;margin-bottom:18px!important}
 .page-back-button{display:none!important}
}
@media(max-width:760px){.auth-topbar{position:sticky!important;top:0!important}.shell.app-shell{position:relative!important;inset:auto!important;overflow:visible!important;padding:0!important}.social-page-shell{display:block!important;height:auto!important;overflow:visible!important}.fb-feed{height:auto!important;overflow:visible!important;padding-bottom:88px!important}.sv-left-sidebar,.fb-right-rail,.page-right-rail{display:none!important}.story-strip{border-radius:0!important;margin:0!important}.sv-create-heading{display:none!important}.fb-composer{border-radius:0!important;margin:0 0 8px!important}.sv-sidebar-create{display:none!important}}
/* html,body overflow-x/overflow-y split removed here (see note in
   92-final-rebuild.css): setting overflow-x:hidden while overflow-y stays
   at its default forces the browser to compute overflow-y as "auto",
   turning body into a non-scrolling "scroll container" that breaks
   position:sticky on the header in this same width range. */

/* NEUTRALIZED 2026-07-30: this block used generic selectors
   (.app-header/.top-header/.site-header/header) that don't describe
   SehVarta's actual header (nav.topbar.auth-topbar) at all — except
   the bare `header` tag selector, which DOES match real elements
   elsewhere (notifications.blade.php's .notif-hero, admin's
   .admin-header, reels' .facebook-reel-head), forcing them into an
   unrelated 4-column grid at >=1200px. That was an unintended,
   unrelated bug this block was causing; removed entirely. Original
   content preserved in 97-target-premium-ui.css.bak-neutralized-20260730. */