/* Brand Kit · Digital assets (2026-10-06) */
#brand-digital-assets .da-wrap{overflow-x:auto}
#brand-digital-assets .da-table{border-collapse:collapse;width:100%;font-size:14px}
#brand-digital-assets .da-table th,#brand-digital-assets .da-table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:top}
#brand-digital-assets .da-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}
#brand-digital-assets .da-owned{background:#dff3e8;color:#11663d}
#brand-digital-assets .da-todo{background:#fff1d6;color:#8a5a00}
#brand-digital-assets .da-free{background:#e3efff;color:#1b4f9c}
#brand-digital-assets .da-taken{background:#f1f1f1;color:#666}
#brand-digital-assets .da-date{white-space:nowrap}
#brand-digital-assets .da-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:8px 0 16px}
#brand-digital-assets .da-logo{margin:0;border:1px solid rgba(0,0,0,.1);border-radius:10px;overflow:hidden;background:#fff}
#brand-digital-assets .da-logo img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}
#brand-digital-assets .da-logo-dark img{background:#0f172a}
#brand-digital-assets .da-logo-clear img{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%,transparent 75%,#e6e6e6 75%),linear-gradient(45deg,#e6e6e6 25%,transparent 25%,transparent 75%,#e6e6e6 75%);background-size:16px 16px;background-position:0 0,8px 8px}
#brand-digital-assets .da-logo figcaption{display:flex;flex-direction:column;gap:4px;padding:8px;font-size:13px}
#brand-digital-assets .da-logo figcaption a{align-self:flex-start;margin-top:4px}

#brand-digital-assets .da-file{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#f5f6f6;color:#212121;font-size:20px;font-weight:700}
/* Combined library: one category browser, original management controls retained. */
#banners .asset-library-toolbar{display:grid;grid-template-columns:minmax(160px,2fr) minmax(130px,1fr) minmax(110px,1fr);gap:16px}
#banners .asset-category-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
#banners .asset-category-nav button{white-space:normal;max-width:100%}
#banners .asset-category-nav .selected{background:#0094d4;color:#fff;border-color:#0094d4}
#banners .material-category{margin:24px 0}
#banners .asset-tools{margin-top:16px;min-width:0}
#banners .asset-tools>summary{cursor:pointer;font-weight:700;padding:8px 0}
#banners .asset-tools[open]>summary{margin-bottom:16px}
#banners .banner-card,#banners .asset-family-card{min-width:0;overflow-wrap:anywhere}
#banners .brand-download-card .da-file{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#f5f6f6;font-size:24px;font-weight:700}
#banners .material-download-links{margin-top:12px}
#banners .asset-family-card{grid-column:1/-1}
@media(max-width:700px){#banners .asset-library-toolbar{grid-template-columns:1fr}#banners .view-heading{flex-wrap:wrap}#banners .banner-grid{grid-template-columns:minmax(0,1fr)}}

/* Material type contains ordered brand subsections. */
#banners .material-brand{margin:20px 0 32px;min-width:0}
#banners .material-brand>h4{font-size:18px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #d7dde2}

#banners .material-brand-nav{display:flex;flex-wrap:wrap;gap:8px}
#banners .material-brand{scroll-margin-top:20px}