/* yoCloud 0.2.35: shared list layout for desktop windows, web and touch. */
.browser{container-type:inline-size}
.compact-list{width:100%;overflow-x:auto}
.compact-list .file-table{width:100%;margin:0;table-layout:fixed;border-collapse:collapse}
.compact-list .file-table th{padding:10px 6px;font-size:12px;letter-spacing:0;text-transform:none;font-weight:500}
.compact-list .file-table td{padding:0 6px;height:44px;font-size:13px;vertical-align:middle}
.compact-list .file-table .check-col{width:26px}
.compact-list .file-table .name-col{width:auto}
.compact-list .file-table .actions-col{width:80px}
.compact-list .file-table .size-col{display:table-cell;width:90px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.compact-list .file-table .date-col{display:table-cell;width:110px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.compact-list .table-name{display:flex;gap:10px;min-width:0}
.compact-list .table-name .item-title{font-size:13px;display:flex;align-items:center;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;text-align:left;padding:0;min-height:40px}
.filename-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.filename-extension{flex-shrink:0;white-space:nowrap}
.list-type-icon{display:flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:24px}
.list-type-icon .icon{width:22px;height:22px;stroke-width:1.7}
.list-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:0}
.compact-list .list-row-actions .btn.icon-btn,.share-placeholder{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-width:36px;min-height:40px;padding:8px;border:0;border-radius:6px;background:transparent}
.compact-list .list-row-actions .icon{width:18px;height:18px}
.compact-list .list-row-actions .btn:hover,.compact-list .list-row-actions .btn:focus-visible{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.compact-list .file-table tr.selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.compact-list.compact .file-table td{height:38px}
.file-action-menu{position:fixed;z-index:6000;box-sizing:border-box;width:248px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 12px 40px #0005}
.file-action-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.file-action-menu button:hover,.file-action-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 10%,transparent)}
.file-action-menu .icon{width:18px;height:18px;flex-shrink:0}
.file-action-menu .danger{color:var(--danger,#c84e54)}
.file-menu-sep{height:1px;margin:5px;background:var(--line)}
@container (max-width:600px){
 .compact-list .file-table th,.compact-list .file-table td{padding-left:2px;padding-right:2px;font-size:11px}
 .compact-list .file-table .check-col{width:20px}
 .compact-list .file-table .actions-col{width:64px}
 .compact-list .file-table .size-col{width:49px}
 .compact-list .file-table .date-col{display:table-cell;width:66px}
 .compact-list .table-name{gap:5px}
 .compact-list .table-name .item-title{font-size:12px}
 .list-type-icon{flex-basis:18px;width:18px}.list-type-icon .icon{width:18px;height:18px}
 .compact-list .list-row-actions .btn.icon-btn,.share-placeholder{flex-basis:30px;width:30px;min-width:30px;min-height:44px;padding:6px}
 .compact-list .file-table input[type=checkbox]{width:14px;height:14px}
}
@media (pointer:coarse){.file-action-menu button{min-height:44px}.compact-list.compact .file-table td{height:44px}}