.vf-files{width:calc(100% - 48px);max-width:1800px;color:var(--foreground);font-family:var(--font-ui,Tahoma,sans-serif);margin:24px auto 48px}.vf-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.vf-files h1{margin:0;font-size:22px;font-weight:750}.vf-files p{color:var(--app-muted);margin:5px 0 0;font-size:11px;line-height:1.9}.vf-files svg{flex:none;width:16px;height:16px}.vf-files :is(button,select,input,.vf-page-header>a){box-sizing:border-box;font-family:inherit;font-size:11px}.vf-files :is(button,.vf-page-header>a){border:1px solid var(--app-line);background:var(--app-control);min-height:36px;color:var(--foreground);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 12px;text-decoration:none;display:inline-flex}.vf-files button:disabled{opacity:.4;cursor:default}.vf-files :is(button,.vf-page-header>a):hover:not(:disabled){background:var(--app-control-hover)}.vf-files .primary{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-on-primary)}.vf-files .primary:hover:not(:disabled){background:color-mix(in srgb,var(--app-accent) 88%,var(--foreground))}.vf-files-card{border:1px solid var(--app-line);background:var(--app-panel);border-radius:12px;padding:14px}.vf-card-heading{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;gap:12px;padding:0 0 14px;display:flex}.vf-card-heading h2{margin:0;font-size:19px;font-weight:750}.vf-card-heading>svg{width:25px;height:25px;color:var(--app-accent)}.vf-table-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.vf-table-toolbar>span{color:var(--app-muted);font-size:11px}.vf-table-toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vf-files select,.vf-files input{border:1px solid var(--app-line);background:var(--app-panel);width:100%;min-width:0;height:34px;color:var(--foreground);border-radius:7px;outline:0;padding:0 9px}.vf-files :is(input,select,button,a):focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.vf-files input::placeholder{color:var(--app-muted)}.vf-table-toolbar select{background:var(--app-control);width:auto;min-width:120px;height:36px}.vf-files .vf-notice{border:1px solid var(--app-line);background:var(--app-control);color:var(--foreground);border-radius:7px;margin:0 0 12px;padding:10px 12px}.vf-table-wrap{border:1px solid var(--app-line);background:var(--app-surface);border-radius:9px}.vf-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.vf-table th,.vf-table td{border-bottom:1px solid var(--app-line);text-align:right;vertical-align:middle;padding:12px 14px}.vf-table th{background:var(--app-control);height:38px;color:var(--app-muted);padding-block:8px;font-size:10px;font-weight:500}.vf-table th:first-child{border-top-right-radius:8px;width:27%}.vf-table th:nth-child(2){width:22%}.vf-table th:nth-child(3){width:10%}.vf-table th:nth-child(4){width:15%}.vf-table th:nth-child(5){width:14%}.vf-table th:last-child{border-top-left-radius:8px;width:12%}.vf-table-filters th{height:48px;padding:6px 8px;border-radius:0!important}.vf-table-filters span{font-size:10px}.vf-table td{background:var(--app-surface);height:72px;font-size:11px}.vf-table tbody tr:hover>td{background:var(--app-control-hover)}.vf-table tbody tr:last-child td{border-bottom:0}.vf-table tbody tr:last-child td:first-child{border-bottom-right-radius:8px}.vf-table tbody tr:last-child td:last-child{border-bottom-left-radius:8px}.vf-file-name{align-items:center;gap:10px;min-width:0;display:flex}.vf-file-name>i{border:1px solid var(--app-line);background:var(--app-control);width:32px;height:34px;color:var(--app-muted);border-radius:7px;flex:none;place-items:center;display:grid}.vf-file-name>div{min-width:0}.vf-table b{overflow-wrap:anywhere;font-size:11px;font-weight:650;display:block}.vf-file-name small{color:var(--app-muted);margin-top:4px;font-size:9px;display:block}.vf-table strong{font-size:12px;font-weight:700}.vf-kind{color:var(--app-muted)}.vf-sharing-status{color:var(--app-muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.vf-sharing-status>i{background:var(--app-muted);border-radius:50%;width:6px;height:6px}.vf-sharing-status.active{color:var(--app-accent)}.vf-sharing-status.active>i{background:var(--app-accent)}.vf-file-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.vf-file-actions>button,.vf-file-actions>.vn-asset-share>button{border:1px solid var(--app-line);background:var(--app-control);border-radius:6px;width:30px;height:30px;min-height:30px;padding:0}.vf-files .danger{color:var(--app-danger)}.vf-table-empty td{text-align:center;height:130px;color:var(--app-muted)}.vf-table-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.vf-table-footer small{color:var(--app-muted);font-size:10px;line-height:1.8}@media (max-width:800px){.vf-files{width:calc(100% - 24px);margin-top:16px}.vf-page-header{flex-wrap:wrap;align-items:flex-start}.vf-files h1{font-size:19px}.vf-files-card{padding:12px}.vf-card-heading h2{font-size:16px}.vf-table-toolbar{flex-direction:column;align-items:flex-start}.vf-table-wrap{background:0 0;border:0}.vf-table,.vf-table thead,.vf-table tbody{display:block}.vf-table thead>tr:first-child{display:none}.vf-table-filters{border:1px solid var(--app-line);background:var(--app-control);border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:10px;display:grid}.vf-table-filters th{background:0 0;border:0;height:auto;padding:0;display:block;width:auto!important}.vf-table-filters th:nth-child(4),.vf-table-filters th:last-child{display:none}.vf-table tbody>tr{border:1px solid var(--app-line);background:var(--app-surface);border-radius:9px;gap:12px;margin-bottom:10px;padding:14px;display:grid}.vf-table td{border:0;justify-content:space-between;align-items:center;gap:16px;height:auto;padding:0;display:flex;background:0 0!important;border-radius:0!important}.vf-table td:before{content:attr(data-label);color:var(--app-muted);flex:none;font-size:10px}.vf-table td:first-child{border-bottom:1px solid var(--app-line);padding-bottom:10px}.vf-table td:first-child:before{display:none}.vf-table .vf-table-empty td{text-align:center;border:0;padding:25px 0;display:block}.vf-table .vf-table-empty td:before{display:none}.vf-table-footer{flex-direction:column;align-items:flex-start}.vf-file-actions{flex-wrap:nowrap}}.vf-filter-menu{width:100%;min-width:0;position:relative}.vf-filter-menu>button{text-align:right;background:var(--app-panel);justify-content:space-between;width:100%;min-height:34px}.vf-table-toolbar .vf-filter-menu{width:140px}.vf-table-toolbar .vf-filter-menu>button{background:var(--app-control);min-height:36px}.vf-filter-menu>button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vf-filter-panel{z-index:100;box-sizing:border-box;width:100%;min-width:150px;position:absolute;top:calc(100% + 5px);right:0}.vf-files .vf-filter-panel>button{background:0 0;border:0;border-radius:5px;justify-content:space-between;width:100%;min-height:34px;font-weight:400;display:flex}.vf-files .vf-filter-panel>button:hover,.vf-files .vf-filter-panel>button:focus-visible{background:var(--app-menu-hover-bg)}.vf-files .vf-filter-panel>button[aria-checked=true]{color:var(--app-accent)}.vf-menu-label{align-items:center;gap:7px;min-width:0;display:inline-flex}.vf-filter-menu>button>.vf-menu-label{overflow:visible}.vf-files .vf-filter-panel>button[aria-checked=true].app-sharing-active{color:var(--app-success)}.vf-files .vf-filter-panel>button[aria-checked=true].app-sharing-private{color:var(--app-storage-accent)}.vf-kind-icon{box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,currentColor 20%,transparent);border-radius:5px;flex:none;place-items:center;width:21px;height:21px;display:grid}.vf-kind-icon>svg{width:16px;height:16px;display:block}html[data-theme] body .vf-filter-menu .vf-menu-label .vf-kind-icon{color:var(--media-color)!important}.vf-kind{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.vf-kind>svg,.vf-sharing-status>svg{width:16px;height:16px}.vf-sharing-status{background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid;border-radius:6px;padding:5px 8px}
