.icon-files{background:linear-gradient(145deg,#7fd6f2,#3e9bc9)}.files-window{width:840px;height:570px}.files-body{min-height:0;flex:1}.files-sidebar nav{display:flex;flex-direction:column;gap:5px}.files-sidebar button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:10px 12px;border-radius:7px;font-size:11px;color:var(--muted)}.files-sidebar button.active{background:#dbe7df;color:var(--ink)}.files-sidebar button:hover{background:#dbe7df80}.files-sidebar svg{width:18px;height:18px;flex-shrink:0}.files-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.files-toolbar{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.files-toolbar>button{font-size:22px;line-height:1;padding:0 8px;color:var(--muted)}.files-toolbar strong{font-size:13px}.files-toolbar input{margin-left:auto;width:175px;max-width:50%;border:1px solid var(--line);border-radius:7px;background:var(--sidebar);color:var(--ink);font-size:11px;padding:8px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));align-content:start;gap:18px 12px;padding:24px;overflow:auto;flex:1}.file-folder,.file-app{display:flex;align-items:center;flex-direction:column;gap:9px;padding:13px 8px;border-radius:10px;min-width:0}.file-folder:hover,.file-app:hover{background:var(--sidebar)}.file-folder>svg{width:68px;height:68px}.file-app .app-icon{width:53px;height:53px;border-radius:14px}.file-folder strong,.file-app strong{font-size:11px;font-weight:500;line-height:1.5;text-align:center}.file-folder small,.file-app small{font-size:9px;color:var(--muted);text-align:center;line-height:1.5}.files-empty{grid-column:1/-1;font-size:12px;text-align:center;padding:60px 0;color:var(--muted)}.classic .files-sidebar button,.classic .file-folder,.classic .file-app,.classic .files-toolbar input{border-radius:0}.classic .files-sidebar button.active{background:#000080;color:white}.classic .files-main{background:#c4c4c4}.classic .file-folder:hover,.classic .file-app:hover{background:#ddd}.dark .files-sidebar button.active{background:#375840;color:#e5efdf}
@media(max-width:760px){.files-sidebar button{padding:10px 6px;justify-content:center}.files-sidebar button>span{display:none}.files-toolbar{padding:12px 10px;gap:7px}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 10px;gap:12px 4px}.file-folder,.file-app{padding:10px 4px}.files-toolbar input{width:125px;font-size:10px}.file-folder>svg{width:60px;height:60px}.files-sidebar{display:none}body .dock-item[data-open="posters"]{display:none}}