/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Library select mode: checkmarks appear on every cell/row while the wrapper
   has data-selecting="true"; a selected cell gets a ring. */
.library .library-check,
.library .library-check-list { display: none; }
.library[data-selecting="true"] .library-check,
.library[data-selecting="true"] .library-check-list { display: flex; }
.library[data-selecting="true"] .library-cell.is-selected { outline: 3px solid #2563eb; outline-offset: -3px; }
.library[data-selecting="true"] .library-cell.is-selected .library-check,
.library[data-selecting="true"] .library-row.is-selected .library-check-list { background: #2563eb; border-color: #2563eb; }
.library[data-selecting="true"] .library-row.is-selected { background: #eff6ff; }