/* KAYCO Global Item Master v12: the brand library (brand page tab, #/brands/company) and search across files (header Files section, #/files).
   Components in js/library.js. File rows reuse the item page's Artwork rows (im-item.css .ip-file .ip-art); filters reuse the catalog library's. */

/* brand page switch: Items | Brand library (sits before the Active / Discontinued segment) */
.bl-tabs{margin-right:8px}
.bl-tabs button svg{flex:none;color:var(--ink-400)}
.bl-tabs button.is-on svg{color:var(--plum)}

/* library */
.bl{margin-top:16px}
.bl-groups{display:flex;gap:6px;margin:0 -16px;padding:3px 16px;overflow-x:auto}
.bl-groups .im-sub:disabled{opacity:.45;cursor:default}
@media (min-width:640px){.bl-groups{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}
.bl-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.bl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;min-width:0;font-size:13.5px}
.bl-crumb{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:32px;padding:0 6px;border-radius:8px;font-weight:600;color:var(--ink-500);overflow-wrap:anywhere;text-align:left}
.bl-crumb:hover{background:var(--mist);color:var(--ink-900)}
.bl-crumb.is-cur{color:var(--ink-900)}
.bl-crumb svg{flex:none;color:var(--ink-400)}
.bl-older{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--ink-700)}
.bl-older:hover{box-shadow:inset 0 0 0 1px var(--ink-300);color:var(--ink-900)}
.bl-older span{font-size:12px;font-weight:500;color:var(--ink-500)}
.bl-older.is-on{background:var(--plum-50);box-shadow:inset 0 0 0 1px var(--plum);color:var(--plum)}
.bl-folders{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bl-folder{max-width:100%;height:34px;padding:0 11px;gap:6px}
.bl-folder svg{flex:none;color:#C2752E}
.bl-folder-n{min-width:0;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.bl-more{height:34px;padding:0 10px;font-size:13px;font-weight:600;color:var(--plum)}
.bl-more:hover{text-decoration:underline}
.bl-note{margin-top:10px}
.bl-sum{margin:14px 0 2px;font-size:13.5px;color:var(--ink-500)}
.bl-sum b{color:var(--ink-900);font-weight:700}
.bl-none{margin-top:14px}
.bl-files{margin-top:2px}
.bl-title-ic{background:#F3EBF6;color:#7A3872}

/* Brands page: the company-wide library card */
.bl-card{display:flex;align-items:center;gap:14px;margin:4px 0 14px;padding:14px 16px;border-radius:20px;background:linear-gradient(120deg,#FBF7FB 0%,#fff 70%);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,transform .2s}
.bl-card:hover{box-shadow:inset 0 0 0 1px transparent,0 14px 32px -18px rgba(27,24,31,.32);transform:translateY(-1px)}
.bl-card:focus-visible{outline:2px solid var(--plum);outline-offset:2px}
.bl-card-ic{display:flex;flex:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--plum);color:#fff}
.bl-card-t{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink-950,#121014)}
.bl-card-m{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--ink-500)}
.bl-card-m b{font-weight:700;color:var(--ink-800,#2A2730)}
.bl-card-ar{flex:none;color:var(--ink-400);transition:transform .2s,color .2s}
.bl-card:hover .bl-card-ar{color:var(--plum);transform:translateX(2px)}

/* file rows with context (search results) */
.fl-row .ip-file-n{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fl-ctx{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;margin-top:4px;font-size:12.5px;min-width:0}
.fl-it{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink-800,#2A2730)}
.fl-it:hover,.fl-br:hover{color:var(--plum);text-decoration:underline;text-underline-offset:2px}
.fl-it .im-mono{color:var(--ink-500);font-weight:600}
.fl-br{display:inline-flex;align-items:center;padding:1px 8px;border-radius:12px;background:#F3EBF6;color:#7A3872;font-weight:700;font-size:11.5px}
.fl-more{color:var(--ink-500)}
.fl-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 0 6px;font-size:13px;color:var(--ink-500)}
.fl-pager button:disabled{opacity:.45}
.fl-loose{margin:10px 0 2px}
.fl-files{margin-top:8px}
.fl-hint{margin-top:10px}
@media (max-width:639px){.fl-sels{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* header search: Files section */
.fl-hits{border-top:1px solid var(--line)}
.fl-hits-n{margin-left:4px;letter-spacing:0;color:var(--ink-300)}
.fl-hit{min-width:0}
.fl-hit:hover{background:var(--plum-50)}
.fl-hit-ph{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#F7F0F7;color:#7A3872;box-shadow:inset 0 0 0 1px #ECEAEE}
.fl-hit-ph img{width:100%;height:100%;object-fit:contain;background:#fff}
.fl-hit-ph b{font-size:9.5px;font-weight:800;letter-spacing:.06em}
.fl-hit .im-so-t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:var(--ink-900)}
.fl-hit .im-so-m{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--ink-500)}
.fl-hits-all{display:flex;align-items:center;gap:6px;margin:2px 8px 4px;padding:6px 0;font-size:13px;font-weight:600;color:var(--plum)}
.fl-hits-all:hover{text-decoration:underline}