/* v4.4.8 — final shared control geometry, library grid normalization, and spring navigation.
 * CSS changes only presentation; no authored overlay may intercept native controls. */
:root{--rt448-bg:#07111d;--rt448-edge:#a18bdf}

/* The tile grid itself must never be a brown framed card. Individual shows
   retain the full theme art and their own selected backgrounds. */
body[data-ui-theme="modern"] #libraryTiles,
body[data-ui-theme="modern"] #libraryTiles.grid,
body[data-ui-theme="modern"] .recent-wrap,
body[data-ui-theme="modern"] #libraryRecent{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body[data-ui-theme="modern"] #libraryTiles{padding:0!important;gap:12px!important}

/* Remove the extra container frame on shared view switchers. Only the selected
   actual button gets a border; no decorative pseudo-element moves over inputs. */
body[data-ui-theme="modern"] :is(.seg,.master-view-toggle,.rc443-mode-switch,.nft-style-toggle){
 background:transparent!important;border:0!important;box-shadow:none!important;
 padding:0!important;gap:5px!important;border-radius:0!important;
}
body[data-ui-theme="modern"] :is(.seg,.master-view-toggle,.rc443-mode-switch,.nft-style-toggle)>button,
body[data-ui-theme="modern"] .seg.rc444-glide>button{
 background:transparent!important;border:1px solid transparent!important;
 color:#c8d6e8!important;min-height:34px!important;border-radius:3px!important;
 padding:8px 12px!important;
 transition:color .22s ease,border-color .25s ease,background-color .25s ease,box-shadow .3s ease!important;
}
body[data-ui-theme="modern"] :is(.seg,.master-view-toggle,.rc443-mode-switch,.nft-style-toggle)>button:is(.active,[aria-pressed="true"]),
body[data-ui-theme="modern"] .seg.rc444-glide>button:is(.active,[aria-pressed="true"]),
body[data-ui-theme="modern"] .tabbar>.subtab.active{
 background:linear-gradient(#142238,#142238) padding-box,
            linear-gradient(110deg,#dd75c1,#ae8eee 53%,#8cccf9) border-box!important;
 border:1px solid transparent!important;color:white!important;
 box-shadow:0 0 12px rgba(196,107,228,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body[data-ui-theme="modern"] :is(.seg,.master-view-toggle,.rc443-mode-switch,.nft-style-toggle)>button:hover:not(.active):not([aria-pressed="true"]),
body[data-ui-theme="modern"] .tabbar>.subtab:hover:not(.active){
 border-color:#59718f!important;background:#1a2c43!important;color:#f4f8ff!important;
}
body[data-ui-theme="modern"] .nft-style-toggle>.nft-style-label{
 background:transparent!important;border:0!important;letter-spacing:.065em;font-weight:750;
 color:#a8bbd3!important;padding:0 10px 0 0!important;
}
body[data-ui-theme="modern"] .tabbar{background:transparent!important;gap:6px!important}
body[data-ui-theme="modern"] .tabbar>.subtab{border:1px solid transparent!important;background:transparent!important;border-radius:3px!important;padding:9px 12px!important;color:#b7cae0!important}

/* Entire nav target grows gently from its resting position, rather than
   jumping between unrelated zoom declarations. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body[data-ui-theme="modern"] .mainnav .navbtn{
  transform:translateX(0) scale(1)!important;
  transform-origin:left center!important;
  transition:transform .48s cubic-bezier(.22,1.44,.36,1),
             background-color .26s ease,color .26s ease,
             box-shadow .26s ease,border-color .26s ease!important;
  will-change:transform;
 }
 body[data-ui-theme="modern"] .mainnav .navbtn:is(:hover,:focus-visible){
  transform:translateX(5px) scale(1.035)!important;
 }
}
/* The panel unfolds via native animations; eliminate legacy CSS animations
   that clash with the opening motion on desktop browsers. */
body[data-ui-theme="modern"] .filter-cascade{animation:none!important;transform-origin:top left!important;will-change:transform,opacity}
body[data-ui-theme="modern"] .filter-cascade .filter-option{transition:background-color .16s ease,color .16s ease!important}

body[data-surface="light"][data-ui-theme="modern"] :is(.seg,.master-view-toggle,.rc443-mode-switch,.nft-style-toggle)>button:not(.active):not([aria-pressed="true"]){color:#33445a!important;background:transparent!important}
body[data-surface="light"][data-ui-theme="modern"] :is(.seg,.master-view-toggle,.rc443-mode-switch,.nft-style-toggle)>button:is(.active,[aria-pressed="true"]){
 color:#152638!important;background:linear-gradient(#f5f8ff,#f5f8ff) padding-box,linear-gradient(110deg,#dc70b9,#9b85ef,#70aed7) border-box!important
}
body[data-surface="light"][data-ui-theme="modern"] #libraryTiles{background:transparent!important}
@media(max-width:980px){body[data-ui-theme="modern"] .mainnav .navbtn{transform:none!important}}
@media(prefers-reduced-motion:reduce){body[data-ui-theme="modern"] .filter-cascade,body[data-ui-theme="modern"] .mainnav .navbtn{transition:none!important;animation:none!important;transform:none!important}}