.document-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 4px}
.document-icon{font-size:23px;color:var(--blue)}
.document-info{min-width:0;flex:1}
.document-info>a{color:var(--ink);text-decoration:none}
.document-info>a:hover{color:var(--blue);text-decoration:underline}
.document-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-info>form{margin:0}.document-title-button{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.document-title-button:hover{color:var(--blue);text-decoration:underline}
.document-actions{display:flex;align-items:center;gap:5px}
.document-actions form{margin:0}
.replace-document{position:relative}
.replace-document>summary{list-style:none;cursor:pointer}
.replace-document>summary::-webkit-details-marker{display:none}
.replace-document>form{position:absolute;right:0;top:38px;z-index:5;width:360px;padding:10px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #17233c26;display:flex;gap:7px}
.replace-document>form input{min-width:230px}
@media(max-width:750px){.document-row{align-items:flex-start;flex-wrap:wrap}.document-info{width:calc(100% - 40px)}.document-actions{width:100%;padding-left:35px;flex-wrap:wrap}.replace-document>form{position:fixed;left:15px;right:15px;top:35%;width:auto}}