/*
 * LumaCite Library — Novo One workspace.
 * This final route-scoped layer converts Novo's floating two-card shell into a
 * full-height application frame inspired by the recorded Paperpile, LumaCite
 * Windows, and EndNote layouts. Novo itself intentionally remains unchanged.
 */

html.library-novo1 {
  --novo1-rail: clamp(250px, 18.5vw, 420px);
  --novo1-rail-bg: #f5f7fb;
  --novo1-canvas: #ffffff;
  --novo1-topbar: #ffffff;
  --novo1-line: #d7e0e8;
  --novo1-line-strong: #c5d0db;
  --novo1-text: #10283a;
  --novo1-muted: #607386;
  --novo1-blue: #1468e8;
  --novo1-blue-strong: #0758cf;
  --novo1-blue-soft: #edf5ff;
  --novo1-control-border-width: 1.5px;
}

@media (max-width: 700px) {
  html.library-novo1 .novo1-organizer-dialog,
  html.library-novo1 .novo1-smart-folder-dialog,
  html.library-novo1 .novo1-library-status-dialog {
    width: 100vw;
    max-width: 100vw;
    height: var(--library-visual-height, 100dvh);
    max-height: var(--library-visual-height, 100dvh);
    margin: 0;
  }

  html.library-novo1 .organizer-card,
  html.library-novo1 .smart-folder-card,
  html.library-novo1 .library-status-card {
    width: 100vw;
    max-width: 100vw;
    height: var(--library-visual-height, 100dvh);
    max-height: var(--library-visual-height, 100dvh);
    border: 0;
    border-radius: 0;
  }

  html.library-novo1 .organizer-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  html.library-novo1 .organizer-sort-control {
    grid-column: 2;
    grid-row: 1;
  }

  html.library-novo1 .organizer-new-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  html.library-novo1 .organizer-manager-summary > span:last-child,
  html.library-novo1 .organizer-manager-footnote,
  html.library-novo1 .library-status-footnote {
    display: none;
  }

  html.library-novo1 .organizer-manager-row {
    grid-template-columns: 20px minmax(0, 1fr) 32px;
  }

  html.library-novo1 .organizer-manager-count {
    display: none;
  }

  html.library-novo1 .organizer-manager-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding-left: 28px;
  }

  html.library-novo1 .smart-folder-name-row {
    grid-template-columns: minmax(0, 1fr) 130px;
  }

  html.library-novo1 .smart-rule-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 32px;
  }

  html.library-novo1 .smart-rule-row input {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  html.library-novo1 .smart-rule-row > button {
    grid-column: 3;
    grid-row: 1;
  }

  html.library-novo1 .smart-folder-preview {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  html.library-novo1 .smart-folder-preview > span:last-child {
    grid-column: 2;
  }
}

@media (max-width: 480px) {
  html.library-novo1 .organizer-card > header,
  html.library-novo1 .smart-folder-card > header,
  html.library-novo1 .library-status-card > header,
  html.library-novo1 .organizer-card > footer,
  html.library-novo1 .smart-folder-card > footer,
  html.library-novo1 .library-status-card > footer {
    padding-inline: 12px;
  }

  html.library-novo1 .organizer-tabs,
  html.library-novo1 .organizer-toolbar,
  html.library-novo1 .organizer-manager-list,
  html.library-novo1 .smart-folder-name-row,
  html.library-novo1 .smart-rule-builder,
  html.library-novo1 .library-status-grid {
    padding-inline: 12px;
  }

  html.library-novo1 .organizer-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 7px;
  }

  html.library-novo1 .organizer-tabs button {
    min-width: 0;
    padding-inline: 4px;
    font-size: 10px;
  }

  html.library-novo1 .organizer-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  html.library-novo1 .organizer-sort-control,
  html.library-novo1 .organizer-new-button {
    grid-column: 1;
    grid-row: auto;
  }

  html.library-novo1 .organizer-sort-control {
    grid-template-columns: auto minmax(0, 1fr);
  }

  html.library-novo1 .organizer-manager-actions .organizer-manager-more {
    display: none;
  }

  html.library-novo1 .smart-folder-name-row {
    grid-template-columns: minmax(0, 1fr);
  }

  html.library-novo1 .smart-rule-row {
    grid-template-columns: minmax(0, 1fr) 32px;
    padding: 9px;
    background: #f8fafc;
    border: 1px solid #dbe4eb;
    border-radius: 9px;
  }

  html.library-novo1 .smart-rule-row select:first-child,
  html.library-novo1 .smart-rule-row select:nth-child(2),
  html.library-novo1 .smart-rule-row input {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  html.library-novo1 .smart-rule-row > button {
    grid-column: 2;
    grid-row: 1;
    z-index: 1;
  }

  html.library-novo1 .smart-rule-builder-heading {
    align-items: center;
  }

  html.library-novo1 .smart-rule-builder-heading span {
    display: none;
  }

  html.library-novo1 .smart-folder-preview {
    margin-inline: 12px;
  }

  html.library-novo1 .library-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.library-novo1 .library-status-hero {
    margin-inline: 12px;
  }

  html.library-novo1 .library-status-metric-wide {
    grid-template-columns: minmax(0, 1fr);
  }

  html.library-novo1 .library-status-metric-wide strong {
    justify-self: start;
  }
}

html.library-novo1 body.library-workspace-open,
html.library-novo1 body.library-workspace-open .app-shell {
  width: 100%;
  height: var(--library-visual-height, 100dvh);
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--novo1-canvas);
}

/* Full-height, flush application frame. */
html.library-novo1 body.library-workspace-open .library-app {
  width: 100%;
  height: var(--library-visual-height, 100dvh);
  min-height: 0;
  display: grid;
  grid-template-columns: var(--novo1-rail) minmax(0, 1fr);
  grid-template-rows: 72px minmax(0, 1fr);
  gap: 0;
  padding: 0;
  background: var(--novo1-canvas);
}

html.library-novo1 body.library-workspace-open .sidebar {
  position: relative;
  inset: auto;
  z-index: 120;
  width: auto;
  height: 100%;
  grid-column: 1;
  grid-row: 2;
  min-height: 0;
  gap: 0;
  padding: 0;
  overflow: visible;
  background: var(--novo1-rail-bg);
  border: 0;
  border-right: 1px solid var(--novo1-line);
  border-radius: 0;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .sidebar-fixed-top {
  gap: 0;
}

html.library-novo1 body.library-workspace-open .brand-row {
  width: 100%;
  height: 72px;
  display: flex;
  justify-content: center;
  gap: 8px;
  min-height: 72px;
  padding: 10px 14px;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--novo1-line);
  border-radius: 0;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .brand-row .brand-copy {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  overflow: visible;
}

html.library-novo1 body.library-workspace-open .brand-row > .novo-live-workspace-mark,
html.library-novo1 body.library-workspace-open .brand-row > .sidebar-brand-mark.novo-live-workspace-mark {
  width: 38px;
  height: 38px;
}

html.library-novo1 body.library-workspace-open .brand-row > .novo-live-workspace-mark .novo-wordmark-symbol,
html.library-novo1 body.library-workspace-open .brand-row > .sidebar-brand-mark.novo-live-workspace-mark .novo-wordmark-symbol {
  width: 38px;
  height: 38px;
}

html.library-novo1 body.library-workspace-open .brand-title-line strong {
  color: var(--novo1-text);
  font-size: 15px;
  font-weight: 760;
  letter-spacing: -.025em;
}

html.library-novo1 body.library-workspace-open .brand-email {
  max-width: 100%;
  overflow: hidden;
  color: var(--novo1-muted);
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.library-novo1 body.library-workspace-open .brand-row > .brand-email,
html.library-novo1 body.library-workspace-open .brand-row .brand-email {
  display: none;
}

html.library-novo1 body.library-workspace-open .brand-row .brand-sync,
html.library-novo1 body.library-workspace-open .brand-row .brand-sync[data-state] {
  display: none !important;
}

html.library-novo1 body.library-workspace-open .account-menu-toggle {
  width: 34px;
  height: 34px;
  color: #52697a;
  background: transparent;
  border-color: transparent;
}

html.library-novo1 body.library-workspace-open .account-menu-toggle:hover,
html.library-novo1 body.library-workspace-open .account-menu-toggle[aria-expanded="true"] {
  color: var(--novo1-blue);
  background: #fff;
  border-color: var(--novo1-line);
}

html.library-novo1 body.library-workspace-open .sidebar-fixed-top > .nav-section {
  padding: 9px 10px 5px;
}

html.library-novo1 body.library-workspace-open .sidebar-scroll-region {
  padding: 2px 10px 8px;
  overflow-anchor: none;
}

html.library-novo1 body.library-workspace-open .sidebar-fixed-bottom {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 55px;
  padding: 7px 8px;
  border-top: 1px solid var(--novo1-line);
}

html.library-novo1 body.library-workspace-open .novo1-account-identity {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 26px;
  align-items: center;
  gap: 5px;
}

html.library-novo1 body.library-workspace-open .novo1-account-meta {
  min-width: 0;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 1px;
}

html.library-novo1 body.library-workspace-open .novo1-account-avatar {
  grid-column: 1;
  grid-row: 1;
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  color: #fff;
  background: #0d63d8;
  border: 1px solid #0a56bf;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 780;
  letter-spacing: .015em;
  line-height: 1;
  align-self: center;
}

html.library-novo1 body.library-workspace-open .brand-email.novo1-account-email {
  display: block;
  min-width: 0;
  width: auto;
  max-width: none;
  margin: 0;
  overflow: hidden;
  color: #42586a;
  font-size: 10px;
  font-weight: 570;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.library-novo1 body.library-workspace-open .novo1-account-identity .account-menu-toggle {
  grid-column: 3;
  grid-row: 1;
  width: 26px;
  height: 26px;
  min-width: 26px;
  flex-basis: 26px;
  margin: 0;
  border-radius: 7px;
  align-self: center;
  justify-self: end;
}

html.library-novo1 body.library-workspace-open .novo1-account-meta {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
}

html.library-novo1 body.library-workspace-open .novo1-account-footer .account-menu {
  top: auto;
  right: auto;
  bottom: calc(100% + 7px);
  left: 8px;
}

html.library-novo1 body.library-workspace-open .signout {
  width: auto;
  min-height: 16px;
  justify-self: start;
  justify-content: flex-start;
  gap: 3px;
  padding: 1px 0;
  color: #6b3944;
  background: transparent;
  border-color: transparent;
  border-radius: 7px;
  font-size: 10.5px;
  font-weight: 650;
  white-space: nowrap;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .signout::before {
  width: 12px;
  height: 12px;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
}

html.library-novo1 body.library-workspace-open .signout:hover {
  color: #a8273d;
  background: transparent;
  border-color: transparent;
  text-decoration: underline;
  text-underline-offset: 2px;
}

html.library-novo1 body.library-workspace-open .nav-item,
html.library-novo1 body.library-workspace-open .folder-row,
html.library-novo1 body.library-workspace-open .shared-link-chip,
html.library-novo1 body.library-workspace-open .section-heading {
  border-radius: 6px;
}

html.library-novo1 body.library-workspace-open .nav-item.active,
html.library-novo1 body.library-workspace-open .folder-row.active,
html.library-novo1 body.library-workspace-open .label-row.active {
  color: #0c4db3;
  background: #e6f0ff;
  box-shadow: inset 3px 0 0 var(--novo1-blue);
}

/* Paperpile/LumaCite density: flatter sections, smaller icons, more rows in view. */
html.library-novo1 body.library-workspace-open .nav-section,
html.library-novo1 body.library-workspace-open .folder-tree,
html.library-novo1 body.library-workspace-open .chip-list {
  gap: 1px;
}

html.library-novo1 body.library-workspace-open .folder-tree,
html.library-novo1 body.library-workspace-open .chip-list {
  padding: 0 !important;
}

html.library-novo1 body.library-workspace-open .nav-section > p,
html.library-novo1 body.library-workspace-open .section-toggle span:last-child,
html.library-novo1 body.library-workspace-open .trash-taxonomy-label {
  font-size: 9.5px;
  line-height: 1.2;
  letter-spacing: .08em;
}

html.library-novo1 body.library-workspace-open .nav-section > p {
  margin: 0 0 4px;
  padding-inline: 7px;
}

html.library-novo1 body.library-workspace-open .nav-item {
  min-height: 34px !important;
  padding: 5px 8px !important;
  font-size: 12.5px;
}

html.library-novo1 body.library-workspace-open .nav-item-main {
  gap: 8px;
}

html.library-novo1 body.library-workspace-open .sidebar-icon,
html.library-novo1 body.library-workspace-open .nav-item .sidebar-icon,
html.library-novo1 body.library-workspace-open .folder-row .sidebar-icon,
html.library-novo1 body.library-workspace-open .shared-link-chip .sidebar-icon {
  width: 17px !important;
  min-width: 17px !important;
  height: 17px !important;
}

html.library-novo1 body.library-workspace-open .nav-item > span:last-child,
html.library-novo1 body.library-workspace-open .folder-count,
html.library-novo1 body.library-workspace-open .trash-taxonomy-count {
  font-size: 10.5px;
}

html.library-novo1 body.library-workspace-open .sidebar-scroll-region > .collapsible-section,
html.library-novo1 body.library-workspace-open .trash-taxonomy-section {
  margin: 0;
  padding: 3px 0;
  overflow-anchor: none;
  background: transparent;
  border: 0;
  border-top: 1px solid #e2e8ee;
  border-radius: 0;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .section-heading,
html.library-novo1 body.library-workspace-open .section-toggle {
  min-height: 30px !important;
}

html.library-novo1 body.library-workspace-open .section-heading {
  position: static;
  inset: auto;
  z-index: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26px;
  align-items: center;
  gap: 4px;
  margin: 0 !important;
  height: 30px !important;
  padding: 0 2px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.library-novo1 body.library-workspace-open .section-toggle {
  display: grid !important;
  grid-template-columns: 12px minmax(0, 1fr);
  align-items: center;
  height: 30px !important;
  gap: 5px;
  padding: 4px 5px !important;
}

html.library-novo1 body.library-workspace-open .section-chevron {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  transform-origin: 50% 50%;
  transition: none;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
}

html.library-novo1 body.library-workspace-open .section-heading-actions {
  width: 26px;
  min-width: 26px;
}

html.library-novo1 body.library-workspace-open .section-heading-actions button {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  border-radius: 6px;
}

html.library-novo1 body.library-workspace-open .folder-row,
html.library-novo1 body.library-workspace-open .label-row,
html.library-novo1 body.library-workspace-open .shared-link-chip,
html.library-novo1 body.library-workspace-open .trash-taxonomy-section .folder-row {
  min-height: 28px !important;
  padding: 2px 1px 2px 4px !important;
  font-size: 12px;
}

html.library-novo1 body.library-workspace-open .folder-row,
html.library-novo1 body.library-workspace-open .label-row {
  grid-template-columns: minmax(0, 1fr) 24px 26px;
  gap: 4px;
}

html.library-novo1 body.library-workspace-open .folder-row:has(> .folder-toggle:not(.empty)) {
  grid-template-columns: minmax(0, 1fr) 24px 26px;
  position: relative;
}

html.library-novo1 body.library-workspace-open .folder-toggle.empty,
html.library-novo1 body.library-workspace-open .label-toggle-spacer {
  display: none !important;
}

html.library-novo1 body.library-workspace-open .folder-node {
  --novo1-folder-indent: calc(var(--folder-depth, 0) * 18px);
}

html.library-novo1 body.library-workspace-open .folder-drop-zone {
  margin-left: 0;
}

html.library-novo1 body.library-workspace-open .folder-row.drop-before::before,
html.library-novo1 body.library-workspace-open .folder-row.drop-after::after {
  left: 4px;
}

html.library-novo1 body.library-workspace-open .section-body > .muted {
  padding: 4px !important;
}

html.library-novo1 body.library-workspace-open .folder-row .folder-body,
html.library-novo1 body.library-workspace-open .label-row .folder-body {
  min-height: 0 !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

html.library-novo1 body.library-workspace-open .folder-node > .folder-row .folder-body {
  padding-left: var(--novo1-folder-indent) !important;
}

html.library-novo1 body.library-workspace-open .folder-node > .folder-row:has(> .folder-toggle:not(.empty)) .folder-body {
  gap: 18px;
}

html.library-novo1 body.library-workspace-open .folder-node > .folder-row > .folder-toggle:not(.empty) {
  position: absolute;
  top: 50%;
  left: calc(4px + var(--novo1-folder-indent) + 19px);
  z-index: 1;
  transform: translateY(-50%);
}

html.library-novo1 body.library-workspace-open .label-row .folder-body {
  gap: 6px;
}

html.library-novo1 body.library-workspace-open .label-row .flag-icon {
  display: inline-block !important;
}

html.library-novo1 body.library-workspace-open .label-row[class*="label-color-"] .folder-name,
html.library-novo1 body.library-workspace-open .label-row[class*="label-color-"] .flag-icon {
  color: var(--label-ink);
}

html.library-novo1 body.library-workspace-open .label-row[class*="label-color-"] .flag-icon::before {
  background: var(--label-ink);
}

html.library-novo1 body.library-workspace-open .folder-toggle,
html.library-novo1 body.library-workspace-open .folder-menu-toggle {
  width: 26px;
  min-width: 26px;
  height: 22px;
  min-height: 22px;
}

html.library-novo1 body.library-workspace-open .folder-row > .folder-menu-toggle {
  opacity: 0;
  pointer-events: none;
}

html.library-novo1 body.library-workspace-open .folder-row:hover > .folder-menu-toggle,
html.library-novo1 body.library-workspace-open .folder-row.menu-open > .folder-menu-toggle,
html.library-novo1 body.library-workspace-open .folder-menu-toggle:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

@media (hover: none), (pointer: coarse) {
  html.library-novo1 body.library-workspace-open .folder-row > .folder-menu-toggle {
    opacity: 1;
    pointer-events: auto;
  }
}

/* Novo One organizer: quiet defaults with deeper controls one click away. */
html.library-novo1 body.library-workspace-open .account-menu-signout {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 7px 10px;
  color: #9e2438;
  background: #fff;
  border: 0;
  border-top: 1px solid #e2e8ef;
  border-radius: 0 0 7px 7px;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

/* Lucide LogOut icon; ISC license, see /THIRD_PARTY_NOTICES.md. */
html.library-novo1 body.library-workspace-open .account-menu-signout::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .account-menu-signout:hover,
html.library-novo1 body.library-workspace-open .account-menu-signout:focus-visible {
  color: #861b2f;
  background: #fff2f4;
  outline: none;
}

html.library-novo1 body.library-workspace-open .library-status-row {
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  padding: 6px 7px;
  color: #3f576b;
  background: rgba(255, 255, 255, .68);
  border: 1px solid #dce5ed;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
}

html.library-novo1 body.library-workspace-open .library-status-row:hover,
html.library-novo1 body.library-workspace-open .library-status-row:focus-visible {
  background: #fff;
  border-color: #b8ccdf;
  outline: none;
}

html.library-novo1 body.library-workspace-open .library-status-symbol,
html.library-novo1 .library-status-hero-icon {
  display: inline-grid;
  place-items: center;
  background: #eaf3ff;
  border: 1px solid #bfd7f7;
  border-radius: 7px;
}

html.library-novo1 body.library-workspace-open .library-status-symbol {
  width: 26px;
  height: 26px;
}

html.library-novo1 body.library-workspace-open .library-status-symbol::before,
html.library-novo1 .library-status-hero-icon::before {
  content: "";
  width: 15px;
  height: 15px;
  background: #1468e8;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-5V2'/%3E%3Cpath d='M20 7a8 8 0 1 0 1 5'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-5V2'/%3E%3Cpath d='M20 7a8 8 0 1 0 1 5'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .library-status-row[data-state="local"] .library-status-symbol {
  background: #f3f5f7;
  border-color: #d6dde3;
}

html.library-novo1 body.library-workspace-open .library-status-row[data-state="local"] .library-status-symbol::before {
  background: #697b8b;
}

html.library-novo1 body.library-workspace-open .library-status-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

html.library-novo1 body.library-workspace-open .library-status-copy strong {
  color: #203b50;
  font-size: 10.8px;
  font-weight: 760;
  line-height: 1.15;
}

html.library-novo1 body.library-workspace-open .library-status-copy small {
  overflow: hidden;
  color: #6d8090;
  font-size: 9.5px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.library-novo1 body.library-workspace-open .library-status-chevron {
  width: 13px;
  height: 13px;
  background: #7b8b99;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m7 4 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m7 4 6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .recent-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v6l4 2'/%3E%3Cpath d='M21.964 12.921A10 10 0 1 0 12.796 21.97'/%3E%3Cpath d='m16 19 2 2 4-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v6l4 2'/%3E%3Cpath d='M21.964 12.921A10 10 0 1 0 12.796 21.97'/%3E%3Cpath d='m16 19 2 2 4-4'/%3E%3C/svg%3E");
}

html.library-novo1 body.library-workspace-open .unfiled-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4zM4 14h4l2 3h4l2-3h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4zM4 14h4l2 3h4l2-3h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.library-novo1 body.library-workspace-open .section-heading {
  grid-template-columns: minmax(0, 1fr) auto;
}

html.library-novo1 body.library-workspace-open .section-heading-actions.organizer-heading-actions {
  width: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 1px;
}

html.library-novo1 body.library-workspace-open .section-heading-actions.organizer-heading-actions button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  color: #607487;
  border: 0;
  background: transparent;
}

html.library-novo1 body.library-workspace-open .section-heading-actions.organizer-heading-actions button:hover,
html.library-novo1 body.library-workspace-open .section-heading-actions.organizer-heading-actions button:focus-visible {
  color: #125fcf;
  background: #e7f1ff;
  outline: none;
}

html.library-novo1 body.library-workspace-open .organizer-search-toggle::before,
html.library-novo1 body.library-workspace-open .organizer-manage-button::before,
html.library-novo1 body.library-workspace-open .organizer-inline-search-icon,
html.library-novo1 body.library-workspace-open .organizer-inline-search > button::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  background: currentColor;
}

html.library-novo1 body.library-workspace-open .organizer-search-toggle::before,
html.library-novo1 body.library-workspace-open .organizer-inline-search-icon {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .organizer-manage-button::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .organizer-inline-search {
  height: 30px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 3px;
  margin: 0 2px 4px;
  padding: 0 3px 0 7px;
  color: #6b7d8d;
  background: #fff;
  border: 1px solid #c5d4e1;
  border-radius: 7px;
  box-shadow: 0 1px 2px rgba(22, 48, 70, .04);
}

html.library-novo1 body.library-workspace-open .organizer-inline-search.hidden {
  display: none !important;
}

html.library-novo1 body.library-workspace-open .organizer-inline-search:focus-within {
  border-color: #5792da;
  box-shadow: 0 0 0 2px rgba(20, 104, 232, .1);
}

html.library-novo1 body.library-workspace-open .organizer-inline-search input {
  width: 100%;
  min-width: 0;
  height: 27px;
  padding: 0;
  color: #1f3b51;
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 11px;
}

html.library-novo1 body.library-workspace-open .organizer-inline-search > button {
  width: 22px;
  height: 22px;
  padding: 0;
  color: #758797;
  background: transparent;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}

html.library-novo1 body.library-workspace-open .organizer-inline-search > button::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 5 10 10M15 5 5 15' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 5 10 10M15 5 5 15' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .smart-folder-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h7l2 2h9v10H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='m13.5 11 .65 1.85L16 13.5l-1.85.65L13.5 16l-.65-1.85L11 13.5l1.85-.65z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h7l2 2h9v10H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='m13.5 11 .65 1.85L16 13.5l-1.85.65L13.5 16l-.65-1.85L11 13.5l1.85-.65z'/%3E%3C/svg%3E");
}

html.library-novo1 body.library-workspace-open .pin-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 3 6 6-2 2 3 4-1 1-4-3-2 2-6-6zM9 15l-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 3 6 6-2 2 3 4-1 1-4-3-2 2-6-6zM9 15l-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.library-novo1 body.library-workspace-open .folder-body .organizer-pin-mark {
  width: 11px;
  min-width: 11px;
  height: 11px;
  margin-left: auto;
  background: #71869a;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 3 6 6-2 2 3 4-1 1-4-3-2 2-6-6zM9 15l-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 3 6 6-2 2 3 4-1 1-4-3-2 2-6-6zM9 15l-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .folder-body .folder-name {
  min-width: 0;
}

html.library-novo1 body.library-workspace-open .smart-folder-row {
  grid-template-columns: minmax(0, 1fr) 24px 26px;
}

html.library-novo1 body.library-workspace-open .folder-actions-menu,
html.library-novo1 body.library-workspace-open .label-actions-menu,
html.library-novo1 body.library-workspace-open .smart-folder-actions-menu {
  width: 242px;
}

html.library-novo1 body.library-workspace-open .folder-menu-item {
  min-height: 34px;
}

html.library-novo1 body.library-workspace-open .folder-menu-item + .folder-menu-item.danger {
  margin-top: 3px;
  border-top: 1px solid #e7ecf1;
}

html.library-novo1 .novo1-organizer-dialog,
html.library-novo1 .novo1-smart-folder-dialog,
html.library-novo1 .novo1-library-status-dialog {
  width: min(880px, calc(100vw - 36px)) !important;
  max-width: none;
  padding: 0;
  color: #163047;
  background: transparent;
  border: 0;
}

html.library-novo1 .novo1-organizer-dialog::backdrop,
html.library-novo1 .novo1-smart-folder-dialog::backdrop,
html.library-novo1 .novo1-library-status-dialog::backdrop {
  background: rgba(18, 38, 58, .36);
  backdrop-filter: blur(2px);
}

html.library-novo1 .organizer-card,
html.library-novo1 .smart-folder-card,
html.library-novo1 .library-status-card {
  width: 100% !important;
  max-width: none;
  max-height: min(780px, calc(100dvh - 36px));
  display: grid;
  grid-template-rows: auto auto auto auto minmax(180px, 1fr) auto;
  gap: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #b9cad8;
  border-radius: 13px;
  box-shadow: 0 24px 70px rgba(20, 43, 64, .24);
}

html.library-novo1 .smart-folder-card {
  width: 100% !important;
  grid-template-rows: auto auto minmax(190px, 1fr) auto auto;
}

html.library-novo1 .library-status-card {
  width: 100% !important;
  grid-template-rows: auto auto auto auto;
}

html.library-novo1 .novo1-smart-folder-dialog {
  width: min(820px, calc(100vw - 36px)) !important;
}

html.library-novo1 .novo1-library-status-dialog {
  width: min(620px, calc(100vw - 36px)) !important;
}

html.library-novo1 .organizer-card > header,
html.library-novo1 .smart-folder-card > header,
html.library-novo1 .library-status-card > header {
  min-height: 70px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  background: #f8fafc;
  border-bottom: 1px solid #dbe4eb;
}

html.library-novo1 .organizer-card > header h2,
html.library-novo1 .smart-folder-card > header h2,
html.library-novo1 .library-status-card > header h2 {
  margin: 1px 0 0;
  color: #152f46;
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: -.02em;
}

html.library-novo1 .organizer-dialog-kicker {
  color: #46708f;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.library-novo1 .organizer-card > header > button,
html.library-novo1 .smart-folder-card > header > button,
html.library-novo1 .library-status-card > header > button {
  width: 32px;
  height: 32px;
  overflow: hidden;
  color: transparent;
  background: #fff;
  border: 1px solid #cbd8e3;
  border-radius: 8px;
  cursor: pointer;
}

html.library-novo1 .organizer-card > header > button::before,
html.library-novo1 .smart-folder-card > header > button::before,
html.library-novo1 .library-status-card > header > button::before {
  content: "×";
  display: block;
  width: auto;
  height: auto;
  margin: -1px 0 0;
  color: #63778a;
  background: transparent;
  -webkit-mask: none;
  mask: none;
  transform: none;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

html.library-novo1 .organizer-manager-search input::-webkit-search-cancel-button,
html.library-novo1 body.library-workspace-open .organizer-inline-search input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

html.library-novo1 .organizer-tabs {
  display: flex;
  gap: 3px;
  padding: 10px 18px 0;
  background: #fff;
  border-bottom: 1px solid #dbe4eb;
}

html.library-novo1 .organizer-tabs button {
  min-height: 38px;
  padding: 0 13px;
  color: #617486;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  font: inherit;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
}

html.library-novo1 .organizer-tabs button.active {
  color: #0c58c5;
  border-bottom-color: #1468e8;
}

html.library-novo1 .organizer-toolbar {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) auto auto;
  gap: 8px;
  padding: 12px 18px 8px;
}

html.library-novo1 .organizer-manager-search {
  height: 38px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  color: #6b7e8f;
  background: #fff;
  border: 1px solid #c8d6e2;
  border-radius: 8px;
}

html.library-novo1 .organizer-manager-search > span {
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 .organizer-manager-search input {
  width: 100%;
  min-width: 0;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font: inherit;
  font-size: 12px;
}

html.library-novo1 .organizer-sort-control {
  height: 38px;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 6px;
  padding: 0 8px 0 10px;
  color: #627588;
  border: 1px solid #c8d6e2;
  border-radius: 8px;
  font-size: 10.5px;
  font-weight: 700;
}

html.library-novo1 .organizer-sort-control select {
  height: 30px;
  color: #203b51;
  background: #fff;
  border: 0;
  outline: none;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
}

html.library-novo1 .organizer-new-button {
  min-width: 120px;
  height: 38px;
  padding: 0 13px;
  border-radius: 8px;
  white-space: nowrap;
}

html.library-novo1 .organizer-manager-summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px 8px;
  color: #758695;
  font-size: 10.5px;
}

html.library-novo1 .organizer-manager-summary > span:first-child {
  color: #425d72;
  font-weight: 750;
}

html.library-novo1 .organizer-manager-list {
  min-height: 210px;
  overflow: auto;
  padding: 0 18px 12px;
  scrollbar-gutter: stable;
}

html.library-novo1 .organizer-manager-row {
  min-height: 54px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 38px auto;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border-top: 1px solid #e5ebf0;
}

html.library-novo1 .organizer-manager-row:first-child {
  border-top-color: #cfdae3;
}

html.library-novo1 .organizer-manager-row:hover {
  background: #f7faff;
}

html.library-novo1 .organizer-manager-row > .sidebar-icon {
  width: 18px;
  height: 18px;
}

html.library-novo1 .organizer-manager-item-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

html.library-novo1 .organizer-manager-item-copy strong {
  overflow: hidden;
  color: #17344c;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.library-novo1 .organizer-manager-item-copy span,
html.library-novo1 .organizer-manager-count {
  color: #788a99;
  font-size: 10px;
}

html.library-novo1 .organizer-manager-count {
  justify-self: center;
  padding: 2px 6px;
  background: #eef3f7;
  border-radius: 999px;
  font-weight: 700;
}

html.library-novo1 .organizer-manager-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

html.library-novo1 .organizer-manager-actions button {
  min-height: 30px;
  padding: 0 8px;
  color: #4e6679;
  background: #fff;
  border: 1px solid #d1dce5;
  border-radius: 7px;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

html.library-novo1 .organizer-manager-actions button:hover {
  color: #0d59c6;
  border-color: #8eb5e8;
  background: #f0f6ff;
}

html.library-novo1 .organizer-manager-actions .organizer-manager-pin,
html.library-novo1 .organizer-manager-actions .organizer-manager-delete {
  width: 30px;
  min-width: 30px;
  padding: 0;
}

html.library-novo1 .organizer-manager-pin::before,
html.library-novo1 .organizer-manager-delete::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  background: currentColor;
}

html.library-novo1 .organizer-manager-pin::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 3 6 6-2 2 3 4-1 1-4-3-2 2-6-6zM9 15l-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 3 6 6-2 2 3 4-1 1-4-3-2 2-6-6zM9 15l-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 .organizer-manager-pin.active {
  color: #0e5ecc;
  background: #eaf3ff;
  border-color: #8bb6ec;
}

html.library-novo1 .organizer-manager-delete {
  color: #a72a3d !important;
}

html.library-novo1 .organizer-manager-delete::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7V4h6v3m-9 0 1 13h10l1-13M10 11v5m4-5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7V4h6v3m-9 0 1 13h10l1-13M10 11v5m4-5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 .organizer-manager-empty {
  min-height: 210px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: #789;
  text-align: center;
}

html.library-novo1 .organizer-manager-empty > span {
  width: 34px;
  height: 34px;
  background: #8ba0b1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h7l2 2h9v10H3z' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h7l2 2h9v10H3z' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 .organizer-manager-empty strong {
  color: #3e596e;
  font-size: 13px;
}

html.library-novo1 .organizer-manager-empty p {
  margin: 0;
  font-size: 11px;
}

html.library-novo1 .organizer-card > footer,
html.library-novo1 .smart-folder-card > footer,
html.library-novo1 .library-status-card > footer {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 10px 18px;
  background: #f8fafc;
  border-top: 1px solid #dbe4eb;
}

html.library-novo1 .organizer-manager-footnote,
html.library-novo1 .library-status-footnote {
  margin-right: auto;
  color: #788a99;
  font-size: 10px;
}

html.library-novo1 .smart-folder-name-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 12px;
  padding: 16px 18px 12px;
}

html.library-novo1 .smart-folder-name-row label {
  display: grid;
  gap: 5px;
  color: #536b7e;
  font-size: 10px;
  font-weight: 760;
}

html.library-novo1 .smart-folder-name-row input,
html.library-novo1 .smart-folder-name-row select,
html.library-novo1 .smart-rule-row input,
html.library-novo1 .smart-rule-row select {
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  padding: 0 9px;
  color: #17344c;
  background: #fff;
  border: 1px solid #c6d5e1;
  border-radius: 8px;
  outline: none;
  font: inherit;
  font-size: 11.5px;
}

html.library-novo1 .smart-folder-name-row input:focus,
html.library-novo1 .smart-folder-name-row select:focus,
html.library-novo1 .smart-rule-row input:focus,
html.library-novo1 .smart-rule-row select:focus {
  border-color: #4d8edb;
  box-shadow: 0 0 0 2px rgba(20, 104, 232, .1);
}

html.library-novo1 .smart-rule-builder {
  min-height: 190px;
  overflow: auto;
  padding: 0 18px 14px;
}

html.library-novo1 .smart-rule-builder-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0 8px;
  border-top: 1px solid #e2e9ef;
}

html.library-novo1 .smart-rule-builder-heading > div {
  display: grid;
  gap: 2px;
}

html.library-novo1 .smart-rule-builder-heading strong {
  color: #26445b;
  font-size: 12px;
}

html.library-novo1 .smart-rule-builder-heading span {
  color: #748696;
  font-size: 10px;
}

html.library-novo1 .smart-rule-builder-heading button {
  min-height: 30px;
  padding: 0 9px;
  color: #0c5fce;
  background: #eef6ff;
  border: 1px solid #b6d2f3;
  border-radius: 7px;
  font: inherit;
  font-size: 10.5px;
  font-weight: 760;
  cursor: pointer;
}

html.library-novo1 .smart-rule-list {
  display: grid;
  gap: 7px;
}

html.library-novo1 .smart-rule-row {
  display: grid;
  grid-template-columns: minmax(120px, .8fr) minmax(150px, 1fr) minmax(170px, 1.25fr) 32px;
  gap: 7px;
}

html.library-novo1 .smart-rule-row > button {
  width: 32px;
  height: 38px;
  padding: 0;
  color: #9d3344;
  background: #fff7f8;
  border: 1px solid #e3bdc4;
  border-radius: 8px;
  cursor: pointer;
}

html.library-novo1 .smart-rule-row > button::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h12' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h12' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 .smart-rule-row input:disabled {
  color: transparent;
  background: #f4f6f8;
}

html.library-novo1 .smart-folder-preview {
  min-height: 52px;
  display: grid;
  grid-template-columns: 28px auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0 18px 14px;
  padding: 9px 11px;
  color: #547086;
  background: #f0f7ff;
  border: 1px solid #c5dcf5;
  border-radius: 9px;
  font-size: 10.5px;
}

html.library-novo1 .smart-folder-preview strong {
  color: #0f5dbf;
  font-size: 11.5px;
}

html.library-novo1 .smart-folder-preview-icon {
  width: 28px;
  height: 28px;
  background: #1468e8;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h7l2 2h9v10H3z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m13.5 11 .65 1.85L16 13.5l-1.85.65L13.5 16l-.65-1.85L11 13.5l1.85-.65z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h7l2 2h9v10H3z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m13.5 11 .65 1.85L16 13.5l-1.85.65L13.5 16l-.65-1.85L11 13.5l1.85-.65z'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 .library-status-hero {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 16px 18px 10px;
  padding: 14px;
  background: #eff7ff;
  border: 1px solid #c5dcf5;
  border-radius: 10px;
}

html.library-novo1 .library-status-hero-icon {
  width: 46px;
  height: 46px;
  border-radius: 10px;
}

html.library-novo1 .library-status-hero-icon::before {
  width: 24px;
  height: 24px;
}

html.library-novo1 .library-status-hero strong {
  color: #153c62;
  font-size: 14px;
}

html.library-novo1 .library-status-hero p {
  margin: 3px 0 0;
  color: #60788e;
  font-size: 10.5px;
  line-height: 1.45;
}

html.library-novo1 .library-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 18px 18px;
}

html.library-novo1 .library-status-metric {
  min-height: 70px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  background: #fafbfd;
  border: 1px solid #dce5ec;
  border-radius: 9px;
}

html.library-novo1 .library-status-metric span {
  color: #758696;
  font-size: 9.5px;
  font-weight: 700;
}

html.library-novo1 .library-status-metric strong {
  color: #1c3b53;
  font-size: 16px;
}

html.library-novo1 .library-status-metric-wide {
  grid-column: 1 / -1;
  min-height: 56px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

html.library-novo1 .library-status-metric-wide strong {
  justify-self: end;
  font-size: 11.5px;
}

html.library-novo1 body.library-workspace-open .folder-toggle {
  width: 14px;
  min-width: 14px;
}

/* Main workspace owns every pixel to the right of the rail. */
html.library-novo1 body.library-workspace-open .main-panel {
  width: 100%;
  height: 100%;
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  background: var(--novo1-canvas);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* One continuous command band: search on the left, actions on the right. */
html.library-novo1 body.library-workspace-open .command-bar {
  position: relative;
  z-index: 160;
  isolation: isolate;
  display: grid;
  grid-column: 1 / -1;
  grid-row: 1;
  grid-template-columns: var(--novo1-rail) minmax(250px, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 72px;
  margin: 0;
  padding: 0 12px 0 0;
  overflow: visible;
  background: var(--novo1-topbar);
  border: 0;
  border-bottom: 1px solid var(--novo1-line);
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(15, 36, 52, .04);
}

html.library-novo1 body.library-workspace-open .command-cluster {
  position: relative;
  display: flex;
  min-width: 0;
  gap: 8px;
  align-items: center;
}

html.library-novo1 body.library-workspace-open .novo1-topbar-brand {
  grid-column: 1;
  align-self: stretch;
}

html.library-novo1 body.library-workspace-open .command-cluster {
  grid-column: 2;
}

html.library-novo1 body.library-workspace-open #app .toolbar {
  grid-column: 3;
}

html.library-novo1 body.library-workspace-open .command-cluster .top-search {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
  gap: 6px;
}

html.library-novo1 body.library-workspace-open .top-search::before {
  content: none;
  display: none;
}

html.library-novo1 body.library-workspace-open .top-search > input {
  width: 100%;
  height: 44px;
  min-height: 44px;
  min-width: 0;
  padding: 0 14px;
  color: var(--novo1-text);
  font-size: 13.5px;
  background: #f8fafc;
  border: var(--novo1-control-border-width) solid var(--novo1-line-strong);
  border-radius: 9px;
  box-shadow: inset 0 1px 2px rgba(20, 40, 56, .03);
}

html.library-novo1 body.library-workspace-open .top-search > input:hover {
  border-color: #aebdca;
}

html.library-novo1 body.library-workspace-open .top-search > input:focus {
  background: #fff;
  border-color: var(--novo1-blue);
  box-shadow: 0 0 0 3px rgba(20, 104, 232, .12);
}

html.library-novo1 body.library-workspace-open .top-search > .toolbar-icon {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  color: #52697a;
  background: #fff !important;
  border: var(--novo1-control-border-width) solid var(--novo1-line-strong) !important;
  border-radius: 9px;
}

html.library-novo1 body.library-workspace-open #app .toolbar {
  width: auto;
  min-width: 0;
  max-width: none;
  display: flex;
  flex-wrap: nowrap !important;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
  overflow: visible !important;
}

html.library-novo1 body.library-workspace-open .command-bar .toolbar > button,
html.library-novo1 body.library-workspace-open .command-bar .toolbar .share-toolbar-button,
html.library-novo1 body.library-workspace-open .novo1-more-toggle,
html.library-novo1 body.library-workspace-open .topbar-add {
  display: inline-flex;
  width: auto;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  color: #294256;
  font-size: 12.5px;
  font-weight: 680;
  line-height: 1;
  white-space: nowrap;
  background: #fff !important;
  border: var(--novo1-control-border-width) solid var(--novo1-line-strong) !important;
  border-radius: 9px;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .command-bar .toolbar > button:hover:not(:disabled),
html.library-novo1 body.library-workspace-open .command-bar .toolbar .share-toolbar-button:hover:not(:disabled),
html.library-novo1 body.library-workspace-open .novo1-more-toggle:hover,
html.library-novo1 body.library-workspace-open .novo1-more-control[open] > .novo1-more-toggle {
  color: #0c4db3;
  background: var(--novo1-blue-soft) !important;
  border-color: #9fbce8 !important;
}

html.library-novo1 body.library-workspace-open .command-bar .toolbar > button:disabled,
html.library-novo1 body.library-workspace-open .command-bar .toolbar .share-toolbar-button:disabled {
  color: #91a0ac;
  background: #f7f9fb !important;
  border-color: #e0e6eb !important;
  opacity: 1;
}

html.library-novo1 body.library-workspace-open #app .toolbar .novo1-selection-button {
  width: auto !important;
  min-width: 96px !important;
  display: inline-flex !important;
  padding-inline: 11px !important;
}

html.library-novo1 body.library-workspace-open .novo1-selection-button .mobile-action-text {
  display: inline !important;
}

html.library-novo1 body.library-workspace-open .novo1-selection-button.active {
  color: #0c4db3;
  background: var(--novo1-blue-soft) !important;
  border-color: #9fbce8 !important;
}

html.library-novo1 body.library-workspace-open .share-toolbar-icon {
  width: 16px;
  height: 16px;
}

html.library-novo1 body.library-workspace-open .novo1-add-control,
html.library-novo1 body.library-workspace-open .novo1-more-control {
  position: relative;
  flex: 0 0 auto;
}

html.library-novo1 body.library-workspace-open .topbar-add {
  min-width: 142px;
  padding-inline: 14px;
  color: #fff;
  background: var(--novo1-blue) !important;
  border-color: var(--novo1-blue) !important;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .topbar-add:hover {
  color: #fff;
  background: var(--novo1-blue-strong) !important;
  border-color: var(--novo1-blue-strong) !important;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .topbar-add > span:first-child {
  font-size: 20px;
  font-weight: 500;
  transform: translateY(-.5px);
}

html.library-novo1 body.library-workspace-open .topbar-add > span:last-child {
  width: auto;
  height: auto;
  display: inline;
  font-size: inherit;
  line-height: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
}

/* Secondary commands remain available without crowding the primary sequence. */
html.library-novo1 body.library-workspace-open .novo1-more-control > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
}

html.library-novo1 body.library-workspace-open .novo1-more-control > summary::-webkit-details-marker {
  display: none;
}

html.library-novo1 body.library-workspace-open .novo1-more-symbol {
  position: relative;
  width: 18px;
  height: 4px;
  background: radial-gradient(circle, currentColor 1.7px, transparent 1.9px) 0 50% / 6px 4px repeat-x;
}

html.library-novo1 body.library-workspace-open .novo1-more-menu {
  position: absolute;
  z-index: 520;
  top: calc(100% + 9px);
  right: 0;
  width: 260px;
  display: grid;
  gap: 4px;
  padding: 7px;
  color: var(--novo1-text);
  background: #fff;
  border: 1px solid var(--novo1-line);
  border-radius: 10px;
  box-shadow: 0 16px 38px rgba(15, 36, 52, .16), 0 2px 6px rgba(15, 36, 52, .06);
}

html.library-novo1 body.library-workspace-open .novo1-more-control:not([open]) .novo1-more-menu {
  display: none;
}

html.library-novo1 body.library-workspace-open .novo1-more-menu > button,
html.library-novo1 body.library-workspace-open .novo1-more-menu > .bulk-folder-control > button,
html.library-novo1 body.library-workspace-open .novo1-more-menu > .ref-capture-sync-control > button {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0 11px !important;
  color: #294256 !important;
  font-size: 12.5px !important;
  font-weight: 650;
  background: #fff !important;
  border: 0 !important;
  border-radius: 7px !important;
}

html.library-novo1 body.library-workspace-open .novo1-more-menu > button:hover:not(:disabled),
html.library-novo1 body.library-workspace-open .novo1-more-menu > .bulk-folder-control > button:hover:not(:disabled),
html.library-novo1 body.library-workspace-open .novo1-more-menu > .ref-capture-sync-control > button:hover:not(:disabled) {
  color: #0c4db3 !important;
  background: var(--novo1-blue-soft) !important;
}

html.library-novo1 body.library-workspace-open .novo1-more-menu > button:disabled,
html.library-novo1 body.library-workspace-open .novo1-more-menu > .bulk-folder-control > button:disabled {
  color: #97a5b1 !important;
  background: #fff !important;
}

html.library-novo1 body.library-workspace-open .novo1-more-menu .mobile-action-text,
html.library-novo1 body.library-workspace-open .novo1-more-menu [data-ref-capture-sync-label] {
  display: inline !important;
}

html.library-novo1 body.library-workspace-open .novo1-more-menu .bulk-folder-control,
html.library-novo1 body.library-workspace-open .novo1-more-menu .ref-capture-sync-control {
  width: 100%;
}

html.library-novo1 body.library-workspace-open .novo1-more-menu .bulk-folder-menu,
html.library-novo1 body.library-workspace-open .novo1-more-menu .ref-capture-sync-popover {
  top: 0;
  right: calc(100% + 8px);
  left: auto;
}

html.library-novo1 body.library-workspace-open .novo1-add-control > .floating-menu.add-menu {
  position: absolute !important;
  top: calc(100% + 9px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(650px, calc(100vw - var(--novo1-rail) - 32px));
  max-height: min(76vh, 640px);
  z-index: 540;
}

html.library-novo1 body.library-workspace-open .search-popover {
  top: calc(100% + 9px);
  right: auto;
  left: 0;
  width: min(680px, calc(100vw - var(--novo1-rail) - 48px));
  max-height: min(76vh, 660px);
  z-index: 540;
}

/* Flat list region under the command band. */
html.library-novo1 body.library-workspace-open .list-header {
  z-index: 80;
  min-height: 68px;
  gap: 16px;
  padding: 12px clamp(16px, 1.5vw, 26px);
  background: #fff;
  border-bottom: 1px solid #e5ebf0;
}

html.library-novo1 body.library-workspace-open .list-header h1 {
  color: var(--novo1-text);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.02em;
}

html.library-novo1 body.library-workspace-open .content-grid {
  min-height: 0;
  padding: 12px clamp(12px, 1.2vw, 20px) 16px;
  background: #fff;
}

html.library-novo1 body.library-workspace-open .reference-list {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--novo1-line);
  border-radius: 10px;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .reference-card {
  border-bottom-width: 2px;
  border-bottom-color: #e6ecf1;
}

html.library-novo1 body.library-workspace-open .reference-card:hover:not(.selected) {
  background: #eef5ff;
}

html.library-novo1 body.library-workspace-open .reference-resource-indicators {
  gap: 8px;
}

/* Paperpile-style inline resources: the icon above is already the label, so
   Novo One opens a single compact working surface without a repeated title. */
html.library-novo1 body.library-workspace-open .reference-card > .reference-resource-panel {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #b9d2ee;
  border-radius: 0 !important;
  background: #eaf3fd;
  animation: none;
}

html.library-novo1 body.library-workspace-open .reference-resource-panel-header {
  display: none;
}

html.library-novo1 body.library-workspace-open .novo1-resource-panel-close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #c6d8eb;
  border-radius: 7px;
  background: rgba(255, 255, 255, .82);
  color: #58708a;
  font-size: 17px;
  line-height: 1;
}

html.library-novo1 body.library-workspace-open .novo1-resource-panel-close:hover {
  border-color: #9fbad8;
  background: #fff;
  color: #193f69;
}

html.library-novo1 body.library-workspace-open .reference-resource-panel-body {
  padding: 10px 60px 10px 12px;
  background: transparent;
}

html.library-novo1 body.library-workspace-open .reference-card > .reference-resource-panel.notes-panel {
  border-top-color: #89b4e6;
  background: #dcecff;
}

html.library-novo1 body.library-workspace-open .reference-card > .reference-resource-panel.pdf-panel,
html.library-novo1 body.library-workspace-open .reference-card > .reference-resource-panel.files-panel {
  border-top-color: #89b4e6;
  background: #dcecff;
  background-image: none !important;
}

html.library-novo1 body.library-workspace-open .notes-panel-body {
  gap: 7px;
  padding: 10px 12px;
}

html.library-novo1 body.library-workspace-open .notes-panel-body textarea {
  height: 82px;
  min-height: 82px;
  padding: 9px 11px;
  border-color: #9ebfe3;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(25, 63, 105, .07);
  font-size: 13px;
  line-height: 1.42;
}

html.library-novo1 body.library-workspace-open .notes-panel-body textarea:focus {
  border-color: #438ee3;
  box-shadow: 0 0 0 2px rgba(11, 116, 246, .13);
}

html.library-novo1 body.library-workspace-open .resource-panel-footer {
  min-height: 32px;
  gap: 6px;
}

html.library-novo1 body.library-workspace-open .resource-panel-footer > span {
  display: none;
}

html.library-novo1 body.library-workspace-open .resource-primary-action,
html.library-novo1 body.library-workspace-open .resource-secondary-action,
html.library-novo1 body.library-workspace-open .resource-file-action {
  min-height: 36px;
  border-radius: 7px;
  font-size: 11.5px;
}

html.library-novo1 body.library-workspace-open .pdf-panel-body {
  display: grid;
  align-items: stretch;
  gap: 7px;
}

html.library-novo1 body.library-workspace-open .novo1-pdf-controls {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
}

html.library-novo1 body.library-workspace-open .resource-find-pdf-action {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 92px;
  padding: 0 11px;
  white-space: nowrap;
  font-weight: 700;
}

html.library-novo1 body.library-workspace-open .resource-find-pdf-action svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

html.library-novo1 body.library-workspace-open .resource-find-pdf-action[aria-busy="true"] svg {
  animation: novo1-pdf-search-pulse .85s ease-in-out infinite alternate;
}

html.library-novo1 body.library-workspace-open .resource-find-pdf-action:disabled {
  cursor: progress;
  opacity: .72;
}

html.library-novo1 body.library-workspace-open .pdf-lookup-feedback {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  min-height: 22px;
  color: #526b84;
  font-size: 11px;
  line-height: 1.35;
}

html.library-novo1 body.library-workspace-open .pdf-lookup-feedback a {
  color: var(--novo1-blue);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

html.library-novo1 body.library-workspace-open .pdf-lookup-feedback a:hover {
  text-decoration: underline;
}

html.library-novo1 body.library-workspace-open .pdf-lookup-feedback.error {
  color: #b4233c;
}

@keyframes novo1-pdf-search-pulse {
  from { opacity: .42; transform: scale(.94); }
  to { opacity: 1; transform: scale(1); }
}

html.library-novo1 body.library-workspace-open .resource-url-form {
  align-items: center;
  gap: 6px;
}

html.library-novo1 body.library-workspace-open .novo1-pdf-link-form {
  flex: 1 1 auto;
  min-width: 0;
}

html.library-novo1 body.library-workspace-open .resource-url-form label {
  gap: 0;
}

html.library-novo1 body.library-workspace-open .resource-url-form input {
  height: 36px;
  border-radius: 7px;
  font-size: 12px;
}

html.library-novo1 body.library-workspace-open .files-panel-body {
  gap: 7px;
}

html.library-novo1 body.library-workspace-open .pdf-panel-body,
html.library-novo1 body.library-workspace-open .files-panel-body,
html.library-novo1 body.library-workspace-open .resource-file-row,
html.library-novo1 body.library-workspace-open .resource-empty-state,
html.library-novo1 body.library-workspace-open .pdf-panel .resource-primary-action,
html.library-novo1 body.library-workspace-open .pdf-panel .resource-secondary-action,
html.library-novo1 body.library-workspace-open .pdf-panel .resource-file-action,
html.library-novo1 body.library-workspace-open .files-panel .resource-file-action {
  background-image: none !important;
}

html.library-novo1 body.library-workspace-open .resource-file-list {
  gap: 4px;
}

html.library-novo1 body.library-workspace-open .resource-file-row {
  min-height: 46px;
  padding: 6px 8px;
  border-radius: 7px;
  background: #fff;
  border-color: #b9cfe7;
}

html.library-novo1 body.library-workspace-open .resource-file-kind {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #edf5ff;
}

html.library-novo1 body.library-workspace-open .resource-file-copy strong {
  font-size: 12px;
}

html.library-novo1 body.library-workspace-open .resource-file-copy small {
  margin-top: 1px;
  font-size: 10.5px;
}

html.library-novo1 body.library-workspace-open .resource-file-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
}

html.library-novo1 body.library-workspace-open .resource-file-row-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 7px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #42617f;
  cursor: pointer;
  font-size: 10.5px;
  font-weight: 720;
  text-decoration: none;
}

html.library-novo1 body.library-workspace-open .resource-file-row-action.primary {
  background: #edf5ff;
  color: #0b66cf;
}

html.library-novo1 body.library-workspace-open .resource-file-row-action.primary:hover {
  background: #dcecff;
  color: #0757b4;
}

html.library-novo1 body.library-workspace-open .resource-annotate-pdf-action {
  white-space: nowrap;
}

html.library-novo1 body.library-workspace-open .resource-open-pdf-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #42617f;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

html.library-novo1 body.library-workspace-open .resource-file-row-action:hover {
  background: #edf5ff;
  color: #0b66cf;
}

html.library-novo1 body.library-workspace-open .resource-file-row-action.danger {
  color: #9d4150;
}

html.library-novo1 body.library-workspace-open .resource-file-row-action.danger:hover {
  background: #fff0f2;
  color: #c72d43;
}

html.library-novo1 body.library-workspace-open .resource-empty-state {
  padding: 3px 1px 4px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  background-image: none !important;
  text-align: left;
}

html.library-novo1 .reference-file-rename-dialog {
  width: min(520px, calc(100vw - 28px));
  max-width: none;
  padding: 0;
  border: 1px solid #aec8e5;
  border-radius: 10px;
  background: #fff;
  color: #142b43;
  box-shadow: 0 18px 46px rgba(18, 48, 79, .2);
}

html.library-novo1 .reference-file-rename-dialog::backdrop {
  background: rgba(17, 40, 66, .28);
}

html.library-novo1 .reference-file-rename-form {
  display: grid;
  gap: 14px;
  padding: 16px;
}

html.library-novo1 .reference-file-rename-form header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: start;
  gap: 12px;
}

html.library-novo1 .reference-file-rename-form header strong,
html.library-novo1 .reference-file-rename-form header span {
  display: block;
}

html.library-novo1 .reference-file-rename-form header strong {
  font-size: 16px;
  line-height: 1.3;
}

html.library-novo1 .reference-file-rename-form header span {
  margin-top: 2px;
  color: #687f96;
  font-size: 11.5px;
}

html.library-novo1 .reference-file-rename-form header button {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #c6d8eb;
  border-radius: 7px;
  background: #fff;
  color: #58708a;
  cursor: pointer;
  font-size: 19px;
}

html.library-novo1 .reference-file-rename-form > label {
  display: grid;
  gap: 6px;
  color: #4f657c;
  font-size: 11px;
  font-weight: 760;
}

html.library-novo1 .reference-file-rename-form input {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #aec6df;
  border-radius: 7px;
  background: #fff;
  color: #142b43;
  font: inherit;
  outline: none;
}

html.library-novo1 .reference-file-rename-form input:focus {
  border-color: #438ee3;
  box-shadow: 0 0 0 2px rgba(11, 116, 246, .13);
}

html.library-novo1 .reference-file-rename-form footer {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

@media (max-width: 760px) {
  html.library-novo1 body.library-workspace-open .novo1-pdf-controls {
    flex-direction: column;
    align-items: stretch;
  }

  html.library-novo1 body.library-workspace-open .novo1-pdf-link-form {
    width: 100%;
  }

  html.library-novo1 body.library-workspace-open .novo1-pdf-controls > .resource-file-action {
    align-self: flex-start;
  }

  html.library-novo1 body.library-workspace-open .novo1-pdf-controls > .resource-find-pdf-action {
    align-self: flex-start;
  }

  html.library-novo1 body.library-workspace-open .pdf-lookup-feedback {
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  html.library-novo1 body.library-workspace-open .novo1-resource-file-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  html.library-novo1 body.library-workspace-open .resource-file-row-actions {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 1320px) {
  html.library-novo1 {
    --novo1-rail: 250px;
  }

  html.library-novo1 body.library-workspace-open .command-bar {
    gap: 8px;
    padding: 0 12px 0 0;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar {
    gap: 4px;
  }

  html.library-novo1 body.library-workspace-open .command-bar .toolbar > button,
  html.library-novo1 body.library-workspace-open .command-bar .toolbar .share-toolbar-button,
  html.library-novo1 body.library-workspace-open .novo1-more-toggle {
    padding-inline: 9px;
  }

  html.library-novo1 body.library-workspace-open .novo1-more-toggle > span:last-child {
    display: none;
  }

  html.library-novo1 body.library-workspace-open .topbar-add {
    min-width: 142px;
    padding-inline: 11px;
  }
}

@media (max-width: 1024px) {
  html.library-novo1 body.library-workspace-open .library-app {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }

  html.library-novo1 body.library-workspace-open .sidebar {
    position: fixed;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: min(330px, calc(100vw - 44px));
    height: var(--library-visual-height, 100dvh);
    max-height: none;
    border: 0;
    border-right: 1px solid var(--novo1-line);
    border-radius: 0;
    box-shadow: 20px 0 48px rgba(15, 36, 52, .2);
    z-index: 1000;
  }

  html.library-novo1 body.library-workspace-open .mobile-sidebar-header {
    min-height: 54px;
    padding-inline: 16px 8px;
    border-bottom: 1px solid var(--novo1-line);
  }

  html.library-novo1 body.library-workspace-open .main-panel {
    grid-column: 1;
    grid-row: 2;
  }

  html.library-novo1 body.library-workspace-open .novo1-add-control > .floating-menu.add-menu,
  html.library-novo1 body.library-workspace-open .search-popover {
    width: min(650px, calc(100vw - 28px));
  }
}

@media (max-width: 880px) {
  html.library-novo1 body.library-workspace-open .command-bar {
    grid-template-columns: minmax(184px, .7fr) minmax(250px, 1.3fr);
    grid-template-rows: 72px auto;
    gap: 7px;
    padding: 0 10px 8px 0;
  }

  html.library-novo1 body.library-workspace-open .novo1-topbar-brand {
    grid-column: 1;
    grid-row: 1;
  }

  html.library-novo1 body.library-workspace-open .command-cluster {
    grid-column: 2;
    grid-row: 1;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar {
    justify-content: flex-start;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-bottom: 1px;
    scrollbar-width: none;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar::-webkit-scrollbar {
    display: none;
  }

  html.library-novo1 body.library-workspace-open .novo1-add-control > .floating-menu.add-menu {
    right: 0 !important;
    left: auto !important;
  }

  html.library-novo1 body.library-workspace-open .novo1-more-menu {
    right: auto;
    left: 0;
  }
}

@media (max-width: 560px) {
  html.library-novo1 body.library-workspace-open .command-bar {
    grid-template-columns: minmax(154px, .8fr) minmax(180px, 1.2fr);
  }

  html.library-novo1 body.library-workspace-open .brand-row {
    gap: 6px;
    padding-inline: 10px;
  }

  html.library-novo1 body.library-workspace-open .brand-row > .novo-live-workspace-mark,
  html.library-novo1 body.library-workspace-open .brand-row > .sidebar-brand-mark.novo-live-workspace-mark,
  html.library-novo1 body.library-workspace-open .brand-row > .novo-live-workspace-mark .novo-wordmark-symbol,
  html.library-novo1 body.library-workspace-open .brand-row > .sidebar-brand-mark.novo-live-workspace-mark .novo-wordmark-symbol {
    width: 34px;
    height: 34px;
  }

  html.library-novo1 body.library-workspace-open .brand-title-line strong {
    font-size: 13.5px;
  }

  html.library-novo1 body.library-workspace-open .command-bar .toolbar > button,
  html.library-novo1 body.library-workspace-open .command-bar .toolbar .share-toolbar-button,
  html.library-novo1 body.library-workspace-open .novo1-more-toggle,
  html.library-novo1 body.library-workspace-open .topbar-add {
    height: 42px;
    min-height: 42px;
  }

  html.library-novo1 body.library-workspace-open .list-header {
    padding: 10px 12px;
  }

  html.library-novo1 body.library-workspace-open .content-grid {
    padding: 8px;
  }

  html.library-novo1 body.library-workspace-open .reference-list {
    border-radius: 8px;
  }
}

/* Compact command system: retain Novo's complete toolbar and dependable menu
   structure while using Paperpile's denser control scale. */
html.library-novo1 {
  --novo1-command-height: 54px;
  --novo1-control-height: 36px;
  --novo1-control-font-size: 12.5px;
  --novo1-list-header-height: 56px;
  --novo1-content-gutter: clamp(12px, 1.2vw, 20px);
}

html.library-novo1 body.library-workspace-open .library-app {
  grid-template-rows: var(--novo1-command-height) minmax(0, 1fr);
}

html.library-novo1 body.library-workspace-open .brand-row {
  height: var(--novo1-command-height);
  min-height: var(--novo1-command-height);
  gap: 6px;
  padding: 6px 10px;
}

html.library-novo1 body.library-workspace-open .brand-row > .novo-live-workspace-mark,
html.library-novo1 body.library-workspace-open .brand-row > .sidebar-brand-mark.novo-live-workspace-mark,
html.library-novo1 body.library-workspace-open .brand-row > .novo-live-workspace-mark .novo-wordmark-symbol,
html.library-novo1 body.library-workspace-open .brand-row > .sidebar-brand-mark.novo-live-workspace-mark .novo-wordmark-symbol {
  width: 30px;
  height: 30px;
}

html.library-novo1 body.library-workspace-open .brand-title-line strong {
  font-size: 13.5px;
}

html.library-novo1 body.library-workspace-open .command-bar {
  grid-template-columns: var(--novo1-rail) minmax(260px, 1fr) auto;
  grid-template-rows: var(--novo1-command-height);
  gap: 6px;
  height: var(--novo1-command-height);
  min-height: var(--novo1-command-height);
  padding: 0 var(--novo1-content-gutter) 0 0;
}

html.library-novo1 body.library-workspace-open .command-cluster,
html.library-novo1 body.library-workspace-open #app .toolbar {
  gap: 4px;
}

html.library-novo1 body.library-workspace-open #app .toolbar > button[data-action="auto-fetch"] {
  min-width: 78px;
  flex: 0 0 auto;
  padding-inline: 10px;
}

html.library-novo1 body.library-workspace-open .command-cluster .top-search {
  min-width: 170px;
  height: var(--novo1-control-height) !important;
  min-height: var(--novo1-control-height) !important;
  gap: 4px;
}

html.library-novo1 body.library-workspace-open .command-cluster .top-search:focus-within {
  border-color: transparent;
  box-shadow: none;
}

html.library-novo1 body.library-workspace-open .top-search > input {
  height: var(--novo1-control-height) !important;
  min-height: var(--novo1-control-height) !important;
  padding: 0 calc(var(--novo1-control-height) + 4px) 0 9px;
  font-size: var(--novo1-control-font-size);
  border-radius: 7px;
}

html.library-novo1 body.library-workspace-open .top-search > .toolbar-icon,
html.library-novo1 body.library-workspace-open .command-bar .toolbar > button,
html.library-novo1 body.library-workspace-open .command-bar .toolbar .folder-picker-button,
html.library-novo1 body.library-workspace-open .command-bar .toolbar .ref-capture-sync-button,
html.library-novo1 body.library-workspace-open .command-bar .toolbar .share-toolbar-button,
html.library-novo1 body.library-workspace-open .topbar-add {
  width: auto;
  min-width: var(--novo1-control-height);
  height: var(--novo1-control-height) !important;
  min-height: var(--novo1-control-height) !important;
  gap: 5px;
  padding: 0 8px;
  font-size: var(--novo1-control-font-size);
  border-radius: 7px;
}

html.library-novo1 body.library-workspace-open #app .command-bar .top-search > .toolbar-icon {
  position: absolute;
  top: 4px;
  right: 4px;
  width: calc(var(--novo1-control-height) - 8px) !important;
  min-width: 0 !important;
  height: calc(100% - 8px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: var(--novo1-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 5px;
  box-shadow: none !important;
  transform: none !important;
  transition: color 150ms ease, background-color 150ms ease;
}

html.library-novo1 body.library-workspace-open #app .command-bar .top-search > .toolbar-icon:hover,
html.library-novo1 body.library-workspace-open #app .command-bar .top-search > .toolbar-icon:focus-visible {
  color: var(--novo1-blue) !important;
  background: var(--novo1-blue-soft) !important;
}

html.library-novo1 body.library-workspace-open #app .command-bar .top-search > .toolbar-icon:focus-visible {
  outline: 2px solid var(--novo1-blue);
  outline-offset: -2px;
}

html.library-novo1 body.library-workspace-open .topbar-add {
  min-width: 70px;
  padding-inline: 9px;
}

html.library-novo1 body.library-workspace-open .topbar-add > span:first-child:last-child {
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: transparent;
  background: rgba(255, 255, 255, .2);
  border: 0;
  border-radius: 6px;
  font-size: 0;
  line-height: 1;
  transform: none;
}

html.library-novo1 body.library-workspace-open #app .toolbar {
  gap: 4px;
}

html.library-novo1 body.library-workspace-open #app .toolbar .bulk-folder-control,
html.library-novo1 body.library-workspace-open #app .toolbar .ref-capture-sync-control {
  position: relative;
  flex: 0 0 auto;
  width: var(--novo1-control-height) !important;
  min-width: var(--novo1-control-height) !important;
  height: var(--novo1-control-height) !important;
  min-height: var(--novo1-control-height) !important;
}

html.library-novo1 body.library-workspace-open #app .toolbar .folder-picker-button,
html.library-novo1 body.library-workspace-open #app .toolbar .novo1-selection-button,
html.library-novo1 body.library-workspace-open #app .toolbar .ref-capture-sync-button {
  width: var(--novo1-control-height) !important;
  min-width: var(--novo1-control-height) !important;
  flex: 0 0 var(--novo1-control-height) !important;
  padding: 0 !important;
}

html.library-novo1 body.library-workspace-open #app .toolbar .mobile-action-text,
html.library-novo1 body.library-workspace-open #app .toolbar [data-ref-capture-sync-label] {
  display: none !important;
}

html.library-novo1 body.library-workspace-open .toolbar-symbol,
html.library-novo1 body.library-workspace-open .toolbar .sidebar-icon,
html.library-novo1 body.library-workspace-open .ref-capture-sync-icon,
html.library-novo1 body.library-workspace-open .share-toolbar-icon {
  width: 16px !important;
  height: 16px !important;
}

html.library-novo1 body.library-workspace-open #app .toolbar > button[data-action="open-export"] {
  min-width: 54px;
  color: #fff;
  background: var(--novo1-text) !important;
  border-color: var(--novo1-text) !important;
}

html.library-novo1 body.library-workspace-open #app .toolbar > button[data-action="open-export"]:hover:not(:disabled) {
  color: #fff;
  background: var(--novo1-blue-strong) !important;
  border-color: var(--novo1-blue-strong) !important;
}

html.library-novo1 body.library-workspace-open .command-cluster > .floating-menu.add-menu {
  position: absolute !important;
  top: calc(100% + 7px) !important;
  right: auto !important;
  left: 0 !important;
  width: min(650px, calc(100vw - var(--novo1-rail) - 24px));
  max-height: min(76vh, 640px);
  z-index: 540;
}

html.library-novo1 body.library-workspace-open .command-cluster > .search-popover {
  top: calc(100% + 7px);
  right: auto;
  left: 76px;
  width: min(560px, calc(100vw - var(--novo1-rail) - 110px));
  max-height: min(76vh, 660px);
  z-index: 540;
}

html.library-novo1 body.library-workspace-open .search-popover .include-section {
  grid-template-columns: repeat(3, max-content);
  column-gap: 22px;
}

html.library-novo1 body.library-workspace-open .search-popover .include-section label {
  grid-template-columns: 22px 18px max-content;
  gap: 7px;
}

html.library-novo1 body.library-workspace-open .search-popover .include-section input {
  margin: 0;
}

html.library-novo1 body.library-workspace-open .list-header {
  height: var(--novo1-list-header-height);
  min-height: var(--novo1-list-header-height);
  gap: 10px;
  padding: 7px var(--novo1-content-gutter);
}

html.library-novo1 body.library-workspace-open .list-header > div:first-child {
  align-items: center;
  gap: 7px;
}

html.library-novo1 body.library-workspace-open .list-header h1 {
  font-size: var(--novo1-control-font-size);
  line-height: 1.2;
}

html.library-novo1 body.library-workspace-open .list-header > div:first-child > span {
  font-size: var(--novo1-control-font-size);
  line-height: 1.2;
}

html.library-novo1 body.library-workspace-open .trash-actions {
  gap: 4px;
  margin: 0;
  flex: 0 0 auto;
}

html.library-novo1 body.library-workspace-open .trash-action {
  position: relative;
  width: var(--novo1-control-height) !important;
  min-width: var(--novo1-control-height) !important;
  height: var(--novo1-control-height) !important;
  min-height: var(--novo1-control-height) !important;
  flex: 0 0 var(--novo1-control-height) !important;
  padding: 0 !important;
  border-width: 1.5px;
  border-radius: 7px !important;
  box-shadow: none !important;
}

html.library-novo1 body.library-workspace-open .trash-action > span:last-child {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

html.library-novo1 body.library-workspace-open .trash-action .restore-symbol,
html.library-novo1 body.library-workspace-open .trash-action .delete-symbol {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

html.library-novo1 body.library-workspace-open .trash-action.restore .restore-symbol {
  color: #167d5d !important;
}

html.library-novo1 body.library-workspace-open .trash-action.delete .delete-symbol {
  color: #c7283f !important;
}

html.library-novo1 body.library-workspace-open .trash-action.restore {
  color: #167d5d;
  background: #effaf5;
  border-color: #70c49f;
}

html.library-novo1 body.library-workspace-open .trash-action.restore:hover {
  color: #167d5d;
  background: #eaf8f2;
  border-color: #abd9c7;
  opacity: 1;
}

html.library-novo1 body.library-workspace-open .trash-action.delete {
  color: #a52236;
  background: #fff0f2;
  border-color: #e75b6d;
}

html.library-novo1 body.library-workspace-open .trash-action.delete:hover {
  color: #df354d;
  background: #fff0f2;
  border-color: #ed8795;
  opacity: 1;
}

html.library-novo1 body.library-workspace-open .trash-action:disabled {
  cursor: not-allowed;
  opacity: .58;
}

html.library-novo1 body.library-workspace-open .trash-action.delete .delete-symbol::before {
  inset: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: currentColor;
  transform: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") center / contain no-repeat;
}

html.library-novo1 body.library-workspace-open .trash-action.delete .delete-symbol::after {
  content: none;
}

html.library-novo1 body.library-workspace-open .empty-state[data-empty-kind="trash"]::before {
  background-color: #fff0f2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23df354d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
  border-color: #ed8795;
}

/* Lucide clock-check and inbox icons; ISC license, see /THIRD_PARTY_NOTICES.md. */
html.library-novo1 body.library-workspace-open .empty-state[data-empty-kind="recent"]::before,
html.library-novo1 body.library-workspace-open .empty-state[data-empty-kind="unfiled"]::before {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px 23px;
  border: 1px solid;
  border-radius: 11px;
}

html.library-novo1 body.library-workspace-open .empty-state[data-empty-kind="recent"]::before {
  background-color: #edf5ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231468e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v6l4 2'/%3E%3Cpath d='M21.964 12.921A10 10 0 1 0 12.796 21.97'/%3E%3Cpath d='m16 19 2 2 4-4'/%3E%3C/svg%3E");
  border-color: #b9d5fa;
}

html.library-novo1 body.library-workspace-open .empty-state[data-empty-kind="unfiled"]::before {
  background-color: #eaf8f2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23167d5d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
  border-color: #abd9c7;
}

html.library-novo1 body.library-workspace-open .sort-row {
  align-items: center;
  gap: 4px;
}

html.library-novo1 body.library-workspace-open .sort-row .sf-select-trigger,
html.library-novo1 body.library-workspace-open .sort-row .sort-direction-button,
html.library-novo1 body.library-workspace-open .sort-row > [data-selected-count] {
  height: 38px !important;
  min-height: 38px !important;
  gap: 6px;
  padding-inline: 9px;
  color: var(--novo1-text);
  background: #fff;
  border: var(--novo1-control-border-width) solid var(--novo1-line-strong);
  border-radius: 7px;
  box-shadow: none;
  font-family: inherit;
  font-size: var(--novo1-control-font-size);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

html.library-novo1 body.library-workspace-open .sort-row .sf-select-trigger > span:first-of-type {
  font-size: inherit;
}

html.library-novo1 body.library-workspace-open .sort-row .sort-direction-button {
  width: 38px !important;
  min-width: 38px !important;
  flex: 0 0 38px !important;
  padding: 0;
}

html.library-novo1 body.library-workspace-open .sort-row .quick-filter-select {
  width: 116px !important;
  min-width: 116px !important;
  flex: 0 0 116px !important;
}

html.library-novo1 body.library-workspace-open .sort-row > [data-custom-select="sort"] {
  width: 126px !important;
  min-width: 126px !important;
  flex: 0 0 126px !important;
}

html.library-novo1 body.library-workspace-open .sort-row > [data-custom-select="type"] {
  width: 112px !important;
  min-width: 112px !important;
  flex: 0 0 112px !important;
}

html.library-novo1 body.library-workspace-open .sort-row .quick-filter-menu[data-filter-menu] {
  width: 176px !important;
  min-width: 176px !important;
  max-width: 176px !important;
}

html.library-novo1 body.library-workspace-open .sort-row [data-custom-select="sort"] > [data-sort-menu] {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  padding: 6px 4px;
  overflow-y: visible !important;
  scrollbar-gutter: auto !important;
}

html.library-novo1 body.library-workspace-open .sort-row [data-custom-select="sort"] > [data-sort-menu] .sf-select-item {
  grid-template-columns: minmax(0, 1fr) 16px;
  gap: 6px;
  padding: 8px 7px !important;
}

html.library-novo1 body.library-workspace-open .sort-row [data-custom-select="sort"] > [data-sort-menu] .sf-select-check {
  width: 16px;
  height: 16px;
}

html.library-novo1 body.library-workspace-open .sort-row [data-custom-select="type"] > [data-type-menu] {
  width: 174px !important;
  min-width: 174px !important;
  max-width: 174px !important;
}

html.library-novo1 body.library-workspace-open .sort-row > [data-selected-count] {
  min-width: 82px;
}

@media (max-width: 1040px) {
  html.library-novo1 body.library-workspace-open .library-app {
    grid-template-rows: auto minmax(0, 1fr);
  }

  html.library-novo1 body.library-workspace-open .command-bar {
    grid-template-columns: 176px minmax(0, 1fr);
    grid-template-rows: var(--novo1-command-height) auto;
    height: auto;
    min-height: calc(var(--novo1-command-height) + 38px);
    gap: 4px 6px;
    padding: 0 var(--novo1-content-gutter) 5px 0;
  }

  html.library-novo1 body.library-workspace-open .novo1-topbar-brand {
    grid-column: 1;
    grid-row: 1;
  }

  html.library-novo1 body.library-workspace-open .command-cluster {
    grid-column: 2;
    grid-row: 1;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-height: var(--novo1-control-height);
    justify-content: flex-end;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  html.library-novo1 body.library-workspace-open .sort-row,
  html.library-novo1 body.library-workspace-open #app[data-has-selection="true"] .sort-row {
    width: auto;
    grid-template-columns: 116px 38px 126px 112px auto;
  }

  html.library-novo1 body.library-workspace-open .mobile-library-toggle {
    height: var(--novo1-control-height);
    min-height: var(--novo1-control-height);
    padding-inline: 8px;
    font-size: 12.5px;
    border-radius: 7px;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar > .bulk-folder-control {
    display: flex !important;
  }

  html.library-novo1 body.library-workspace-open #app .command-cluster > .floating-menu.add-menu {
    position: absolute !important;
    top: calc(100% + 57px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(650px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
  }

  html.library-novo1 body.library-workspace-open #app .command-cluster > .search-popover {
    position: absolute !important;
    top: calc(100% + 57px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(560px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
  }
}

@media (max-width: 700px) {
  html.library-novo1 body.library-workspace-open .command-bar {
    grid-template-columns: 118px minmax(0, 1fr);
  }

  html.library-novo1 body.library-workspace-open .brand-row {
    justify-content: flex-start;
    padding-inline: 9px;
  }

  html.library-novo1 body.library-workspace-open .command-cluster {
    gap: 4px;
  }

  html.library-novo1 body.library-workspace-open .mobile-library-toggle {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
  }

  html.library-novo1 body.library-workspace-open .mobile-library-toggle > span:last-child {
    display: none;
  }

  html.library-novo1 body.library-workspace-open .topbar-add {
    min-width: 62px;
    padding-inline: 7px;
  }

  html.library-novo1 body.library-workspace-open #app .command-cluster > .floating-menu.add-menu,
  html.library-novo1 body.library-workspace-open #app .command-cluster > .search-popover {
    position: fixed !important;
    top: 100px !important;
    right: 8px !important;
    left: 8px !important;
    width: auto !important;
    max-height: calc(var(--library-visual-height, 100dvh) - 108px);
  }

  html.library-novo1 body.library-workspace-open .list-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 4px;
    height: auto;
    min-height: 0;
    padding: 5px 8px;
  }

  html.library-novo1 body.library-workspace-open .sort-row {
    width: 100%;
    grid-template-columns: 104px 34px minmax(110px, 1fr) minmax(96px, .9fr) auto;
    gap: 4px;
  }
}

@media (max-width: 480px) {
  html.library-novo1 {
    --novo1-content-gutter: 8px;
  }

  html.library-novo1 body.library-workspace-open .command-bar {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  html.library-novo1 body.library-workspace-open .brand-row {
    justify-content: center;
    gap: 0;
    padding: 5px;
  }

  html.library-novo1 body.library-workspace-open .brand-row .brand-copy {
    display: none;
  }

  html.library-novo1 body.library-workspace-open .command-cluster {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    height: var(--novo1-control-height);
    min-height: var(--novo1-control-height);
  }

  html.library-novo1 body.library-workspace-open .command-cluster .mobile-library-toggle {
    flex: 0 0 var(--novo1-control-height);
  }

  html.library-novo1 body.library-workspace-open .command-cluster .topbar-add {
    min-width: 58px;
    flex: 0 0 58px;
    padding-inline: 5px;
  }

  html.library-novo1 body.library-workspace-open .command-cluster .top-search {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 120px !important;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
    align-content: flex-start;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar > button,
  html.library-novo1 body.library-workspace-open #app .toolbar > .bulk-folder-control,
  html.library-novo1 body.library-workspace-open #app .toolbar > .ref-capture-sync-control,
  html.library-novo1 body.library-workspace-open #app .toolbar .folder-picker-button,
  html.library-novo1 body.library-workspace-open #app .toolbar .ref-capture-sync-button {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  html.library-novo1 body.library-workspace-open #app .toolbar > .bulk-folder-control,
  html.library-novo1 body.library-workspace-open #app .toolbar > .ref-capture-sync-control,
  html.library-novo1 body.library-workspace-open #app .toolbar .folder-picker-button,
  html.library-novo1 body.library-workspace-open #app .toolbar .novo1-selection-button,
  html.library-novo1 body.library-workspace-open #app .toolbar .ref-capture-sync-button {
    width: var(--novo1-control-height) !important;
    min-width: var(--novo1-control-height) !important;
    flex-basis: var(--novo1-control-height) !important;
  }

  html.library-novo1 body.library-workspace-open #app .command-cluster > .floating-menu.add-menu,
  html.library-novo1 body.library-workspace-open #app .command-cluster > .search-popover {
    top: 138px !important;
    max-height: calc(var(--library-visual-height, 100dvh) - 146px);
  }

  html.library-novo1 body.library-workspace-open .sort-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-areas:
      "trash-actions filters filters direction"
      "sort sort type type";
  }

  html.library-novo1 body.library-workspace-open .sort-row > .trash-actions {
    grid-area: trash-actions;
    justify-self: start;
  }

  html.library-novo1 body.library-workspace-open .sort-row .quick-filter-select {
    grid-area: filters;
    width: auto !important;
    min-width: 0 !important;
    flex-basis: auto !important;
  }

  html.library-novo1 body.library-workspace-open .sort-row > .sort-direction-button {
    grid-area: direction;
    justify-self: stretch;
    width: 100% !important;
  }

  html.library-novo1 body.library-workspace-open .sort-row > [data-custom-select="sort"] {
    grid-area: sort;
    width: auto !important;
    min-width: 0 !important;
    flex-basis: auto !important;
  }

  html.library-novo1 body.library-workspace-open .sort-row > [data-custom-select="type"] {
    grid-area: type;
    width: auto !important;
    min-width: 0 !important;
    flex-basis: auto !important;
  }

  html.library-novo1 body.library-workspace-open .sort-row > [data-selected-count] {
    display: none;
  }
}

/* Organizer device contracts load last so shared Novo dialog rules cannot win. */
@media (max-width: 700px) {
  html.library-novo1 .novo1-organizer-dialog,
  html.library-novo1 .novo1-smart-folder-dialog,
  html.library-novo1 .novo1-library-status-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--library-visual-height, 100dvh);
    max-height: var(--library-visual-height, 100dvh);
    margin: 0;
  }

  html.library-novo1 .organizer-card,
  html.library-novo1 .smart-folder-card,
  html.library-novo1 .library-status-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--library-visual-height, 100dvh);
    max-height: var(--library-visual-height, 100dvh);
    border: 0;
    border-radius: 0;
  }

  html.library-novo1 .organizer-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  html.library-novo1 .organizer-new-button {
    grid-column: 1 / -1;
    width: 100%;
  }

  html.library-novo1 .organizer-manager-summary > span:last-child,
  html.library-novo1 .organizer-manager-footnote,
  html.library-novo1 .library-status-footnote {
    display: none;
  }

  html.library-novo1 .organizer-manager-row {
    grid-template-columns: 20px minmax(0, 1fr) 32px;
  }

  html.library-novo1 .organizer-manager-count {
    display: none;
  }

  html.library-novo1 .organizer-manager-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding-left: 28px;
  }

  html.library-novo1 .smart-folder-name-row {
    grid-template-columns: minmax(0, 1fr) 130px;
  }

  html.library-novo1 .smart-rule-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 32px;
  }

  html.library-novo1 .smart-rule-row input {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  html.library-novo1 .smart-rule-row > button {
    grid-column: 3;
    grid-row: 1;
  }
}

@media (max-width: 480px) {
  html.library-novo1 .organizer-card > header,
  html.library-novo1 .smart-folder-card > header,
  html.library-novo1 .library-status-card > header,
  html.library-novo1 .organizer-card > footer,
  html.library-novo1 .smart-folder-card > footer,
  html.library-novo1 .library-status-card > footer {
    padding-inline: 12px;
  }

  html.library-novo1 .organizer-tabs,
  html.library-novo1 .organizer-toolbar,
  html.library-novo1 .organizer-manager-list,
  html.library-novo1 .smart-folder-name-row,
  html.library-novo1 .smart-rule-builder,
  html.library-novo1 .library-status-grid {
    padding-inline: 12px;
  }

  html.library-novo1 .organizer-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 7px;
  }

  html.library-novo1 .organizer-tabs button {
    min-width: 0;
    padding-inline: 4px;
    font-size: 10px;
  }

  html.library-novo1 .organizer-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  html.library-novo1 .organizer-sort-control,
  html.library-novo1 .organizer-new-button {
    grid-column: 1;
    grid-row: auto;
  }

  html.library-novo1 .organizer-manager-actions .organizer-manager-more {
    display: none;
  }

  html.library-novo1 .smart-folder-name-row {
    grid-template-columns: minmax(0, 1fr);
  }

  html.library-novo1 .smart-rule-row {
    grid-template-columns: minmax(0, 1fr) 32px;
    padding: 9px;
    background: #f8fafc;
    border: 1px solid #dbe4eb;
    border-radius: 9px;
  }

  html.library-novo1 .smart-rule-row select:first-child,
  html.library-novo1 .smart-rule-row select:nth-child(2),
  html.library-novo1 .smart-rule-row input {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  html.library-novo1 .smart-rule-row > button {
    grid-column: 2;
    grid-row: 1;
    z-index: 1;
  }

  html.library-novo1 .smart-rule-builder-heading span,
  html.library-novo1 .smart-folder-preview > span:last-child {
    display: none;
  }

  html.library-novo1 .smart-folder-preview {
    grid-template-columns: 26px minmax(0, 1fr);
    margin-inline: 12px;
  }

  html.library-novo1 .library-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.library-novo1 .library-status-hero {
    margin-inline: 12px;
  }

  html.library-novo1 .library-status-metric-wide {
    grid-template-columns: minmax(0, 1fr);
  }

  html.library-novo1 .library-status-metric-wide strong {
    justify-self: start;
  }
}
