/* Collect's Simple mode (data-library-simple) on SakinLab UI 2: a Finder / ScreenDrop library.
   Same store, views, selection and canvas as the full mode; Simple changes density and drawing only:
   no rulers or grid, names under the pictures in an aligned grid (simple.js sets these once), quiet section titles,
   the family's large (FF default) size all through: 36 px controls, 32 px rows, 16 px icons, 13 px type (ui.css), rounded hover and selection, a picture that floats on the canvas without a tile.
   Controls are the central library's (/assets/ui/); the light theme's Finder palette stays in views.css. */

:root[data-library-simple] { --library-folder-icon: 16px; --library-folder-line: 1px; --library-folder-stroke: 1.5; --library-row-h: var(--ui-row); --library-action-icon: 16px; }

/* the first-visit offer (Addboards) */
.library-simple-offer { position: fixed; z-index: 50; top: 52px; inset-inline-end: var(--ui-sp-4); width: min(320px, calc(100vw - 32px)); }
.library-simple-offer p { margin: 0; color: var(--ui-muted); }

/* ---------- sidebar: section titles without icons, as Finder's ---------- */
:root[data-library-simple] :is(.tree-symbol svg, .column-title > svg, .board-preview > svg, .row-thumb > svg) { stroke-width: var(--library-folder-stroke); }
:root[data-library-simple] .side-title > .ui-icon:not(.side-chev) { display: none; }
:root[data-library-simple] .side-heading { margin-top: var(--ui-sp-3); font-size: var(--ui-fs-micro); }
:root[data-library-simple] .side-row .side-pick { font-weight: var(--ui-w-normal); }

/* ---------- icons: the picture floats, its name centred below; selection tints the tile and fills the name ---------- */
:root[data-library-simple] .collect-cards { --card-gap: var(--ui-sp-3); }
:root[data-library-simple] .collect-card.is-aligned:not([data-board]) .card-open { padding: 8px; background: transparent; border-radius: var(--ui-r-box); transition: background-color var(--ui-fast) linear; box-sizing: border-box; }
:root[data-library-simple] .collect-card.is-aligned:not([data-board]) .card-open img { border-radius: 4px; }
:root[data-library-simple] .collect-card.is-aligned:not([data-board]):hover .card-open { background: var(--ui-hover); }
:root[data-library-simple] .collect-card.is-aligned .card-meta { justify-content: center; padding-top: 4px; text-align: center; }
:root[data-library-simple] .collect-card.is-aligned .card-meta-text { flex: 0 1 auto; }
:root[data-library-simple] .collect-card.is-aligned .card-name { display: inline-block; max-width: 100%; padding: 1px 6px; border-radius: 4px; font-size: var(--ui-fs-caption); font-weight: var(--ui-w-normal); vertical-align: top; }
:root[data-library-simple] .collect-card.is-aligned .card-meta > [data-more] { position: absolute; inset-inline-end: 0; }
:root[data-library-simple] .collect-card:not([data-board], .collect-row).sk-g-item.is-selected > .card-open { outline: 0; background: var(--ui-active); }
:root[data-library-simple] .collect-card.is-selected .card-name { background: var(--ui-accent); color: var(--ui-on-accent); }

/* ---------- list: 28 px rows, rounded hover and selection, quiet column titles ---------- */
:root[data-library-simple] .collect-row { gap: var(--ui-sp-2); border-bottom: 0; border-radius: var(--ui-r-small); }
:root[data-library-simple] .collect-row:not(.list-head) { min-height: var(--ui-row); height: var(--ui-row); }
:root[data-library-simple] .collect-row .row-open { height: 100%; gap: var(--ui-sp-2); }
:root[data-library-simple] .row-thumb { width: 20px; height: 20px; border-radius: 4px; }
:root[data-library-simple] .row-thumb > :is(svg, .ui-icon) { width: 16px; height: 16px; }
:root[data-library-simple] :is(.row-name, .column-name) { font-weight: var(--ui-w-normal); }
:root[data-library-simple] .row-cell { color: var(--ui-muted); font-size: var(--ui-fs-caption); }
:root[data-library-simple] .list-head { min-height: var(--ui-row); border-bottom: 0; box-shadow: inset 0 -1px 0 var(--ui-border-soft); border-radius: 0; color: var(--ui-muted); font-size: var(--ui-fs-micro); }
:root[data-library-simple] .list-head .row-name-head { padding-inline-start: 28px; font-size: inherit; }
:root[data-library-simple] .collect-row.sk-g-item.is-selected { background: var(--ui-accent-soft); }

/* ---------- columns: Finder's equal panes, hairline seams ---------- */
:root[data-library-simple] .column-panel { width: 240px; min-width: 240px; max-width: 240px; border-inline-end: 1px solid var(--ui-border-soft); box-shadow: none; }
:root[data-library-simple] .column-title { height: var(--ui-row); padding-inline-start: 8px; font-size: var(--ui-fs-micro); }
:root[data-library-simple] .column-title > :is(svg, .ui-icon) { display: none; }
:root[data-library-simple] .column-row .side-pick { padding-inline-start: 8px; }

/* ---------- canvas chrome: views only in the corner bar (zoom stays in the full mode) ---------- */
:root[data-library-simple] .sk-board-zoom > :not(.sk-view-modes):not(.lane-nav) { display: none; }