/* Document library (Marketing tab). */
/* ---- marketing: documentbibliotheek ---- */
.mktwrap{max-width:1100px;margin:0 auto}
.mkthead{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;margin-bottom:22px}
.mkthead b{font-size:22px;color:var(--text);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.mkthead .mktcount{grid-column:1;font-size:13.5px;color:var(--muted);margin-top:2px}
.mkthead .mktcount strong{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
.mkthead .lnk{grid-column:2;grid-row:1/3}
.mktsearch{position:relative;grid-column:1/-1;margin-top:8px}
.mktsearch input{padding-left:40px;background:var(--surface)}
.mktsearch svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
.mktsec{margin-bottom:26px}
.mktsec-h{display:flex;align-items:baseline;gap:8px;font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.01em;margin:0 0 4px}
.mktsec-h .mktsec-n{font-size:12px;font-weight:700;color:var(--light);font-variant-numeric:tabular-nums}
.mktsec-line{height:1px;background:var(--line2);margin-bottom:2px}
.mktrow{display:grid;grid-template-columns:38px minmax(0,1.5fr) minmax(0,1fr) 92px;align-items:center;gap:16px;padding:10px 6px 10px 0;border-bottom:1px solid var(--line);text-decoration:none;border-radius:var(--r-sm);transition:background .12s;min-width:0}
.mktrow:hover{background:var(--surface)}
.mktrow .mtile{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.06em;color:#fff;flex:none}
.mktrow .mtile.pdf{background:var(--red)}
.mktrow .mtile.vid{background:var(--navy);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
:root[data-theme=light] .mktrow .mtile.vid{background:var(--blue-ink)}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .mktrow .mtile.vid{background:var(--blue-ink)}}
.mktrow .mt{font-weight:700;font-size:15px;color:var(--text);min-width:0;line-height:1.3}
.mktrow .nw{font-size:9.5px;font-weight:800;color:var(--blue-ink);text-transform:uppercase;letter-spacing:.08em;margin-left:8px;vertical-align:middle;background:color-mix(in srgb,var(--blue) 14%,var(--panel));padding:2px 6px;border-radius:999px}
.mktrow .mtp{color:var(--muted);font-size:13.5px;min-width:0}
.mktrow .mdl{color:var(--blue-ink);font-size:13px;font-weight:700;text-align:right;white-space:nowrap}
.mktrow.off,.mktsec.off{display:none}
.mktempty{display:none;padding:30px 0;color:var(--muted);font-size:14px}
.mktempty.on{display:block}
@media(max-width:640px){
  .mkthead{grid-template-columns:1fr;gap:6px}.mkthead .mktcount{grid-row:2}.mkthead .lnk{grid-column:1;grid-row:3;justify-self:start;margin-top:4px}.mktsearch{grid-row:4}
  .mktrow{grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 12px;padding:10px 4px 10px 0}
  .mktrow .mtile{width:34px;height:34px;grid-area:1/1/3/2}
  .mktrow .mt{font-size:14.5px;grid-area:1/2/2/3}
  .mktrow .mtp{grid-area:2/2/3/3;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mktrow .mdl{grid-area:1/3/3/4}
}