.material-recent { display: grid; gap: 8px; }
.material-recent header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.material-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.material-filters label { display: grid; gap: 4px; }
.material-file-picker { display: grid; gap: 6px; }
.mobile-capture-panel { display: grid; gap: 10px; min-width: 0; border: 1px solid #bde4ec; border-radius: 10px; padding: 12px; background: linear-gradient(135deg, #f0fbff, #f5fff8); }
.mobile-capture-panel header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; align-items: start; min-width: 0; }
.mobile-capture-panel strong { color: var(--ink); font-size: 14px; white-space: nowrap; }
.mobile-capture-panel small { color: #527082; font-size: 12px; font-weight: 800; line-height: 1.45; overflow-wrap: anywhere; }
.mobile-capture-panel div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.mobile-capture-panel button { min-width: 0; }
.material-file-picker input[type="file"] { min-width: 0; border: 1px dashed #b8c6d8; border-radius: 8px; background: #f7fbff; padding: 10px; color: var(--text); font-size: 12px; font-weight: 800; }
.material-file-picker small { color: #607087; font-size: 11px; font-weight: 800; line-height: 1.45; overflow-wrap: anywhere; }
.material-filters span { color: #607087; font-size: 11px; font-weight: 900; }
.material-filters select { width: 100%; min-width: 0; }
.material-recent [data-material-list] { display: grid; gap: 6px; color: #607087; font-size: 12px; font-weight: 800; }
.material-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; min-width: 0; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: #ffffff; color: inherit; text-align: left; }
.material-row.active { border-color: #0f8f8c; background: #f0fbfa; }
.material-recent strong, .material-recent small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.material-detail { display: grid; gap: 8px; min-width: 0; border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: #f9fbfd; }
.material-detail-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.material-detail-header.has-action { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
.material-detail-header.has-action strong, .material-detail-header.has-action span { grid-column: 1; }
.material-detail-header.has-action .material-detail-close { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 28px; height: 28px; color: #7b879a; border: 0; border-radius: 999px; background: transparent; font-size: 18px; line-height: 1; }
.material-detail-close i { width: 16px; height: 16px; }
.material-detail-header span { color: #607087; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.material-detail-header strong { min-width: 0; overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
.material-detail-preview { display: grid; place-items: center; min-height: 150px; overflow: hidden; border-radius: 12px; background: linear-gradient(135deg, #edf7ff, #eef7f1); color: #167393; font-size: 18px; font-weight: 950; }
.material-detail-preview img { width: 100%; height: 100%; object-fit: cover; }
.material-video-thumb { position: absolute; display: grid; place-items: center; width: 34px; height: 34px; color: #ffffff; border-radius: 50%; background: rgba(16, 28, 44, .72); box-shadow: 0 10px 22px rgba(16, 28, 44, .24); }
.material-detail-gallery { position: absolute; top: 50%; display: grid; place-items: center; width: 28px; height: 36px; color: #fff; border: 0; border-radius: 10px; background: rgba(12, 22, 38, .54); transform: translateY(-50%); }
.material-detail-gallery i { width: 15px; height: 15px; }
.material-detail-gallery-prev { left: 12px; }
.material-detail-gallery-next { right: 12px; }
.material-detail-count { position: absolute; left: 50%; bottom: 12px; min-width: 42px; padding: 4px 10px; color: #fff; border-radius: 999px; background: rgba(143, 91, 12, .68); font-size: 11px; font-weight: 950; text-align: center; transform: translateX(-50%); }
.material-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.material-detail-grid div { display: grid; gap: 2px; min-width: 0; border-radius: 6px; background: #ffffff; padding: 7px 8px; }
.material-detail-grid span, .material-detail-grid strong, .material-source, .material-tags span, .material-usage-scenes span, .material-warning, .material-parse-summary { overflow-wrap: anywhere; }
.material-detail-grid span { color: #607087; font-size: 11px; font-weight: 900; }
.material-detail-grid strong { color: var(--ink); font-size: 12px; }
.material-source { color: #0f8f8c; font-size: 12px; font-weight: 900; }
.material-detail-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.material-detail-actions button { display: grid; place-items: center; min-width: 0; min-height: 36px; color: #465b73; border: 1px solid var(--line); border-radius: 9px; background: #ffffff; }
.material-detail-actions i { width: 18px; height: 18px; }
.material-detail-actions span { display: none; }
.material-detail-section { display: grid; gap: 8px; min-width: 0; }
.material-detail-section h4 { margin: 0; color: #1f2d40; font-size: 12px; font-weight: 950; }
.material-asset-info dl { display: grid; gap: 7px; margin: 0; }
.material-asset-info div { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 10px; min-width: 0; }
.material-asset-info dt, .material-asset-info dd { margin: 0; min-width: 0; overflow: hidden; color: #65758e; font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.material-asset-info dd { color: #34435a; }
.material-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.material-tags span { border-radius: 6px; background: #e8f4ff; color: #245f96; padding: 4px 7px; font-size: 11px; font-weight: 900; }
.material-ai-tags span { color: #6747c7; background: #f1ecff; }
.material-usage-scenes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.material-usage-card { display: grid; gap: 5px; min-width: 0; }
.material-usage-card img { width: 100%; height: 52px; object-fit: cover; border-radius: 8px; box-shadow: 0 8px 18px rgba(36, 52, 83, .08); }
.material-usage-scenes span { display: block; min-width: 0; overflow: hidden; color: #4d5d74; font-size: 11px; font-weight: 850; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.material-warning, .material-parse-summary { margin: 0; border-radius: 8px; padding: 8px 10px; font-size: 12px; font-weight: 800; line-height: 1.5; }
.material-warning { background: #fff1f0; color: #a13d33; }
.material-parse-summary { background: #eff8f2; color: #2f6f43; }
.material-assets-page-dialog { width: min(1120px, calc(100vw - 32px)); }
.mobile-material-statusbar, .mobile-material-head, .mobile-material-tabs, .mobile-material-stats, .mobile-material-filter-row, .mobile-material-selection-tray, .mobile-upload-title, .mobile-material-card-title, .mobile-material-card-meta, .mobile-material-check, .mobile-material-upload-cloud, .material-card-check { display: none; }
.material-assets-page { max-height: min(820px, calc(100vh - 32px)); overflow: auto; background: #f7fafc; }
.material-assets-page > header small, .material-assets-toolbar span, .material-assets-stats span, .material-next-actions small, .material-assets-empty { color: var(--muted); font-size: 12px; font-weight: 800; line-height: 1.5; }
.material-assets-page > header small { display: block; margin-top: 4px; }
.material-assets-toolbar { display: grid; grid-template-columns: minmax(180px, 1.2fr) repeat(2, minmax(136px, .8fr)) auto auto; align-items: end; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #ffffff; }
.material-assets-toolbar label { display: grid; gap: 5px; min-width: 0; }
.material-assets-toolbar select { width: 100%; min-width: 0; min-height: 38px; border: 1px solid var(--line); border-radius: 8px; background: #fbfdff; color: var(--text); padding: 0 10px; }
.material-assets-body { display: grid; gap: 12px; }
.material-campaign-detail, .material-assets-stats { display: grid; gap: 10px; }
.material-campaign-detail { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.material-assets-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.material-campaign-detail div, .material-assets-stats div, .material-assets-grid, .material-assets-detail-card, .material-assets-empty { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: #ffffff; box-shadow: 0 12px 30px rgba(31, 45, 61, .06); }
.material-campaign-detail div, .material-assets-stats div { display: grid; gap: 6px; padding: 13px; }
.material-campaign-detail span, .material-campaign-detail strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.material-campaign-detail span { color: var(--muted); font-size: 12px; font-weight: 800; }
.material-campaign-detail strong { color: var(--ink); font-size: 13px; }
.material-assets-stats strong { color: var(--ink); font-size: 22px; line-height: 1; }
.material-assets-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr); gap: 12px; align-items: start; }
.material-assets-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 12px; }
.material-asset-card { display: grid; gap: 8px; min-width: 0; padding: 10px; text-align: left; color: inherit; border: 1px solid var(--line); border-radius: 8px; background: #fbfdff; }
.material-asset-card.active { border-color: #74cbe8; background: var(--cyan-soft); }
.material-asset-preview { display: grid; place-items: center; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 8px; background: linear-gradient(135deg, #e9f8ff, #edf7f1); color: #167393; font-size: 18px; font-weight: 900; }
.material-asset-preview img { width: 100%; height: 100%; object-fit: cover; }
.material-asset-card strong, .material-asset-card small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.material-asset-card strong { color: var(--ink); font-size: 13px; }
.material-asset-card small { color: var(--muted); font-size: 11px; font-weight: 800; }
.material-asset-card small em { justify-self: end; min-width: 28px; padding: 3px 6px; border-radius: 6px; background: #edf2ff; color: #5c6fd4; font-style: normal; font-size: 10px; font-weight: 950; line-height: 1; text-align: center; }
.material-asset-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.material-asset-tags span { max-width: 100%; overflow: hidden; padding: 4px 7px; color: #245f96; border-radius: 6px; background: #e8f4ff; font-size: 11px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.material-assets-detail { min-width: 0; }
.material-assets-detail-card { display: grid; gap: 10px; padding: 12px; }
.material-detail-cta-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.material-operation-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: end; }
.material-operation-panel summary { grid-column: 1 / -1; cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 900; }
.material-operation-panel label { display: grid; gap: 5px; min-width: 0; }
.material-operation-panel span { color: var(--muted); font-size: 11px; font-weight: 800; }
.material-operation-panel input, .material-operation-panel select { min-width: 0; width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: #fff; }
.material-next-actions { display: grid; gap: 6px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: #f8fbff; }
.material-next-actions strong { color: var(--ink); font-size: 13px; }
.material-assets-empty { padding: 18px; }
@media (min-width: 961px) { .material-assets-page-dialog { position: fixed; inset: 0 0 0 204px; width: calc(100vw - 204px); max-width: none; height: 100vh; max-height: none; margin: 0; border: 0; border-radius: 24px 0 0 24px; background: radial-gradient(circle at 84% 0%, rgba(73, 131, 255, .1), transparent 30%), radial-gradient(circle at 54% -12%, rgba(116, 72, 255, .08), transparent 34%), linear-gradient(180deg, #fbfdff 0%, #f8fbff 52%, #f3f8ff 100%); box-shadow: none; }
body:has(.material-assets-page-dialog[open]) { overflow: hidden; }
body:has(.material-assets-page-dialog[open]) .app-shell { height: 100vh; min-height: 0; max-height: 100vh; overflow: hidden; }
body:has(.material-assets-page-dialog[open]) .workspace { min-height: 0; max-height: 100vh; overflow: hidden; }
.material-assets-page-dialog::backdrop { background: transparent; backdrop-filter: none; }
body:has(.material-assets-page-dialog[open]) .brand { gap: 8px; padding: 0 6px 12px; }
body:has(.material-assets-page-dialog[open]) .brand .brand-logo-full { display: none !important; }
body:has(.material-assets-page-dialog[open]) .brand .brand-logo-emblem { display: block !important; content: url("assets/brand/logo-emblem.png"); width: 28px !important; height: 28px !important; object-fit: contain; filter: drop-shadow(0 0 14px rgba(39, 213, 255, .72)); }
body:has(.material-assets-page-dialog[open]) .brand strong { position: static !important; display: inline !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; color: #fff; font-size: 15px; font-weight: 900; line-height: 1; letter-spacing: 0; white-space: nowrap !important; }
body:has(.material-assets-page-dialog[open]) .brand strong em { color: #fff; font-style: normal; font-weight: 900; }
.material-assets-page { display: grid; grid-template-rows: 72px minmax(0, 1fr); gap: 8px; height: 100vh; max-height: none; padding: 28px 24px 20px; overflow: hidden; background: transparent; }
.material-assets-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; min-height: 72px; padding: 0; }
.material-assets-head > div:first-child { display: block; min-width: 0; }
.material-assets-head strong { color: #111827; font-size: 29px; line-height: 1.12; font-weight: 950; letter-spacing: 0; }
.material-assets-head strong em { margin: 0 8px; color: #111827; font-style: normal; font-weight: 850; }
.material-assets-head small { display: block; margin-top: 12px; color: #536179; font-size: 16px; font-weight: 650; }
.material-assets-head-actions { display: flex; align-items: center; gap: 12px; }
.material-assets-head-actions > .primary-button { display: none; }
.material-assets-head-actions .notify-button { position: relative; width: 38px; height: 38px; color: #17263a; border: 0; border-radius: 999px; background: transparent; }
.material-assets-head-actions .notify-button::before { content: ""; position: absolute; inset: 9px 11px; width: auto; height: auto; border: 2px solid currentColor; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom: 0; }
.material-assets-head-actions .notify-button::after { content: attr(data-count); position: absolute; top: 2px; right: 5px; width: 17px; height: 17px; border-radius: 999px; background: #ff3040; color: #fff; font-size: 10px; font-weight: 950; line-height: 17px; text-align: center; }
.material-assets-head-actions .avatar { height: 38px; gap: 8px; padding: 0 13px 0 7px; border: 1px solid rgba(35, 49, 72, .12); border-radius: 999px; background: #fff; color: #40546a; font-size: 12px; font-weight: 900; }
.material-assets-head-actions .avatar span { width: 24px; height: 24px; background: linear-gradient(135deg, #2cd083, #29abe2); }
.material-assets-head-actions .icon-close { display: none !important; }
.material-assets-shell { min-height: 0; display: grid; grid-template-columns: 184px minmax(0, 1fr) 334px; grid-template-rows: 44px 34px 158px 32px minmax(0, 1fr) 32px; gap: 14px 16px; padding: 18px 14px 14px; border: 1px solid rgba(204, 214, 235, .74); border-radius: 14px; background: rgba(255, 255, 255, .82); box-shadow: 0 18px 48px rgba(36, 52, 83, .07); }
.material-assets-sidebar, .material-assets-center, .material-assets-detail { min-height: 0; }
.material-assets-sidebar { grid-column: 1; grid-row: 3 / 7; display: grid; align-content: start; gap: 12px; overflow: auto; }
.material-assets-current-card { display: none; }
.material-assets-side-card, .material-assets-center, .material-assets-detail-card, .material-assets-empty { border: 1px solid rgba(204, 214, 235, .84); border-radius: 14px; background: rgba(255, 255, 255, .78); box-shadow: 0 14px 34px rgba(36, 52, 83, .06); }
.material-assets-side-card { padding: 12px 13px; }
.material-assets-side-card h3 { margin: 0 0 8px; color: #1a2638; font-size: 14px; font-weight: 950; }
.material-assets-side-card .material-assets-stats, .material-assets-side-card .material-campaign-detail { display: grid; grid-template-columns: 1fr; gap: 4px; }
.material-assets-side-card .material-assets-stats div, .material-assets-side-card .material-campaign-detail div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 5px 9px; border: 0; border-radius: 8px; background: rgba(246, 249, 255, .82); box-shadow: none; }
.material-assets-side-card .material-assets-stats div { grid-template-columns: 17px minmax(0, 1fr) auto; }
.material-assets-side-card .material-assets-stats div.active, .material-source-list p.active { background: #edf3ff; color: #335bff; }
.material-assets-side-card .material-assets-stats i, .material-source-list i { width: 15px; height: 15px; color: currentColor; }
.material-assets-side-card .material-assets-stats strong { color: #335bff; font-size: 13px; text-align: right; }
.material-assets-side-card .material-campaign-detail strong { font-size: 12px; }
.material-source-list { gap: 0; }
.material-source-list p { display: grid; grid-template-columns: 17px minmax(0, 1fr) auto; align-items: center; gap: 8px; margin: 0; padding: 6px 8px; color: #5c6a82; border-radius: 8px; font-size: 12px; font-weight: 850; }
.material-source-list b { color: inherit; opacity: .86; }
.material-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.material-tag-cloud h3 { width: 100%; }
.material-tag-cloud span { display: inline-flex; padding: 6px 9px; color: #516dca; border-radius: 8px; background: rgba(237, 242, 255, .92); font-size: 11px; font-weight: 850; }
.material-assets-center { display: contents; }
.material-assets-center > * { min-width: 0; width: 100%; }
.material-assets-tabs { grid-column: 1 / 4; grid-row: 1; display: flex; align-items: center; gap: 44px; min-height: 44px; padding: 0 22px; border: 0; border-bottom: 1px solid rgba(204, 214, 235, .76); border-radius: 0; background: transparent; box-shadow: none; }
.material-assets-tabs button { position: relative; flex: 0 0 auto; height: 44px; color: #263447; border: 0; background: transparent; font-weight: 900; white-space: nowrap; }
.material-assets-tabs button.active { color: #335bff; }
.material-assets-tabs button.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 999px; background: #335bff; }
.material-assets-tabs .material-assets-tab-upload { display: inline-flex; align-items: center; justify-content: center; gap: 8px; align-self: start; margin-left: auto; min-width: 168px; height: 58px; overflow: visible; color: #fff; border-radius: 11px; background: linear-gradient(135deg, #8b3cff, #086eff); box-shadow: 0 18px 34px rgba(55, 91, 255, .34); font-size: 17px; }
.material-assets-tabs .material-assets-tab-upload i { width: 18px; height: 18px; }
.material-assets-tabs .material-assets-tab-upload::after { content: ""; position: absolute; top: -16px; right: -15px; width: 34px; height: 34px; pointer-events: none; background: linear-gradient(#fff, #fff) center / 4px 28px no-repeat, linear-gradient(90deg, #fff, #fff) center / 28px 4px no-repeat; filter: drop-shadow(0 0 8px rgba(255, 255, 255, .95)) drop-shadow(0 0 18px rgba(75, 109, 255, .55)); transform: rotate(45deg); }
.material-assets-toolbar { grid-column: 1 / 3; grid-row: 2; grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(120px, 130px)) minmax(96px, 104px); gap: 10px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.material-assets-toolbar label, .material-assets-toolbar .outline-button { min-height: 34px; }
.material-assets-toolbar .material-campaign-filter, .material-assets-toolbar .material-parse-filter, .material-assets-toolbar .material-refresh-hidden { display: none; }
.material-assets-toolbar span { display: none; }
.material-assets-toolbar input, .material-assets-toolbar select { min-height: 34px; border-color: rgba(204, 214, 235, .86); border-radius: 9px; background: rgba(255, 255, 255, .86); box-shadow: 0 8px 20px rgba(36, 52, 83, .035); }
.material-assets-toolbar .material-reference-filter select, .material-assets-toolbar .material-more-filter { color: #263447; opacity: 1; }
.material-search-field input { width: 100%; padding: 0 14px; color: #263447; outline: 0; }
.material-upload-panel { grid-column: 2; grid-row: 3; display: grid; place-items: center; gap: 8px; min-height: 158px; border: 1px dashed rgba(118, 139, 255, .42); border-radius: 14px; background: rgba(255, 255, 255, .58); text-align: center; }
.material-upload-panel i { color: #385dff; transform: scale(1.35); }
.material-upload-panel strong { color: #1f2d40; font-size: 14px; font-weight: 950; }
.material-upload-panel small { color: #768199; font-size: 12px; font-weight: 800; }
.material-upload-panel div { display: flex; gap: 10px; margin-top: 4px; }
.material-upload-panel button { min-width: 94px; min-height: 34px; padding: 0 14px; white-space: nowrap; }
.material-assets-grid-head { grid-column: 2; grid-row: 4; display: flex; align-items: center; gap: 12px; min-height: 32px; }
.material-assets-grid-head span { color: #66758e; font-size: 12px; font-weight: 850; }
.material-assets-grid-head div { margin-left: auto; display: flex; gap: 6px; }
.material-assets-grid-head .active { color: #335bff; border-color: rgba(51, 91, 255, .32); background: #edf3ff; }
.material-assets-grid { grid-column: 2; grid-row: 5; width: 100%; min-width: 0; box-sizing: border-box; overflow: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; gap: 10px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.material-asset-card { position: relative; grid-template-rows: 78px auto auto; gap: 7px; min-height: 132px; padding: 0; overflow: hidden; border-color: rgba(204, 214, 235, .86); border-radius: 10px; background: rgba(255, 255, 255, .86); box-shadow: 0 12px 28px rgba(36, 52, 83, .055); }
.material-asset-card[data-material-external-id="demo-material-campaign-url"] { display: none; }
.material-asset-card.active { border-color: rgba(92, 73, 255, .55); background: rgba(255, 255, 255, .92); box-shadow: 0 0 0 1px rgba(92, 73, 255, .2), 0 18px 34px rgba(92, 73, 255, .1); }
.material-assets-page .material-card-check { position: absolute; z-index: 2; top: 8px; left: 8px; display: grid; place-items: center; width: 16px; height: 16px; border: 1.5px solid rgba(218, 226, 241, .94); border-radius: 5px; background: rgba(255, 255, 255, .92); box-shadow: 0 6px 14px rgba(36, 52, 83, .14); }
.material-asset-card.active .material-card-check { border-color: transparent; background: #5c49ff; box-shadow: 0 8px 18px rgba(92, 73, 255, .32); }
.material-asset-card.active .material-card-check::before { content: ""; width: 8px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-1px) rotate(-45deg); }
.material-asset-preview { width: 100%; height: 78px; aspect-ratio: auto; max-height: none; border-radius: 0; }
.material-asset-card strong, .material-asset-card small, .material-asset-tags { margin-left: 10px; margin-right: 10px; }
.material-asset-card strong { font-size: 13px; font-weight: 950; }
.material-asset-card small { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 8px; }
.material-asset-tags { padding-bottom: 10px; }
.material-assets-grid .material-asset-tags { display: none; }
.material-assets-page .material-assets-pagination { grid-column: 2; grid-row: 6; display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 36px; padding: 0; border: 0; background: transparent; color: #526178; font-size: 13px; font-weight: 850; }
.material-assets-page .material-assets-pagination button, .material-assets-page .material-assets-pagination b, .material-assets-page .material-assets-pagination span, .material-assets-page .material-assets-pagination em { min-width: 24px; text-align: center; }
.material-assets-page .material-assets-pagination button { border: 0; background: transparent; color: inherit; }
.material-assets-page .material-assets-pagination button i { width: 13px; height: 13px; }
.material-assets-page .material-assets-pagination b { display: grid; place-items: center; width: 26px; height: 26px; color: #335bff; border: 1px solid rgba(51, 91, 255, .38); border-radius: 8px; background: #fff; }
.material-assets-detail { grid-column: 3; grid-row: 3 / 7; overflow: auto; border: 0; background: transparent; }
.material-assets-detail-card { min-height: 0; gap: 12px; padding: 16px; }
.material-assets-detail-card .material-detail { border: 0; padding: 0; background: transparent; }
.material-assets-detail-card .material-detail-header strong { font-size: 16px; font-weight: 950; }
.material-assets-detail-card .material-detail-header span { font-size: 12px; text-transform: none; }
.material-assets-detail-card .material-detail-preview { position: relative; height: 204px; box-shadow: 0 14px 34px rgba(36, 52, 83, .08); }
.material-assets-detail-card .material-detail-actions { gap: 6px; }
.material-assets-detail-card .material-detail-actions button { grid-template-rows: 18px auto; gap: 3px; min-height: 40px; border-color: transparent; border-radius: 8px; background: transparent; box-shadow: none; color: #607087; font-size: 10.5px; font-weight: 850; }
.material-assets-detail-card .material-detail-actions span { display: block; line-height: 1; white-space: nowrap; }
.material-detail-grid { gap: 8px; }
.material-assets-detail-card .material-detail-grid, .material-assets-detail-card .material-source { display: none; }
.material-assets-detail-card .material-parse-summary { max-height: 58px; overflow: hidden; }
.material-assets-detail-card .material-asset-info { padding-top: 2px; }
.material-tags-editor { display: grid; gap: 6px; min-width: 0; }
.material-tags-editor span { color: #1f2d40; font-size: 12px; font-weight: 950; }
.material-tags-editor input { width: 100%; min-width: 0; height: 34px; border: 1px solid rgba(204, 214, 235, .94); border-radius: 8px; background: #fff; padding: 0 10px; color: #1f2d40; font-size: 12px; font-weight: 800; }
.material-assets-detail-card .material-operation-panel { padding: 9px 10px; border: 1px solid rgba(204, 214, 235, .84); border-radius: 10px; background: rgba(248, 251, 255, .86); }
.material-assets-detail-card .material-operation-panel:not([open]) { display: block; }
.material-assets-detail-card .material-operation-panel:not([open]) > :not(summary) { display: none; }
}
@media (max-width: 960px) { .material-assets-toolbar, .material-assets-layout { grid-template-columns: 1fr; }
.material-assets-stats, .material-campaign-detail, .material-assets-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) { .material-dialog { width: calc(100vw - 20px); max-width: 390px; max-height: calc(100vh - 28px); padding: 0; color: #eef7ff; border: 1px solid rgba(99, 125, 174, .28); border-radius: 12px; background: radial-gradient(circle at 82% 4%, rgba(91, 72, 255, .18), rgba(91, 72, 255, 0) 36%), linear-gradient(180deg, rgba(14, 24, 43, .98), rgba(8, 14, 27, .99)); box-shadow: 0 26px 70px rgba(0, 0, 0, .52); }
.material-dialog::backdrop { background: rgba(3, 7, 15, .72); backdrop-filter: blur(8px); }
.material-dialog .campaign-form { max-height: calc(100vh - 28px); overflow: auto; padding-bottom: 112px; scroll-padding-bottom: 128px; background: transparent; }
.material-dialog .campaign-form > header { position: sticky; top: 0; z-index: 2; padding: 16px 16px 10px; border-bottom: 1px solid rgba(93, 119, 168, .22); background: rgba(9, 17, 31, .92); backdrop-filter: blur(14px); }
.material-dialog .campaign-form > header strong, .material-dialog .campaign-form label span, .material-dialog .material-recent strong, .material-dialog .material-detail header strong, .material-dialog .material-detail-header strong { color: #fff; }
.material-dialog .campaign-form > header span, .material-dialog .campaign-form > header small, .material-dialog .material-file-picker small, .material-dialog .material-filters span, .material-dialog .material-recent [data-material-list], .material-dialog .material-detail header span { color: rgba(223, 235, 255, .66); }
.material-dialog .campaign-form main { padding: 14px 16px 96px; }
.material-dialog .campaign-form label, .material-dialog .material-file-picker, .material-dialog .material-recent { min-width: 0; }
.material-dialog .material-recent { margin-bottom: 88px; }
.material-dialog .campaign-form input, .material-dialog .campaign-form select, .material-dialog .campaign-form textarea, .material-dialog .material-file-picker input[type="file"] { color: #eef7ff; border-color: rgba(93, 119, 168, .3); background: rgba(255, 255, 255, .06); }
.material-dialog .material-file-picker input[type="file"] { display: none; }
.material-dialog .campaign-form input::placeholder, .material-dialog .campaign-form textarea::placeholder { color: rgba(223, 235, 255, .42); }
.material-dialog .icon-close, .material-dialog .outline-button { color: #e9f4ff; border-color: rgba(93, 119, 168, .3); background: rgba(255, 255, 255, .07); }
.material-dialog .primary-button { background: linear-gradient(135deg, #176dff, #7a35ff); }
.material-dialog .mobile-capture-panel { border-color: rgba(65, 207, 255, .36); background: radial-gradient(circle at 0% 0%, rgba(60, 220, 255, .16), rgba(60, 220, 255, 0) 44%), rgba(17, 31, 56, .82); }
.material-dialog .mobile-capture-panel strong { color: #fff; }
.material-dialog .mobile-capture-panel small { color: rgba(223, 235, 255, .7); }
.material-dialog .material-row, .material-dialog .material-detail, .material-dialog .material-detail-grid div { color: #eaf5ff; border-color: rgba(93, 119, 168, .24); background: rgba(255, 255, 255, .05); }
.material-dialog .material-row.active { border-color: rgba(65, 207, 255, .5); background: rgba(41, 128, 255, .16); }
.material-dialog .material-detail-grid span { color: rgba(223, 235, 255, .62); }
.material-dialog .material-detail-grid strong, .material-dialog .material-source { color: #7cecff; }
.material-dialog .material-detail-actions, .material-dialog .material-detail-section { display: none; }
.material-dialog .material-detail-preview { display: none; }
.material-dialog .campaign-form > footer { position: sticky; bottom: 0; padding: 10px 16px 14px; border-top: 1px solid rgba(93, 119, 168, .22); background: rgba(9, 17, 31, .94); backdrop-filter: blur(14px); }
.material-assets-page-dialog { width: 100vw; max-height: 100vh; border-radius: 0; }
.material-assets-stats, .material-campaign-detail { grid-template-columns: 1fr; }
.material-assets-grid, .mobile-capture-panel div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.material-operation-panel { grid-template-columns: 1fr; }
.material-assets-page-dialog { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; color: #f4f8ff; border: 0; border-radius: 0; background: radial-gradient(circle at 52% -4%, rgba(37, 80, 255, .38), transparent 24%), radial-gradient(circle at 0% 18%, rgba(0, 210, 255, .15), transparent 30%), linear-gradient(180deg, #030817 0%, #061427 48%, #030916 100%); box-shadow: none; }
.material-assets-page-dialog::backdrop { background: #030817; backdrop-filter: none; }
.material-assets-page { position: relative; display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 0; width: 100%; height: 100dvh; max-height: none; overflow: hidden; padding: 0 14px 0; background: radial-gradient(circle at 82% 5%, rgba(109, 73, 255, .2), transparent 30%), linear-gradient(180deg, rgba(3, 8, 19, .98), rgba(4, 12, 27, .99)); }
.material-assets-page::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 23% 18%, rgba(97, 235, 255, .32) 0 1px, transparent 2px), radial-gradient(circle at 79% 34%, rgba(123, 112, 255, .28) 0 1px, transparent 2px), radial-gradient(circle at 55% 7%, rgba(111, 159, 255, .34) 0 1px, transparent 2px); }
	.material-assets-page .mobile-material-statusbar,
	.material-assets-page .mobile-material-head,
	.material-assets-page .mobile-material-tabs,
	.material-assets-page .mobile-material-stats,
	.material-assets-page .mobile-material-filter-row,
	.material-assets-page .mobile-material-selection-tray,
	.material-assets-page .mobile-upload-title,
	.material-assets-page .mobile-material-card-title,
	.material-assets-page .mobile-material-card-meta,
	.material-assets-page .mobile-material-check { display: initial; }
	.material-assets-page .mobile-material-statusbar,
	.material-assets-page .mobile-material-head,
	.material-assets-page .material-assets-shell,
	.material-assets-page .mobile-material-selection-tray { position: relative; z-index: 1; }
.material-assets-page .mobile-material-statusbar { display: flex; height: 34px; padding: 10px 4px 0; font-size: 14px; }
.material-assets-page .mobile-material-head { display: grid; grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; align-items: stretch !important; gap: 6px; padding: 6px 0 4px; }
.material-assets-page .mobile-material-head .mobile-brand-row { grid-column: 1; grid-row: 1; width: 100%; min-height: 32px; }
.material-assets-page .mobile-material-title { grid-column: 1; grid-row: 2; width: 100%; }
.mobile-material-head .mobile-brand-lockup { gap: 8px; color: #fff; font-size: 16px; letter-spacing: 0; }
.mobile-material-head .mobile-brand-lockup strong { color: #fff; }
.mobile-material-head .mobile-brand-lockup img { width: 24px; height: 24px; filter: drop-shadow(0 0 14px rgba(57, 219, 255, .42)); }
.mobile-material-head .mobile-brand-lockup:has(.mobile-brand-logo-full) { display: inline-flex; }
.mobile-material-head .mobile-brand-lockup .mobile-brand-logo-full { width: min(178px, 56vw); height: auto; max-height: 60px; }
.mobile-material-close { display: none; }
.mobile-material-guide { display: inline-flex; align-items: center; gap: 7px; min-height: 33px; padding: 0 10px; flex: 0 0 auto; color: #f1f7ff; border: 1px solid rgba(91, 114, 255, .6); border-radius: 12px; outline: 0; background: rgba(9, 19, 42, .74); box-shadow: inset 0 0 0 1px rgba(67, 221, 255, .08); font-size: 12.5px; font-weight: 850; white-space: nowrap; }
.mobile-material-guide:focus { outline: 0; }
.mobile-material-guide i { width: 18px; height: 18px; color: #52e8ff; filter: drop-shadow(0 0 14px rgba(82, 232, 255, .56)); flex: 0 0 auto; }
.mobile-material-title { display: grid; gap: 6px; }
.mobile-material-title strong { color: #fff; font-size: 20px; line-height: 1.08; font-weight: 950; letter-spacing: 0; }
.mobile-material-title small { display: inline-flex; align-items: center; gap: 4px; color: rgba(224, 232, 248, .7); font-size: 11px; line-height: 1.35; font-weight: 750; }
.mobile-material-title small i { width: 13px; height: 13px; color: #a76dff; }
.material-assets-head, .material-assets-sidebar, .material-assets-detail, .material-assets-toolbar, .material-assets-tabs, .material-assets-grid-head, .material-assets-page .material-assets-pagination, .desktop-upload-title, .desktop-material-title, .material-asset-tags, .material-asset-card > small, .material-upload-panel .outline-button { display: none !important; }
.material-assets-shell { display: grid; min-height: 0; grid-template-columns: 1fr; overflow: hidden; }
.material-assets-center { display: grid; grid-template-rows: auto auto auto auto minmax(0, 1fr); gap: 7px; min-height: 0; overflow: hidden; padding-bottom: 112px; border: 0; background: transparent; box-shadow: none; }
.mobile-material-tabs, .mobile-material-stats { border: 1px solid rgba(105, 130, 179, .24); background: radial-gradient(circle at 12% 0%, rgba(63, 213, 255, .12), transparent 36%), linear-gradient(180deg, rgba(18, 31, 58, .8), rgba(8, 17, 35, .8)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 42px rgba(0, 0, 0, .25); backdrop-filter: blur(16px); }
.mobile-material-tabs,
.material-assets-page .mobile-material-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-height: 42px; overflow: hidden; border-bottom: 0; border-radius: 16px 16px 0 0; }
.mobile-material-tabs button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; color: rgba(220, 230, 249, .58); border: 0; background: transparent; font-size: 12px; font-weight: 760; white-space: nowrap; }
.mobile-material-tabs button:focus { outline: 0; }
.mobile-material-tabs button.active { color: #fff; font-weight: 850; }
.mobile-material-tabs button.active::after { content: ""; position: absolute; left: 32%; right: 32%; bottom: 0; height: 3px; border-radius: 999px; background: #43f4ff; box-shadow: 0 0 18px rgba(67, 244, 255, .65); }
.mobile-material-tabs i { width: 17px; height: 17px; }
.mobile-material-stats,
.material-assets-page .mobile-material-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-height: 62px; margin-top: -9px; padding: 7px 0 6px; border-top: 1px solid rgba(105, 130, 179, .18); border-radius: 0 0 16px 16px; }
.mobile-material-stats article { display: grid; justify-items: center; align-content: center; gap: 2px; min-width: 0; padding: 0 3px; border-right: 1px solid rgba(110, 127, 168, .18); }
.mobile-material-stats article:last-child { border-right: 0; }
.mobile-material-stats i { width: 16px; height: 16px; color: #55e6ff; }
.mobile-material-stats article:nth-child(1) i { color: #8268ff; }
.mobile-material-stats article:nth-child(3) i { color: #f2bd46; }
.mobile-material-stats article:nth-child(4) i { color: #6287ff; }
.mobile-material-stats span, .mobile-material-stats small { min-width: 0; max-width: 100%; overflow: hidden; color: rgba(222, 232, 250, .66); font-size: 9.5px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.mobile-material-stats strong { min-width: 0; max-width: 100%; overflow: hidden; color: #fff; font-size: 15px; line-height: 1; font-weight: 860; text-overflow: ellipsis; white-space: nowrap; }
.material-upload-panel { display: grid; place-items: center; gap: 3px; height: 112px; min-height: 0; padding: 9px 10px 10px; color: #f2f7ff; border: 1px dashed rgba(72, 111, 255, .72); border-radius: 14px; background: radial-gradient(circle at 50% 18%, rgba(69, 112, 255, .16), transparent 34%), rgba(4, 13, 29, .54); box-shadow: inset 0 0 0 1px rgba(121, 59, 255, .12); text-align: center; }
.material-upload-panel > i { display: grid; place-items: center; width: 42px; height: 30px; color: #6e8cff; filter: drop-shadow(0 0 18px rgba(84, 116, 255, .76)); transform: scale(1.35); }
.material-upload-panel .mobile-material-upload-cloud { display: block; width: 56px; height: 38px; margin: -2px 0 -3px; object-fit: contain; filter: drop-shadow(0 0 16px rgba(80, 128, 255, .52)); }
.material-assets-page .material-upload-panel > i { display: none; }
.material-upload-panel strong { color: rgba(241, 246, 255, .82); font-size: 12px; line-height: 1; font-weight: 800; }
.material-upload-panel small { order: 4; color: rgba(219, 229, 247, .66); font-size: 9.5px; line-height: 1; font-weight: 650; }
.material-assets-page .material-upload-panel .mobile-upload-title { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.material-upload-panel div { order: 3; display: flex; margin-top: 1px; }
.material-upload-panel .primary-button { min-width: 104px; min-height: 34px; border: 0; border-radius: 11px; background: linear-gradient(135deg, #1e8dff, #9736ff); box-shadow: 0 14px 28px rgba(61, 95, 255, .32); font-size: 13px; }
.mobile-material-filter-row,
.material-assets-page .mobile-material-filter-row { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 8px; min-height: 39px; }
.mobile-material-filter-row > button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; padding: 0 8px; color: #f2f7ff; border: 1px solid rgba(108, 128, 173, .32); border-radius: 9px; background: rgba(16, 27, 50, .78); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); font-size: 10.5px; font-weight: 900; white-space: nowrap; }
.mobile-material-filter-row i { width: 15px; height: 15px; color: rgba(215, 227, 250, .7); flex: 0 0 auto; }
.mobile-material-filter-row > button span { width: 6px; height: 6px; margin-left: 1px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: .8; }
.mobile-material-view-toggle { display: grid; grid-template-columns: 34px 34px; gap: 4px; padding: 2px; border-radius: 10px; background: rgba(14, 24, 45, .88); box-shadow: inset 0 0 0 1px rgba(108, 128, 173, .24); }
.mobile-material-view-toggle button { display: grid; place-items: center; min-width: 0; color: rgba(214, 224, 246, .58); border: 0; border-radius: 8px; background: transparent; font-size: 16px; font-weight: 950; }
.mobile-material-view-toggle button i { width: 18px; height: 18px; }
.mobile-material-view-toggle button.active { color: #2de8ff; background: rgba(19, 92, 185, .28); box-shadow: 0 0 18px rgba(38, 179, 255, .26); }
.material-assets-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 8px; min-height: 0; overflow: auto; padding: 0 0 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; scrollbar-width: none; }
.material-assets-grid::-webkit-scrollbar { display: none; }
.material-asset-card { position: relative; display: grid; grid-template-rows: 48px auto auto; gap: 4px; min-height: 100px; overflow: hidden; padding: 4px 5px 7px; color: #f4f8ff; border: 1px solid rgba(105, 130, 179, .28); border-radius: 9px; background: linear-gradient(180deg, rgba(20, 33, 61, .78), rgba(10, 22, 43, .84)); box-shadow: 0 12px 28px rgba(0, 0, 0, .22); }
.material-asset-card.active { border-color: rgba(70, 110, 255, .5); background: linear-gradient(180deg, rgba(22, 39, 75, .84), rgba(10, 22, 43, .88)); box-shadow: inset 0 0 0 1px rgba(77, 221, 255, .1), 0 14px 30px rgba(0, 0, 0, .26); }
.material-asset-preview { position: relative; display: block; width: 100%; height: 48px; overflow: hidden; aspect-ratio: auto; border-radius: 6px; background-image: var(--mobile-material-preview); background-position: center; background-size: cover; }
.material-asset-preview::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1, 5, 13, 0), rgba(1, 5, 13, .18)); }
.material-asset-preview img, .material-asset-preview span { opacity: 0; }
.material-asset-card strong { min-width: 0; margin: 0; color: #fff; font-size: 11.5px; line-height: 1.12; font-weight: 780; }
.material-assets-page .mobile-material-card-title { display: block; overflow: hidden; color: rgba(248, 252, 255, .9); font-size: inherit; font-weight: inherit; text-overflow: ellipsis; white-space: nowrap; }
.mobile-material-card-meta { display: flex; align-items: center; gap: 9px; margin: 0; color: rgba(219, 229, 247, .64); font-size: 10.5px; font-weight: 620; line-height: 1; }
.material-assets-page .mobile-material-card-meta span { color: inherit; font-size: inherit; font-weight: inherit; }
.mobile-material-check { position: absolute; right: 12px; bottom: 12px; width: 17px; height: 17px; border: 1px solid rgba(220, 230, 249, .62); border-radius: 4px; background: rgba(5, 14, 31, .4); }
.material-asset-card.is-mobile-selected .mobile-material-check { top: 10px; right: 10px; bottom: auto; width: 25px; height: 25px; border: 0; border-radius: 50%; background: linear-gradient(135deg, #42a6ff, #5968ff); box-shadow: 0 8px 18px rgba(45, 98, 255, .5); }
.material-asset-card.is-mobile-selected .mobile-material-check::before { content: ""; position: absolute; left: 7px; top: 6px; width: 10px; height: 6px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); }
.mobile-material-selection-tray,
.material-assets-page .mobile-material-selection-tray { position: fixed; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; align-items: stretch !important; gap: 7px; min-height: 104px; padding: 9px 20px 11px; border: 1px solid rgba(105, 130, 179, .28); border-bottom: 0; border-radius: 20px 20px 0 0; background: radial-gradient(circle at 70% 0%, rgba(76, 102, 255, .16), transparent 32%), rgba(12, 24, 47, .96); box-shadow: 0 -18px 48px rgba(0, 0, 0, .44); backdrop-filter: blur(18px); }
.mobile-material-selection-tray::before { content: ""; justify-self: center; width: 44px; height: 4px; margin-top: -6px; border-radius: 999px; background: rgba(198, 215, 249, .35); }
.mobile-selection-summary { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; }
.mobile-selection-summary strong { color: #fff; font-size: 14px; font-weight: 950; }
.mobile-selection-summary b, .mobile-selection-summary button { color: #4e82ff; }
.mobile-selection-summary span { color: rgba(218, 229, 247, .5); border-left: 1px solid rgba(110, 127, 168, .28); padding-left: 12px; font-size: 13px; font-weight: 800; }
.mobile-selection-summary button { border: 0; background: transparent; font-size: 13px; font-weight: 900; }
.mobile-selection-body { display: grid; grid-template-columns: minmax(0, 1fr) 148px; width: 100%; align-items: center; gap: 10px; }
.mobile-selection-thumbs { display: flex; min-width: 0; gap: 8px; }
.mobile-selection-thumbs span { position: relative; display: block; width: 44px; height: 44px; flex: 0 0 auto; border: 1px solid rgba(198, 215, 249, .3); border-radius: 8px; background: rgba(255, 255, 255, .06); }
.mobile-selection-thumbs img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.mobile-selection-thumbs i { position: absolute; top: -8px; right: -8px; display: grid; place-items: center; width: 18px; height: 18px; color: #fff; border: 1px solid rgba(225, 235, 255, .74); border-radius: 50%; background: #17233b; font-style: normal; font-size: 13px; line-height: 1; }
	.mobile-material-next { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 46px; color: #fff; border: 0; border-radius: 15px; background: linear-gradient(135deg, #2c9aff, #9437ff); box-shadow: 0 16px 30px rgba(67, 93, 255, .3); font-size: 15px; font-weight: 950; white-space: nowrap; }
	.mobile-material-next i { width: 14px; height: 14px; }
}
@media (min-width: 621px) {
	.material-assets-page .mobile-material-statusbar,
	.material-assets-page .mobile-material-head,
	.material-assets-page .mobile-material-tabs,
	.material-assets-page .mobile-material-stats,
	.material-assets-page .mobile-material-filter-row,
	.material-assets-page .mobile-material-selection-tray,
	.material-assets-page .mobile-upload-title,
	.material-assets-page .mobile-material-card-title,
	.material-assets-page .mobile-material-card-meta,
	.material-assets-page .mobile-material-check,
	.material-assets-page .mobile-material-upload-cloud {
		display: none !important;
		pointer-events: none;
	}

	.material-assets-page .material-assets-head { display: flex !important; }
	.material-assets-page .material-assets-sidebar,
	.material-assets-page .material-assets-toolbar { display: grid !important; }
	.material-assets-page .material-assets-tabs,
	.material-assets-page .material-assets-grid-head { display: flex !important; }
	.material-assets-page .material-assets-detail { display: block !important; }
	.material-assets-page .material-assets-pagination { display: flex !important; }
	.material-assets-page .desktop-upload-title { display: inline !important; }
	.material-assets-page .desktop-material-title { display: block !important; }
	.material-assets-page .material-asset-card > small { display: grid !important; }
	.material-assets-page .material-upload-panel .outline-button { display: flex !important; }
	.material-assets-page .material-assets-grid .material-asset-tags { display: none !important; }
}