.materials-admin{position:relative;min-height:calc(100vh - 65px);padding:30px 28px 40px 208px;color:#123f69}.materials-nav{position:absolute;left:15px;top:25px;width:160px;display:flex;flex-direction:column;gap:7px;border:1px solid #cedfec;border-radius:12px;padding:15px 10px;background:#fafcfe}.materials-nav a{font-size:12px;padding:9px 8px;border-radius:4px;color:#7390a7}.materials-nav a.active{background:#e8f2f7;color:#286ba6;font-weight:700}.materials-main h1{font-size:27px;margin:0 0 22px}.materials-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.materials-top>div{display:flex;align-items:center;gap:10px}.materials-total,.materials-actions>span{font-size:11px;color:#6d8aa4}.materials-main button,.materials-main .button{font-size:12px;min-height:32px;padding:7px 12px}.materials-main button:disabled{opacity:.4;cursor:default}.materials-actions{margin-left:auto}.materials-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.materials-filters select{font-size:11px;min-height:32px;height:32px;padding:5px 8px;max-width:180px}.materials-filters small{font-size:10px;color:#6d8aa4}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:15px 12px}.materials-tile{display:flex;align-items:center;flex-direction:column;gap:6px;padding:7px 5px;border:1px solid transparent;border-radius:8px;cursor:pointer;min-width:0}.materials-tile:hover{background:#f7fafc}.materials-tile.selected{background:#edf5fc;border-color:#86afd2}.materials-preview{height:94px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#f7fafb;border-radius:4px}.materials-preview img{display:block;max-width:100%;width:auto;height:94px;object-fit:contain}.materials-name{font-size:11px;line-height:16px;text-align:center;max-width:100%;overflow-wrap:anywhere}.materials-preview>small{position:absolute;right:2px;bottom:2px;background:#fffdf5dd;border-radius:3px;padding:1px 4px;font-size:9px;color:#7f7e77}.hidden-material .materials-preview img{opacity:.55}.materials-tile input[type=checkbox]{appearance:none;width:15px;height:15px;min-height:0;margin:0;padding:0;border:1.5px solid #abc5d8;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer}.materials-tile input[type=checkbox]:checked{border-color:#286aa7}.materials-tile input[type=checkbox]:checked:after{content:'';width:7px;height:7px;background:#286aa7;border-radius:50%}.materials-tile input[type=checkbox]:focus-visible{outline:2px solid #286aa7;outline-offset:3px}.materials-empty{grid-column:1/-1;color:#7390a7;padding:25px 0}.materials-main footer{margin-top:28px}.materials-main footer .button{width:auto}.materials-main .materials-grid input{flex-shrink:0}
@media(max-width:700px){.v6-site.materials-admin{width:100%;zoom:1;padding:16px;overflow:hidden}.materials-nav{position:static;width:auto;flex-direction:row;flex-wrap:wrap;margin-bottom:20px;padding:9px;gap:4px}.materials-nav a{padding:5px 7px;font-size:11px}.materials-main h1{font-size:23px;margin-bottom:18px}.materials-top{gap:12px}.materials-top>div{flex-wrap:wrap;gap:7px}.materials-actions{margin-left:0;width:100%}.materials-actions>span{width:100%}.materials-main button,.materials-main .button{padding:6px 9px;font-size:11px}.materials-filters select{max-width:145px}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 6px}.materials-preview,.materials-preview img{height:82px}.materials-name{font-size:10px}.materials-tile{padding:5px 3px;gap:5px}}

.materials-admin{padding-top:96px}.materials-nav{top:91px}
@media(max-width:700px){.v6-site.materials-admin{padding-top:16px}.v6-site.materials-admin .topbar{position:relative;left:auto;top:auto;width:calc(100% + 32px);margin:-16px -16px 20px;padding:10px 12px;min-height:65px;gap:7px}.materials-admin .topbar .brand b{font-size:15px}.materials-admin .topbar .brand img{width:36px;height:36px}.materials-admin .topbar .tagline{display:none}.materials-admin .topbar .account{gap:5px}.materials-admin .topbar .account>*{min-width:0;padding:6px;font-size:10px}}

@media(min-width:701px){.v6-site.materials-admin{overflow:visible}.v6-site.materials-admin .topbar:has(.add1-admin-account) .main-nav{left:auto;right:245px}.materials-filters select{width:140px}.materials-top{position:sticky;top:8px;z-index:5;background:#fff;padding:8px 0;border-bottom:1px solid #edf3f7}}