/* REPPTRADE v4.4.12 — Library view switch visual correction.
 * Native buttons and selection state remain unchanged; no overlays, event handlers,
 * slide elements or third-party dependencies. Only the Library view switch is affected. */
body[data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) {
  display:inline-flex!important;
  align-items:stretch!important;
  flex:0 0 auto;
  gap:0!important;
  padding:3px!important;
  margin:0!important;
  min-height:36px!important;
  background:#0e1b2d!important;
  border:1px solid #405772!important;
  border-radius:4px!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate;
}
body[data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button {
  appearance:none;
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  height:auto!important;
  min-height:29px!important;
  margin:0!important;
  padding:7px 12px!important;
  border:1px solid transparent!important;
  border-radius:3px!important;
  background:transparent!important;
  color:#adbed3!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  font-weight:750!important;
  cursor:pointer;
  transition:color .24s ease, background .26s ease,box-shadow .32s ease,border-color .28s ease!important;
}
body[data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button:not(.active):hover {
  background:rgba(159,145,218,.10)!important;
  color:#f4f0ff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body[data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button.active,
body[data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button.active:hover {
  border:1.5px solid transparent!important;
  background:linear-gradient(#14263b,#14263b) padding-box,
    linear-gradient(115deg,#fa7bc9 0%,#cd80fa 48%,#82ccff 100%) border-box!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(208,128,238,.12),0 0 15px rgba(204,91,227,.42),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
/* Keep the three labels visually unboxed and the rest of the light-mode UI light. */
body[data-surface="light"][data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) {
  background:#f3f7fc!important;
  border-color:#b8c9da!important;
}
body[data-surface="light"][data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button {
  background:transparent!important;
  color:#415a73!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body[data-surface="light"][data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button:not(.active):hover {
  background:rgba(172,108,219,.09)!important;
  color:#593b81!important;
}
body[data-surface="light"][data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button.active,
body[data-surface="light"][data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button.active:hover {
  border:1.5px solid transparent!important;
  background:linear-gradient(#fff,#fff) padding-box,
    linear-gradient(115deg,#e96ac3,#a07dea 53%,#69b7e8) border-box!important;
  color:#213953!important;
  box-shadow:0 0 0 1px rgba(184,108,225,.11),0 0 13px rgba(180,102,209,.30),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
@media (prefers-reduced-motion:reduce) {
  body[data-ui-theme="modern"] #page-library .toolbar .seg:has(> #tilesBtn) > button {transition:none!important}
}